10 законов для создания пользовательского интерфейса

 

Сайты и приложения сейчас встречаются разные и постоянно находятся в движении. Задача дизайнеров и разработчиков − создать современный, интересны и понятный интерфейс. Каких правил надо придерживаться, чтобы сделать его совершенным?


1. Будьте понятны.
Пользователь не будет тратить своё время на сайт или приложение, если оно будет сложным. Вкладки, ярлыки, всплывающие окна, кнопка «Справка» или «Обратиться в службу поддержки» делают интерфейс простым и доступным. 


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


3. Будьте предельно ясными.
Быстрый доступ к функционалу увеличивает время просмотра и снижает показатель отказов. Пользователь понимает, где он находится и куда ему идти. Например, «Корзина» − «Оформление заказа» − «Оплата», «Подтверждение». Особенно это важно для посетителей с мобильных устройств, потому что экран у них меньше.


4. Предоставляйте обратную связь.
Используйте анимацию, иконки, таймеры, всплывающие окна, которые сигнализируют о той или иной операции.


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


6. Выберите модель взаимодействия.
Как архитектор продумывает эскиз и назначение здания, так и дизайнер должен планировать модель взаимодействия пользователя и продукта. Когда Вы разрабатываете пользовательский интерфейс, выберите основные инструменты для взаимодействия: меню, касания, иконки, жесты или механизм. 

7. Следуйте стандартам дизайна.
Соответствуйте ожиданиям пользователя. Например, мобильное меню должно выглядеть как 3 горизонтальных полосок. Функция «Поиска» размещена вверху сбоку, по центру или в самом конце. Соответствие стандартам поможет пользователю без подсказок сориентроваться и получить то, что ему необходимо.


8. Иерархия элементов.
Самое важное должно располагаться наверху станицы. Большие элементы уменьшаться. Пробелы создадут чёткость и размеренность. Чистые линии, много места и чётко расставленные элементы могут визуально указывать пользователям, как перемещаться по интерфейсу.


9. Будьте проще.
Делайте формы проще и удобнее, в 3 шага. Уберите всё, что не так важно.


10. Подарите пользователям удобство управления и ощущение свободы.
Оставьте пользователю свободу и удобство взаимодействия с элементом. Они состоят из быстрого доступа и контекста. Например, контекстные меню для действий над конкретным элементом. Кнопка «Отмена» предоставит посетителю поле для экспериментирования и обезопасит от потери данных.
Следуя всем этим правилам, вы создадите хороший пользовательский интерфейс. Удачи!

Поделиться:
< Предыдущая запись Следующая запись >

портфолио

все работы

Заявка на разработку сайта!