Лучшие практики: микровзаимодействия

  • Подтверждение добавления предмета в корзину
  • Использование жеста потяните вниз для обновления содержимого
  • Анимация интерфейса, которая подтверждает действие (например, кнопка переключения)

1. Формируйте петлю привычки

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

2. Свяжите воедино

Микровзаимодействия должны быть естественной частью вашего дизайна — создайте тему, в которой все взаимодействия (и микро, и макро) образуют единый опыт.

  • Непрерывность. Анимируйте переход между разными состояниями объекта таким образом, чтобы переход был плавным и непрерывным.
  • Предсказуемость. Хорошо проработанные микровзаимодействия позволяют формировать ожидания и делать информацию понятной пользователям.

3. Анимируйте фидбек

Анимация может значительно улучшить пользовательский опыт, если ее правильно использовать. Функциональная и приятная анимация может стать способом обратной связи:

  • Функциональная анимация снижает когнитивную нагрузку, предотвращает слепоту к изменениям и улучшает способность пользователя реагировать в интерфейсе.
  • Приятная анимация микровзаимодействий лучше вовлекает пользователей, а движение направляет внимание и оживляет пользовательский интерфейс.

4. Не забывайте про чувство юмора

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

5. Избегайте нежелательных взаимодействий

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

Вывод

В UX важно то, как вы взаимодействуете с пользователем и как они себя чувствуют, когда пользуются вашим продуктом. Даже незначительные детали заслуживают пристального внимания, потому что внимание к каждой мелочи — ключ к успешному созданию простого взаимодействия между человеком и компьютером.

--

--

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
aic blog

aic blog

1.2K Followers

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/