UXPUB

UXPUB - сообщество из 2,337 дизайнеров и творческих людей

Место, где дизайнеры делятся опытом

Создать аккаунт Войти
Cover image for UI и UX микро-советы: часть 11
Редакция
Редакция

Опубликовано • Обновлено

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

#ux

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

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

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

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

Приступим…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Перевод статьи uxdesign.cc

Обсуждение (0)