Микросоветы по UI и UX: часть 1

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

Иногда достаточно простых приемов, чтобы создать что-то, чем действительно будут довольны ваши клиенты, пользователи и вы сами.

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

01 Совершенно нормально время от времени использовать чисто декоративные элементы.

Да. Большая часть текстового контента на экране должна соответствовать рекомендациям по удобству использования.

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

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

02 Сделайте элементы пользовательского интерфейса отличными друг от друга.

Кнопки. Уведомления. Два отдельных, но важных элемента в вашем пользовательском интерфейсе.

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

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

03 Все, что вам нужно — это едва уловимые тени.

Мы все любим хорошие тени, верно?

При умеренном использовании они могут служить тонкими, но мощными визуальными подсказками в ваших проектах.

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

Отложите тяжелые и темные тени и уменьшите непрозрачность, чтобы добиться чего-то более тонкого и реалистичного.

04 Использование заглавных букв? Выберите шрифт, подходящий для достижения оптической четкости.

Умеренное использование заглавных букв в вашем дизайне - хорошее решение для подписи.

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

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

05 Сделайте хлебные крошки выделяющимися и доступными для понимания пользователем.

Крошки, крошки повсюду.

Они часто используется на сайтах с большим количеством контента, но не всегда получают ту любовь, которой они заслуживают.

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

Это особенно полезно, если пользователь ушел вглубь сайта, например, с помощью поиска.

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

Уделите хлебным крошкам немного любви и внимания.

06 Используете насыщенные цвета? Попробуйте смягчить вещи с помощью оттенка или тени.

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

По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными цветами (оттенок или вариант оттенка) насыщенного цвета, чтобы избежать сильной нагрузки на глаза.

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

Позаботьтесь об людях.

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


Оригинальная статья marcandrew.me

Перевод Александр Лавренюк

Редактор Валерия Жадан