- Статьи
- 2 мин на чтение
8
Навигация и брендинг
Ещё одна проблема юзабилити — сложная навигация. Обратите внимание на иконки в верхних углах и внизу экрана. Пользователям будет трудно найти нужный элемент навигации, когда все они разбросаны и находятся в разных местах. Отсутствие различий между элементами усложняет задачу.
Гораздо лучше объединить элементы, связанные с контентом, внизу, а элементы, связанные с пользователем, наверху. В правом верхнем углу находится аватарка человека, которая используется для его учётной записи, а в левом верхнем углу — его местоположение. Всё это персональные элементы пользователя, которые он может настраивать.
Внизу находятся только те элементы, которые связаны с контентом: «Главная», «Избранное», «Обзор», «Уведомления» и «Меню». Обратите внимание, что иконки «Аккаунт» и «Настройки» переехали. Иконка «Аккаунт» теперь представлена аватаркой в правом верхнем углу, а «Настройки» находятся внутри «Меню». Такая организация позволит пользователям различать элементы навигации, связанные с контентом, и элементы, связанные с ними самими.
Также обратите внимание, что поиск — больше не элемент навигации. Теперь он представляет собой текстовое поле, доступное для пользователей в любое время. Важно не скрывать поиск за иконкой, если люди будут часто к нему обращаться.
Также стоит обратить внимание на то, как пользователи воспринимают ваш бренд. Правильный брендинг укрепляет доверие человека к интерфейсу. Когда они ему доверяют, они, скорее всего, будут чаще им пользоваться.
В первоначальной версии дизайна брендинга нет. Основная цветовая палитра интерфейса состоит из чёрного, белого и серых оттенков. Эти нейтральные цвета не придают бренду индивидуальности, потому что их используют все приложения. Вместо этого вам нужно выбрать такие оттенки одного цвета, которые помогут выделить интерфейс.
Например, в новом дизайне нет чёрного или серого цветов. Все выполнено в зелёных оттенках. Некоторые тексты могут показаться чёрными, но если присмотреться, они тёмно-зелёные. Другие тексты могут выглядеть серыми, но это зелёный, смешанный с серым.
Наконец, завершающий декоративный штрих — лёгкий градиент. Все используемые цвета — вариации основного оттенка — зелёного. Единственные изменения касаются уровня яркости и насыщенности. Это правильный способ выбора цветов для вашего бренда.
Заключение
Шаги к успешному редизайну требуют решения проблем юзабилити, которые влияют на восприятие и когнитивную нагрузку на пользователей. Для этого нужно упростить усвоение информации людьми, облегчить поиск элементов навигации, сделать интерактивные кнопки более заметными и добавить персонализированный опыт. После этого вам будет гораздо проще применять дизайнерские техники для решения проблем удобства использования интерфейса.
Перевод статьи The Successful Redesign of an Awful UX (Part 3) из блога UX Movement Newsletter
В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!
Загрузка...
