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

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

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

Not Every Artist Needs An “Immersive Experience”

Weekly Dose of Inspiration — July 19, 2021

After twenty-five years of being in education, I provide tutoring, consulting, and coaching on…

VRtown — The Story (The tale of VRtown)