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

Пользовательский интерфейс (UI, user interface) – разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, с множеством элементов, машинами и устройствами.

Юзабилити – «возможность использования», «способность быть использованным», «полезность» обозначает итоговый уровень удобности предмета для использования в заявленных целях.

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

Длительность выполнения работы пользователя:Восприятие исходной информацииИнтеллектуальная работа (пользователь думает, что он должен сделать)Физические действия пользователяРеакция системы

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

Понятность системы.«Ментальная модель» Избегайте создания элементов управления, функциональность которых зависит от контекста.«Метафора» Чтобы научиться пользоваться системой, пользователю нужно построить ментальную модель. Лучшим способом является применение метафоры, которая позволяет не создавать новую модель, а воспользоваться моделью, которую он построил по другому поводу. Опасно полностью копировать метафору, достаточно взять из неё самое лучшееНе обязательно брать метафору из реального мира, её можно придумать самомуЭффективнее всего метафорически объяснять значение отдельных объектовЕсли метафора хоть как-то ограничивает систему, от неё необходимо немедленно отказаться.«Аффорданс»Маппинг, или повторение конфигурации объектов конфигурацией элементов управленияВидимая принадлежность управляющих элементов объектуВизуальное совпадение аффордансов экранных объектов с такими же аффордансами объектов реального мираИзменение свойств объекта при подведении к нему курсора.«Стандарт» чтобы стандарт заработал, он должен быть популярен.

Базовая справка объясняет пользователю сущность и назначение системыОбзорная справка рекламирует пользователю функции системы. Также обычно срабатывает один раз. Нужна и ПО и сайтамСправка предметной области отвечает на вопрос «Как сделать хорошо?»Процедурная справка отвечает на вопрос «Как это сделать?»Контекстная справка отвечает на вопросы «Что это делает?» и «Зачем это нужно?»Справка состояния отвечает на вопрос «Что происходит в настоящий момент?» Система должна индицировать все свои состоянияСообщения об ошибкахБумажная книга. На одном листе может быть сконденсировано очень много материалаСправочная карта. Отдельная краткая бумажная документацияСтруктурированная электронная документацияФрагменты пространства интерфейса, показывающие справочную информациюВсплывающие подсказки. Хорошо справляются с ответом на вопросы «Что это такое» и «Зачем это нужно».

Ошибки, вызванные недостаточным знанием предметной областиОпечаткиНесчитывание показаний системыМоторные ошибки

Ошибки, исправляемые во время совершения действияОшибки, которые исправить можно, но с трудомОшибки, исправляемые после выполнения действияОшибки, которые на практике невозможно исправить

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

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

Выделение контекстовФормирование карты диалогаВыбор интерфейсных элементовДизайн