Please enable JavaScript.
Coggle requires JavaScript to display documents.
Принципы UI/UX - Coggle Diagram
Принципы UI/UX
Принцип KISS. От англ. «keep it short and simple». Интерфейс должен быть простой и понятный, задачи должны решаться минимальным числом действий, все должно быть понятно и очевидно.
Не заставляйте думать. Нужно избегать сложных действий, которые заставляют пользователей думать.
Убираем очевидное. Не стоит показывать очевидные элементы интерфейса, нужно сосредоточиться только на действительно необходимых вещах.
Соотношение сигнал / шум. В каждом интерфейсе есть важные элементы (сигналы) и маловажные или даже бессмысленные для определенной части системы (шум), естественно, нужно концентрироваться на сигналах и избегать шума.
Проверенное лучше модного. Не стоит цепляться за моду и делать что-то только потому, что так делают другие, лучше отдать предпочтение проверенным элементам интерфейса.
Привычные элементы управления. В любом современном интерфейсе есть много элементов управления, будет лучше использовать привычные элементы и визуальные образы.
Люди не читают, люди просматривают. Пользователи не любят читать большие массивы текстов, не заставляйте их это делать.
-
Кошелек Миллера. В одном функциональном блоке не может быть больше 5-7 элементов, иначе пользователь не сможет удерживать информацию в кратковременной памяти.
Принцип группировки. Информацию на странице желательно разбивать на логические блоки (группы), так пользователю легче ориентироваться.
-
Все полезное на виду. Все важные элементы интерфейса должны быть на виду и соответствующим образом выделены.
Принцип 3х кликов. Должно быть не более 3х кликов для перехода из одного раздела в другой. Это же правило применимо к главной странице: любая важная информация должна быть доступна не более чем в 3 клика.
Однородность. В больших проектах часто встречается однородный функционал в разных частях сайта (например, комментарии), он не должен отличаться. Это же касается и стиля.
Способы решения задачи. Пользователям нужно предлагать способы решения их задач с помощью интерфейса, и эти способы должны быть очевидны.
Принцип мостовых перил. Этот принцип еще называют «защита от дурака», пользователей нужно защищать от случайных действий.
Правильный копирайтинг. Проектирование интерфейса – это во многом копирайтинг, важна каждая буква, особенно заголовки.
Принцип единства. Настройки и элементы управления нужно стараться не прятать в отдельные разделы, а дать возможность управлять из одного места, если это уместно.
Тренды. Стоит учитывать современные тенденции, чтобы интерфейс не устарел еще до выхода проекта, но подходить к этому вдумчиво.
UX —User Experience — опыт пользователя — какое впечатление получает человек от работы с интерфейсом, достигает ли необходимой цели, как он это делает.
UI — User Interface — пользовательский интерфейс, то есть внешний вид и дизайн
UX-дизайнер планирует, как будет пользователь взаимодействовать с интерфейсом, какие шаги пройдёт юзер, чтобы выполнить целевое действие
UI-дизайнер — реализует визуальную часть: придумывает, как каждый из этих шагов будет выглядеть
5 требований к UX/UI дизайну
тексты/слова/обозначения
визуальные/звуковые/тактильные эффекты
объекты и пространство
время отклика
поведение объекта
Подходы к созданию идей
Метод Д. Юнга
Погружение — полностью погружаемся в предмет исследования.
Погружение — полностью погружаемся в предмет исследования.
Вынашивание — откладываем дела и на 2 часа отправляемся на прогулку.
Мозговой штурм — активно прорабатываем идею с сотрудниками или партнёрами.
Трезвая оценка — смотрим, реально ли поможет идея решить поставленную задачу.
-
Главное в UI/UX
— согласованность — система и единообразие
— простота восприятия — бабушке должно быть понятно
— не заставляй думать — не создавай головоломки
— поддерживай пользовательский язык — используй, то что пользователь понимает
— давай чёткие и понятные знаки — облегчай с помощью дизайна
— сначала определи проблему — после того, как решишь её делай остальное
— пиши коротко — но не делай из текста ребус
— строй дизайн на обратной связи — будь на месте пользователя
-
-