Зная, что все мы судим о книге по ее обложке, умные дизайнеры создают запоминающиеся и практичные интерфейсы. Быть может, потенциальные пользователи пойманы на крючок, но, как сохранить данный эффект?
Поиски ответа на данный вопрос ведут к ориентированному на человека подходу, где пользователь находится в центре внимания. Не забывайте о пользователе: ваше приложение должно сказать на языке, что мы используем ежедневно, а также чувства, разговорная обращение с привлекательным внешним видом. Интерфейс должен быть вашим хорошим втором, готовым посоветовать , стремящийся улучшить ваш опыт и радовать вас.
Поднимается занавес, свет погас: микровзаимодействия вступают в игру. Дабы быть более правильным, речь заходит об интерактивной анимации, которая делает интерфейс более привлекательным. Хорошая анимация может:
- Информировать состояние и обеспечить обратную сообщение
- Повысить чувство прямой манипуляции
- Оказать помощь людям визуализировать результаты собственных действий
В UX принципиально важно то, как вы общаетесь с пользователями, и как они себя ощущают, применяя продукт. Кроме того незначительные подробности заслуживают внимания. Микровзаимодействия снабжают нужную пользователям понимание и обратную связь происходящих процессов, делая интерфейс дешёвым независимо от того, как сложная логика кроется за ним.
1) Показывать состояние совокупности
Первый эвристический принцип юзабилити Якоба Нильсена гласит: информируйте вашему пользователю все, что происходит. Люди желают приобретать ответы сходу, но бывают обстановке, в то время, когда сайту требуется некое время, перед тем как воздействие будет завершено.
Так, интерфейс обязан информировать пользователя о том, что происходит при помощи графики в фоновом режиме, измеряя битрейт либо воспроизведя звук. Тот же принцип относится к передаче файлов: не разрешайте вашему пользователю заскучать; показывайте им прогресс. Кроме того такое неприятное уведомление, как неудавшаяся передача должно быть мило представлено.
Ваш пользователь улыбнется!
2) Выделять трансформации
Довольно часто, для экономии места, приложение одну кнопку второй, в то время, когда это нужно. Время от времени мы должны продемонстрировать уведомления, дабы убедиться, что пользователь видит это. Анимация привлечет их внимание и не разрешит пользователям потерять из виду то, что вы вычисляете серьёзным.
3) Сохранять сообщение
В эру смартфонов и смарт-часов с маленькими экранами, тяжело разместить большое количество информации на одном экране. Один из способов совладать с этим – сохранить четкую навигацию между разными страницами; и пользователь осознает, что и откуда показалось и сможет легко возвратиться обратно. Имеется большое количество вариантов для этого:
4) Нестандартные макеты
В продолжение к прошлым примерам, микровзаимодействия должны оказать помощь пользователям осознать, как, не запутавшись, взаимодействовать с необыкновенными макетами. Пролистывание фотографий вперед, прокрутка графиков и вращающиеся знаки – превосходные возможности:
5) Призывы к действию
Кроме оказания помощи пользователю действенно взаимодействовать с приложением, микровзаимодействия смогут призывать к самому сотрудничеству: продолжать просмотр, лайкать либо обмениваться контентом, лишь вследствие того что это все весьма привлекательно:
6) Визуализировать ввод
Ввод данных есть одним из самые важных элементов любого приложения. В большинстве случаев, это достаточно скучно, но микровзаимодействия превращают данный процесс во что-то особое:
7) Анимировать управления
И, само собой разумеется, анимация может оказать помощь пользователям разобраться в приложении по окончании его запуска, выделив элементы управления и основные функции, нужные для предстоящего применения без неприятностей.
Выводы
Так что, если вы цените пользовательский опыт, отточите собственный интерфейс от А до Я, добавив к нему микровзаимодействия и анимацию. Это вдохнет жизнь в ваш проект.
Внимание к каждой подробности есть ключом к успешному сотрудничеству человека с компьютером.
Высоких конверсий!
Случайные статьи:
- Как не продешевить фрилансеру? секрет от dr. dre
- Почему apple никогда не выпускает свои продукты первой
Adobe Xd – обзор на Windows (виндовс) и Mac для дизайна интерфейсов UX/UI, сайтов, приложений. Урок
Подборка похожих статей:
-
Как сделать мир лучше с помощью универсального дизайна?
Как довольно часто при применении того либо иного продукта у вас появляется чувство, словно бы он создан специально для вас? Если вы водите машину, то…
-
Секреты юзабилити: анимация для внимания и понимания
Резюме: анимация есть замечательным инструментом для привлечения внимания визитёра посадочной страницы либо сайта. Перед тем как применить подобную…
-
Секреты юзабилити: почему пользователи винят себя в ошибках дизайнеров?
Мы ненавидим неопределенность. В случае если что-то идет не так, мы как возможно скорее желаем разобраться, в чем же обстоятельство. Но в то время, когда…
-
Устраняем недоверие пользователей с помощью белого пространства
В эру свободного распространения контента остро поднимается вопрос: как возможно генерировать лиды и выстраивать отношения с пользователями при помощи…