5 приемов, которые заставят улыбнуться даже самого серьезного пользователя

Интерфейс как средство эмоционального удовлетворения пользователя. Как считаете это реально?
Порой незначительные вещи в дизайне интерфейса способны вызвать больше эмоций, чем задумка проекта в целом. Неповторимые детали, которые придают уникальность проекту, и помогают установить эмоциональный контакт называют элементами эмоционального дизайна.

Наверняка каждый помнит помощника Microsoft Office – эту милую скрепочку (котика, собачку). Именно такой помощник способен вызвать положительные эмоции у пользователя софта. Люди ежедневно выполняющие один и тот же набор повторяющихся задач, редко испытывают радость и восторг от самой программы.

Имея свою «фишку» веб-ресурс или интерфейс обеспечит лояльность пользователей, расположит к себе и вызовет желание поделиться именно этим продуктом. Положительные эмоции обеспечат положительное мнение о продукте, порой скрывая незначительные неудобства и трудности интерфейса.

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

Помните мишку из Tunnel Bear? При переходе на сайт эта анимация с медведем настолько располагает и умиляет, что иногда забываешь за чем собственно зашел.

 TunnelBear

1. Геймификация

Многие приложения, ресурсы и даже социальные сети используют этот прием. Прекрасный способ вовлечения и заинтересованности пользователей. Он основан на использовании элементов игры для достижения какой-либо цели. Вспомните социальную сеть Vkontakte. При регистрации под фотографией профиля раньше была строка, которая отображала степень заполненности страницы. Уверен, многие из вас заполняли ее так, чтоб отображало 100%.

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

Прежде чем внедрять такую тактику, определите, настроена ли ваша целевая аудитория на игру и какой результат вам это даст.
Хорошим примером гермификации на сайте Aliexpress является лотерея виртуальных монет (ими можно рассчитываться за покупки), которые начисляются каждый раз при заходе на сайт.
Еще один ресурс, который выбрал такую тактику это Duolingo.Duolingo.

Веб-ресурс и мобильное приложение для изучения иностранных языков. Для многих самостоятельное изучение нового языка это сплошное мучение и скукота. Урок рассчитаны на 10-минутное изучение материала, по окончанию которого вам начисляются очки. Если вы выучили 10 уроков без единой ошибки, вы получаете определенный статус на сайте. Прозанимались 30 дней подряд – вот вам бонус. За каждый шаг и маленькое достижение вы получаете приятные бонусы. Это стимулирует и вдохновляет. В конечном итоге вы не только выучите язык, но и обретете чувство собственной гордости за личный успех.

2. Шутки в тренде

Хорошим инструментом для создания впечатления является юмор в веб-дизайне. Секундная улыбка или добротная шутка, которая вызвала смех на 5 минут, растопят сердце людей. Будь-то случайная встреча на улице, серьезная профессиональная конференция или первый визит на одностраничник.
Юмор дело тонкое. Перед тем как использовать юмор, вспомните за свою целевую аудиторию, и решите поймет ли его ваша target group?

В книге «Designing for Emotion» приведен хороший пример юмора — мультяшная обезьяна Фредди. Это дружелюбное животное поднимет настроение как ребенку, так и серьезному бизнесмену. Расположит к неформальной обстановке, при этом не создавая глупого вида платформе.

Игра слов в интерфейсе: Slack и Authentic Weather

Authentic Weather — в этом случае юмор используется как уникальное торговое предложение. Вроде бы что взять с сайта прогноза погоды? Зашел, быстренько посмотрел что одевать и брать ли зонтик и все. Приложение в любую погоду порадует вас потешным комментарием.
Даже самая обыденная задача – проверка прогноза погоды станет веселым утренним ритуалом. Юмор работает тогда, когда вы знаете свою аудиторию.

Юмор

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

Юмор

3. Motion and Emotion

По статистике на 3 из 5 сайтах используется анимация. Про анимацию в веб-дизайне можно прочитать здесь. Для многих это единственный способ перехода от одного состояния к другому или обеспечение забавного ожидания при загрузке страницы. Анимация отображает статус действия или сообщает о том, что сейчас происходит. Этот метод лучше чем банальная статичная картинка, и помогает пользователю определить следующее действие на сайте.

Движение – это жизнь, даже в веб-дизайне. Статичная картинка – смерть. Разработчик приложений Encrypto и Gemini Photos утверждает:

«Мы привыкли видеть вещи в движении. Все вокруг нас либо движется, либо меняет внешний вид из-за света.»

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

Encrypto и Shazam, чем удивите?

Encrypto – приложение для Mac, которое шифрует файлы, для безопасного обмена между пользователями. Отличный инструмент, для людей, которые переживают за конфиденциальность и безопасность своих данных.
Одно из моих любимых приложений, которое благодаря своей анимации, заставляет меня улыбнуться из раза в раз. Шифрование файлов напоминает «Матрицу», которая скользит по файлам и защищает их. Ожидание преобразования файла некое цифровое волшебство.

Encrypto

Уверен, что Shazam установлен на вашем телефоне. Около десяти лет назад человечество еще не знало такого уникального и очень нужного приложения. Если песня понравилась, мы ее напевали друзьям, семье, соседям, вбивали в гугл как услышали, и очень часто слышали совсем не то что поют. Вспомнить даже всем известное «Факамакафо» песню Bomfunk MC’s — Freestyler.

Shazam

Чтобы определить песню, кнопка, которую вы нажимаете, начинает посылать концентрические круги, как будто играет колонка на огромном музыкальном центре.

4. Иллюстрациям быть!

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

Иллюстрация

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

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

Google Calendar

5. Интересный персонаж

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

Медведь и хомяк

Сегодня я уже упоминал про TunnelBear и его веселого и добродушного медведя. Разработчики решили использовать этого же мишку для другой утилиты RememBear. Совсем нешуточное приложение, менеджер паролей.

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

RememBear

Вместо заключения

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

Обсуждение закрыто.