Эмоциональный веб-дизайн - [14]

Жизнь учит нас анализировать эмоциональные реакции. Как вы реагируете, когда удивлены, когда что-то предвкушаете или когда от вас что-то утаивают? Что вы чувствуете, когда ваш статус повышается или вам приказывают что-то сделать, невзирая на ваше нежелание? Подобные ситуации запоминаются надолго, и, если рассмотреть их внимательнее, можно извлечь массу полезных уроков, которые можно и нужно использовать в практике эмоционального дизайна.

Удивление и радость

Замечали ли вы, что, когда на радио вдруг начинает играть ваша любимая песня, вы испытываете бо́льшую радость, чем если бы включили ее сами? Удивление усиливает эмоциональный отклик. Когда вы предвкушаете что-либо, ваши эмоции распределены во времени. Удивление сжимает эмоции до одного мгновения, делая реакцию более интенсивной и оставляя отпечаток в памяти.

Во второй главе говорилось о том, что наше сознание ищет нарушение закономерностей и выделяет когнитивные и визуальные контрастные элементы, с тем чтобы мы могли реагировать соответствующим образом. В момент удивления мы переживаем высококонтрастную ситуацию, которую не могли предсказать. Сюрприз захватывает наше внимание и отсекает лишние детали, оставляя в памяти лишь необычное.

Дизайнеры используют это весьма полезное свойство психики, чтобы распределить внимание и сформировать поведение пользователей. Мы знаем, что пользователи сайтов и приложений быстро обрабатывают информацию и их внимание ограниченно. Элемент неожиданности, встроенный в интерфейс, ломает поведенческую закономерность и заставляет мозг заново считывать ситуацию.

Вслед за удивлением всегда приходит пропорциональный ему эмоциональный отклик. Отследив контраст, мозг должен быстро среагировать. На глубокий анализ нет времени, и мозг вынужден полагаться на эмоции и интуицию. Дизайнеры интерфейсов обожают добиваться подобной реакции пользователей, ведь при правильном подходе она лишает их возможности усомниться в необходимости покупки и отказаться от нее. Однако вы должны помнить, что цель не обмануть или одурачить посетителя – аудитория наверняка поймет подобную игру и не станет доверять вашему бренду. Цель – положительное восприятие нашего бренда, а затем и лояльность.

Photojojo удалось добиться когнитивного кунг-фу удивления и закрепить свой коммерческий успех.

Photojojo: атака услужливых кукол

Photojojo (http://photojojo.com) – сайт, который стремится сделать цифровую фотографию более веселой. Его разработчикам удалось добавить в копилку покупательских впечатлений удивление. С развитием Сети дизайн интернет-магазинов становился все более типовым и однообразным – это облегчало пользователям процесс покупки товаров. Делая сюрпризы покупателям, Photojojo полностью изменяет эмоциональную сторону этого процесса – теперь все хотят продолжать шопинг.

На каждой странице Photojojo есть корзина для покупок, дизайнеры наделили ее яркой индивидуальностью. Она серая и грустная – сначала вы не понимаете почему (рис. 4.1), но стоит добавить в нее какой-либо товар, она начинает улыбаться и зеленеет от радости. Оказывается, корзина счастлива только тогда, когда ее брюшко набито товарами, которые вы хотите приобрести.

^{Рис. 4.1. Корзина Photojojo грустит, пока покупатель не добавит в нее товар, после этого она начинает улыбаться}

Новаторский дизайн корзины Photojojo удивляет клиентов, попавших на сайт впервые, ведь он отличается от того, что они видели раньше. Дизайн фокусирует внимание пользователей на процессе добавления товара в корзину; покупатели хотят пережить этот момент заново и пополняют ее все новыми и новыми товарами. А это именно то, что нужно Photojojo.

Подобные сюрпризы подстерегают клиентов и на других страницах. Например, между корзиной и изображением товара находится таинственный рычаг. Он отгоняет любопытных пользователей табличкой «Не тянуть». Согласитесь, довольно необычно видеть на веб-странице что-то, что нельзя трогать. Только самые дисциплинированные покупатели могут противостоять соблазну. Тех же, кто все-таки потянет за рычаг, ждет весьма необычное переживание: на странице появится оранжевая рука и сдвинет ее на описание продукта, которое находится в другом окне (рис. 4.2).

^{Рис. 4.2. Оранжевая рука тянет страницу на себя после того, как вы дернете рычаг с табличкой «Не тянуть»}

Будь это обычная ссылка на описание продукта, пользователи могли бы ее и пропустить, но загадочный рычаг работает с реверсивной психологией, и в результате описание читают большее число пользователей. Если верить Амиту Гупте, создателю Photojojo, это значительно увеличивает конверсию. Гениально!

Сюрпризы делают сайт интересным и заставляют клиентов возвращаться снова и снова. Гупта рассказывает, как эмоциональный дизайн расширил аудиторию и повлиял на успех сайта:

Эмоциональный дизайн – часть нашей маркетинговой стратегии. Люди рассказывают друзьям о пузырьке, скачущем по странице, если добавить что-то в корзину. Они рассказывают фолловерам[20] и читателям своего блога о рычаге с табличкой «Не тянуть», о том, как им нравятся сэндвич и динозавр на страничке с контактами, когда они пишут нам письма, и вдобавок они фотографируют счет и размещают его фотографию на Flickr. Все это вместе (включая прекрасные товары и отличный сервис) обеспечивает популярность компании, привлекает новых поклонников, клиентов и друзей.