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

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

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

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

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

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

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

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

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

Вывод

--

--

--

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. 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

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

More from Medium

Television first — a mobile first similarity

Eco-sustainable Design for APPs

Colors 101 — the importance of color psychology

Visibly Invisible: Reimagining User Interactions