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

Рабочий процесс проектирования пользовательского интерфейса

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

· Проектирование структуры

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

· Интерактивный дизайн

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

1) Очистить сообщение об ошибке. После неправильной работы система выдает целевые подсказки.

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

3) Разрешите использовать как мышь, так и клавиатуру. В одной и той же функции вы можете использовать мышь и клавиатуру одновременно. Предлагает множество возможностей.

4) Допускайте перерывы в работе. Пример: когда вы пишете новое текстовое сообщение на свой мобильный телефон, вы получаете текстовое сообщение или звоните, а когда возвращаетесь, вы все равно можете найти новое текстовое сообщение, которое вы только что написали.

5) Используйте язык пользователя, а не технический язык.

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

7) Удобный выход. Например, выход из телефона заключается в нажатии кнопки для полного выхода или послойного выхода. Предлагаются две возможности.

8) Функция навигации. Легко переходить от одной функции к другой, перемещая функциональность с течением времени.

9) Сообщите пользователю о его / ее текущем местоположении и заставьте его / ее принять решение о следующем действии.

· Визуальный дизайн

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

1) Понятный интерфейс. Позволяет пользователям настраивать интерфейс.

2) Уменьшает нагрузку на кратковременную память. Пусть компьютер поможет запомнить, например, имя пользователя, пароль, т.е. введенный в интерфейс адрес может позволить машине запомнить.

3) Полагайтесь на когнитивные способности, а не на память. Например, запоминание значков печати, выбор списка выпадающего меню

4) Предоставляйте визуальные подсказки. Визуальные стимулы графических символов; GUI (Дизайн графического интерфейса): где, что, следующий шаг

5) Обеспечьте функции по умолчанию, отмены и повтора

6) Обеспечьте ярлыки для интерфейса

7) По возможности используйте метафоры реального мира. Например, дизайн значков телефона, принтера, уважайте предыдущий опыт пользователя.

8) Улучшите визуальную четкость. Будьте хорошо организованы; не позволяйте пользователям угадывать расположение и метафору картинок и слов.

9) Координация и согласованность интерфейса.Если кнопка интерфейса мобильного телефона выходит из строя, нажмите левую кнопку подтверждения; щелкните правой кнопкой мыши отрицание; Или по содержимому.

10) Та же функция с той же графикой.

11) Цвет и содержание. Общее программное обеспечение должно содержать не более 5 цветовых систем. Старайтесь использовать меньше красного и зеленого цветов. Приблизительный цвет указывает на приблизительное значение.