Микровзаимодействие: секрет дизайна приложений.

Микровзаимодействие: секрет дизайна приложений.

Микровзаимодействие: секрет дизайна приложений.

Две вещи делают продукты лучшими: особенности и детали. Особенности - вот что привлекает людей к вашему продукту. Детали - вот что отличает вас от конкурентов.

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

Что такое микровзаимодействие?

Микровзаимодействия — это маленькие элементы функциональности. Фокус на них очень важен. Качество дизайна продукта определяется качеством его самых мелких деталей.

Как впервые описано в книге « Microinteractions» Дэна Саффера , эти крошечные детали обычно выполняют такие основные функции:

-Сообщают о обратной связи или результате действия;
-Выполняют индивидуальную задачу;
-Усиляют чувство прямого взаимодействия;
-Помогают пользователям визуализировать результаты своих действий и предотвращать ошибки;


Вот некоторые примеры конкретного микровзаимодействия 

Уведомление вибросигналом о беззвучном режиме :

Интерфейсная анимация, которая показывает о возможности нажатия (кнопка, которая меняет цвет при зависании).

Почему работает микровзаимодействие

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

Определение возможностей

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

Оповещение о статусе системы

Еще Якоб Нильсен говорил: информируйте своего пользователя о том, что происходит. Так как пользователи ожидают немедленного ответа. Но есть ситуации, когда приложению требуется некоторое время, прежде чем действие будет завершено.

Таким образом, интерфейс должен информировать пользователя о том, что происходит.

Или на каком этапе находится пользователь:

Не позволяйте вашему пользователю скучать - информируйте пользователя и покажите им прогресс (например, загрузочная панель взаимодействует с пользователем и предотвращает путаницу).

Выделение изменений

В некоторых случаях мы должны показывать уведомления, чтобы убедиться, что пользователь это видит. Анимация в этом поможет. Это привлечет внимание пользователя и не позволит ему игнорировать то, что вы считаете важным.

Сохранение текста

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

Визуальный ввод 

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

Призыв к действию

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


Поделиться:
Выберите мессенджер:
Выберите оператора:

Написать нам в