7 Секретов улучшения ux с помощью микровзаимодействий

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

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

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

  • Информировать состояние и обеспечить обратную сообщение
  • Повысить чувство прямой манипуляции
  • Оказать помощь людям визуализировать результаты собственных действий

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

1) Показывать состояние совокупности

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

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

Ваш пользователь улыбнется!

2) Выделять трансформации

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

3) Сохранять сообщение

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

4) Нестандартные макеты

В продолжение к прошлым примерам, микровзаимодействия должны оказать помощь пользователям осознать, как, не запутавшись, взаимодействовать с необыкновенными макетами. Пролистывание фотографий вперед, прокрутка графиков и вращающиеся знаки – превосходные возможности:

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

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

6) Визуализировать ввод

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

7) Анимировать управления

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

Выводы

Так что, если вы цените пользовательский опыт, отточите собственный интерфейс от А до Я, добавив к нему микровзаимодействия и анимацию. Это вдохнет жизнь в ваш проект.

Внимание к каждой подробности есть ключом к успешному сотрудничеству человека с компьютером.

Высоких конверсий!

Случайные статьи:

Adobe Xd – обзор на Windows (виндовс) и Mac для дизайна интерфейсов UX/UI, сайтов, приложений. Урок


Подборка похожих статей:

riasevastopol