Три ключевые составляющие для успешного проектирования интерфейсов

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

1. Дизайна взаимодействия
2. Визуального дизайна;
3. Информационной архитектуры.

Выберите правильные элементы интерфейса

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

Элементы интерфейса состоят (но не ограничиваются) из структуры для управления вводом:

• Выпадающие списки;

• Флажки;

• Кнопки;

• Текстовые поля;

• Списки

• Переключатели

• Поле даты.

Навигационных компонентов:

• Хлебные крошки;

• Слайдеры;

• Поле поиска;

• Разбиение на страницы (постраничная навигация);

• Метки;

• Значки.

Информационных компонентов:

• Подсказки;

• Значки;

• Индикаторы выполнения;

• Уведомления;

• Окна сообщений;

• Модальные окна.

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

Оптимизируйте интерфейс под вашу целевую аудиторию

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

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

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

3. Используйте цвет и текстуру. Вы можете направлять или перенаправлять внимание пользователя к определенным элементам дизайна, используя цвет, контраст и текстуру.

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

Сделайте интерфейс простым

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

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

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

Источник: http://evergreens.com.ua/ru/products/design/prototyping.html