UI и UX микро-советы: часть 11

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

В этой статье я представлю еще одну подборку простых в применении микро-советов по UI и UX дизайну.

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

Хотите еще больше микро-советов по UI и UX дизайну? Тогда ознакомьтесь с моими предыдущими статьями:

Приступим…

1. Уменьшите контраст текста при работе с темными темами

UI и UX микро-советы: часть 11

Этот совет близок мне лично. Я страдаю от астигматизма, поэтому иногда, из-за эффекта халяции (Halation), работа на сайтах и в приложениях с темной темой может стать настоящей проблемой.

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

Чтобы улучшить ситуацию для пользователей, страдающих астигматизмом (которых намного больше, чем я предполагал), установите непрозрачность белого текста примерно на 85–90% (а также откажитесь от чисто черного фона). Это может значительно улучшить ситуацию для пользователей, страдающих этим заболеванием.

2. Для облегчения понимания добавьте к иконкам текстовые метки

UI и UX микро-советы: часть 11

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

Иногда вам может сойти с рук одинокая иконка (например, функция поиска). Тссс! Не будем упоминать гамбургеры.

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

3. Настройте радиусы закругления границ

UI и UX микро-советы: часть 11

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

Придайте своим дизайнам более изысканный и профессиональный вид и сделайте так, чтобы у пользователей не возникло ощущение, что с дизайном что-то не так.

4. Правильно используйте возвышение (elevation) при работе с темными темами

UI и UX микро-советы: часть 11

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

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

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

5. Сделайте длинный контент более доступным с помощью шрифта Atkinson

UI и UX микро-советы: часть 11

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

Atkinson Hyperlegible (ключ к разгадке в названии, Hyperlegible – гиперчитабельный) – это гарнитура, созданная для улучшения читабельности и разборчивости, особенно при больших объемах текстового контента.

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

6. Уберите шум. Сделайте сообщения короткими и по существу

UI и UX микро-советы: часть 11

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

Если нет реальной необходимости в более подробном сообщении, сократите его, оставив самую суть.

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

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

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Подробнее

Создание Facebook Live 360 видео

В 2015, Facebook запустил Live видео для того, чтобы помочь людям уловить больше моментов. Сейчас же Facebook запустил Live 360 видео, давайте поговорим о нем.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
16
Share