Цитаты из книги «Дизайнер интерфейсов. Принципы работы и построение карьеры»

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

Плейсхолдер (подсказка внутри поля формы) в привычных полях не обязателен.

Ключевое действие следует выделить определенным цветом.

Нажатие на лого должно вести на домашнюю страницу. Это всем привычный паттерн, и не стоит его нарушать.

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

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

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

Если требуете конфиденциальную информацию, объясните, зачем она вам нужна.

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

Продумывая адаптив, заранее решите, как должна вести себя навигация. Самый популярный вариант – свернуть всё в бургерное меню. А что делать, если у него два уровня? В этом случае одно меню можно спрятать, а другое отображать в виде горизонтальной прокрутки. Всё зависит от конкретной задачи.