Разработка пользовательского интерфейса
Интерфейс пользователя
Проектирование и разработка UI
- Выделение контекстов
- Формирование карты диалога
- Выбор интерфейсных элементов
- Дизайн
Критерии качества UI
Субъективное удовлетворение
Количество человеческих ошибок
- Ошибки, вызванные недостаточным знанием предметной области
- Опечатки
- Несчитывание показаний системы
- Моторные ошибки
Снижение чувствительности системы к ошибкам
Три основных способа:
- Блокировка потенциально опасных действий пользователя до получения подтверждения правильности действия
- Проверка системой всех действий пользователя перед их принятием
- Самостоятельный выбор системой необходимых команд или параметров, при котором от пользователя требуется только проверка
Не следует делать опасные для пользователя кнопки кнопками по умолчанию.
Всегда показывайте границы диапазона во всплывающей подсказке.
Борьба с ошибками
При борьбе с ошибками нужно направлять усилия на:
- Плавное обучение пользователей в процессе работы
- Снижение требований к бдительности
- Повышение разборчивости и заметности индикаторов
Чтобы исправить совершённую ошибку, от пользователя требуется:
- Понять, что ошибка совершена
- Понять, как её исправить
- Потратить время на исправление ошибки
Наличие человеческих ошибок, которые нельзя обнаружить и исправить до окончательного совершения действия, всегда свидетельствует о недостаточно хорошем дизайне.
Два уровня ошибок и обратная связь
- Ошибки, исправляемые во время совершения действия
- Ошибки, которые исправить можно, но с трудом
- Ошибки, исправляемые после выполнения действия
- Ошибки, которые на практике невозможно исправить
Скорость обучения
Пользователь будет учиться какой-либо функции, только если он знает о её существовании.
Рассчитывайте на средних пользователей, а не новичков или на профессионалов.
Средства обучения
Обучающие материалы
- Базовая справка объясняет пользователю сущность и назначение системы
- Обзорная справка рекламирует пользователю функции системы. Также обычно срабатывает один раз. Нужна и ПО и сайтам
- Справка предметной области отвечает на вопрос «Как сделать хорошо?»
- Процедурная справка отвечает на вопрос «Как это сделать?»
- Контекстная справка отвечает на вопросы «Что это делает?» и «Зачем это нужно?»
- Справка состояния отвечает на вопрос «Что происходит в настоящий момент?» Система должна индицировать все свои состояния
- Сообщения об ошибках
- Бумажная книга. На одном листе может быть сконденсировано очень много материала
- Справочная карта. Отдельная краткая бумажная документация
- Структурированная электронная документация
- Фрагменты пространства интерфейса, показывающие справочную информацию
- Всплывающие подсказки. Хорошо справляются с ответом на вопросы «Что это такое» и «Зачем это нужно».
Общая «понятность» системы
Понятность системы.
- «Ментальная модель» Избегайте создания элементов управления, функциональность которых зависит от контекста.
- «Метафора» Чтобы научиться пользоваться системой, пользователю нужно построить ментальную модель. Лучшим способом является применение метафоры, которая позволяет не создавать новую модель, а воспользоваться моделью, которую он построил по другому поводу.
- Опасно полностью копировать метафору, достаточно взять из неё самое лучшее
- Не обязательно брать метафору из реального мира, её можно придумать самому
- Эффективнее всего метафорически объяснять значение отдельных объектов
- Если метафора хоть как-то ограничивает систему, от неё необходимо немедленно отказаться.
- Маппинг, или повторение конфигурации объектов конфигурацией элементов управления
- Видимая принадлежность управляющих элементов объекту
- Визуальное совпадение аффордансов экранных объектов с такими же аффордансами объектов реального мира
- Изменение свойств объекта при подведении к нему курсора.
- «Стандарт» чтобы стандарт заработал, он должен быть популярен.
Скорость работы пользователей
Длительность выполнения работы пользователя:
- Восприятие исходной информации
- Интеллектуальная работа (пользователь думает, что он должен сделать)
- Физические действия пользователя
- Реакция системы
Эргономика
Эргономика – соответствие труда физиологическим и психическим возможностям человека, обеспечение наиболее эффективной работы, не создающей угрозы для здоровья человека и выполняемой при минимальной затрате биологических ресурсов.
Юзабилити
Юзабилити – «возможность использования», «способность быть использованным», «полезность» обозначает итоговый уровень удобности предмета для использования в заявленных целях.
Пользовательский интерфейс (UI, user interface) – разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — машиной/устройством.
Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, с множеством элементов, машинами и устройствами.