Эмоции в интерфейсе

Зрелость продукта можно разбить на несколько стадий. Первая — функциональная: продукт выполняет клиентскую задачу надежно и без ошибок. Вторая — удобная: клиент решает свою задачу с минимальной нагрузкой на мозг. Третья — эмоциональная, когда клиент получает положительные эмоции и удовольствие от процесса решения задачи.

Многие популярные онлайн-сервисы уже достигли первой стадии удобства. Чтобы расти дальше и конкурировать на рынке, им нужно работать с эмоциями пользователя — то есть думать о том, что пользователь чувствует в процессе взаимодействия с продуктом. В условиях высокой конкуренции, особенно когда продукты у всех примерно похожи, качество процесса оказания услуги становится наиболее приоритетным фактором.

Очевидный пример в офлайне — дорогой ресторан и столовая. Задача поесть решается и там и там, но фокус у этих заведений абсолютно разный. Столовая фокусируется на результате: накормить клиента быстро и по доступной цене. Ресторан фокусируется на процессе: создать атмосферу при помощи интерьера, музыки, дизайнерской посуды и красиво оформленных блюд. Туда мы приходим, чтобы провести время с удовольствием, а не просто поесть.

В мире интерфейсов часто сперва проектируется столовая, которая максимально эффективно решает задачу. И только потом в неё понемногу добавляют элементы ресторана.

Далее предлагаю разобрать примеры, как это реализовано в интернет-сервисах.

Google Docs

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

Сбербанк

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

Вход в банковское приложение представлен как вход в виртуальный векторный мир, который соответствует текущему времени дня. Получается сильная эмоциональная метафора: приложение — это вселенная, в которой живет пользователь.

Zoom

Когда камеры научились считывать лицо человека, у нас появилась возможность «обрезать» человека во время видеозвонка, а на задний фон ставить любое изображение. Подобная кастомизация интерфейса — еще один подход, который может привнести эмоции в интерфейс. Наиболее ярко это реализовано у Zoom.

Aviasales

Пользователь вбивает данные авиамаршрута и видит страницу загрузки билетов в виде самолета, который летит по заданному направлению. Это здорово скрашивает время ожидания: желаемое действие (авиаперелет) отображается в виде векторной анимации. Такой подход значительно улучшает пользовательский опыт.

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

Спасибо за внимание!