- •153003, Г. Иваново, ул. Рабфаковская, 34
- •Цели и задачи курса
- •Основные понятия
- •История развития интерфейсов
- •Первое поколение
- •Второе поколение
- •Третье поколение
- •Недостатки wimp-интерфейсов
- •Четвертое поколение
- •Классификация интерфейсов
- •Разработка пользовательского интерфейса
- •Постановка задачи
- •Формализация контекста использования
- •Формализация объективных критериев успеха
- •Определение необходимой функциональности системы
- •Анализ целей
- •Анализ действий пользователей
- •Низкоуровневые и высокоуровневые функции
- •Формализация бизнес-ролей пользователей
- •Формализация функциональности
- •Формализация сценариев действий пользователей
- •Обзор интерфейса конкурирующих систем
- •Формализация привычек и ожиданий пользователей
- •Проектирование интерфейса
- •Проектирование структуры экранов системы
- •Выделение независимых блоков
- •Проектирование навигационной системы
- •Низкоуровневое проектирование
- •Метод наблюдения за пользователем
- •Мыслим вслух
- •Проверка качества восприятия
- •Измерение производительности
- •Карточная сортировка
- •Контрольные списки
- •Эргономика пользовательского интерфейса
- •Критерии эргономичности интерфейса
- •Производительность пользователя
- •Длительность интеллектуальной работы
- •Непосредственное манипулирование
- •Потеря фокуса внимания (прерывание)
- •Ограничение принятия решений
- •Длительность физических действий пользователя
- •Закон Фитса
- •Методы повышения доступности кнопки
- •Уменьшение числа манипуляций
- •Уменьшение необходимости ввода данных
- •Человеческие ошибки
- •Типы ошибок
- •Методы предотвращения ошибок
- •Повышение разборчивости и заметности индикаторов
- •Качество/скорость восприятия элемента
- •Физическая реализация элемента
- •Блокировка потенциально опасных действий до получения подтверждения
- •Автоматический выбор параметров
- •Обучение работе с системой Типы обучающих материалов
- •Среды передачи обучающих материалов
- •Понятность системы
- •Ментальная модель
- •Метафора
- •Аффорданс
- •Стандарт
- •Субъективная удовлетворенность пользователей
- •Эстетика
- •Субъективное восприятие скорости работы
- •Уменьшение вероятности стрессовых ситуаций
- •Сообщение об ошибках
- •Сообщения о завершении операции
- •Библиографический список
- •1.Цели и задачи курса 3
- •5.2.Проектирование интерфейса 19
Карточная сортировка
Карточная сортировка — это классификационный метод, при котором пользователи сортируют различные элементы разрабатываемого ПП по нескольким категориям.
Для проведения карточной сортировки создается список параметров, которые предполагается подвергнуть классификации, после чего каждый из указанных параметров выписывается на отдельной карточке. Карточки предъявляются пользователям, которых инструктируют сгруппировать наиболее логичным, по их мнению, образом.
Полученную в результате карточной сортировки информацию используют для организации пользовательского интерфейса.
Контрольные списки
Контрольный список (или «чеклист») это документ с перечнем требований к выполняемой работе. Каждому свойству готовой работы присваивается весовой коэффициент (например, "отсутствие грамматических ошибок — 4%"), а работа считается выполненной, если сумма коэффициентов больше близкого к сотне числа (например, 97%). Благодаря этому исполнителю не требуется волноваться по поводу качества работы — от него требуется только соблюдать все изложенные в списке требования, а заказчик может быстро проверить качество выполнения, выборочно проверив отдельные параграфы.
Наличие контрольного списка увеличивает производительность работы, позволяет глобально оценить состояние проекта, тратя на это очень мало времени.
Естественно, что в каждом конкретном случае необходимо разрабатывать свой собственный контрольный список, поскольку он должен учитывать специфику разрабатываемого программного средства и возможности средств разработки. Ниже приведен пример контрольного списка (Таблица 2).
Таблица 2
Контрольный список интерфейса ПО
Элемент |
Параметр |
Вес |
Выполнение |
Окна
|
При проектировании было учтено, при каком разрешении, а так же размере монитора и шрифтов будут работать пользователи. |
|
|
Заголовки
|
Заголовки короткие и адекватные содержимому окна |
|
|
|
Заголовки соответствуют названиям элементов, при помощи которых окна были вызваны |
|
|
|
Если окно вызывается элементом, не имеющим явного названия, в заголовке окна отражается название экранной формы |
|
|
Дизайн окна
|
Тип окна (модальное, немодальное, возможность минимизации/максимизации) был выбран осознанно, в соответствии с задачами пользователей. |
|
|
|
Управляющие и информационные элементы расположены достаточно далеко друг от друга (не менее 7 DLU). |
|
|
|
Информация в окне адекватно сгруппирована (связанные элементы объединены в группы). |
|
|
|
Кнопки находятся в секции, на которую они оказывают непосредственное воздействие. Терминационные кнопки (управляющие окном) расположены либо снизу в ряд либо справа в колонку. |
|
|
|
Переход от элемента к элементу внутри окна, осуществляется сверху вниз слева направо. |
|
|
Диалоговые окна |
В диалоговых окнах отсутствуют меню или инструментальные панели. |
|
|
|
Диалоговые окна открываются не в центре экрана, а в центре текущего действия пользователя. |
|
|
Меню Пункты главного меню
|
Пункты меню имеют адекватные названия. |
|
|
|
Первая буква в названии пунктов заглавная. |
|
|
|
Все пункты первого уровня активизируют выпадающее меню. |
|
|
|
Каждому пункту меню назначены общепринятые горячие клавиши (выделены подчеркиванием). |
|
|
Раскрывающиеся меню и элементы основного меню второго уровня |
Все элементы начинаются с заглавной буквы |
|
|
|
Если в меню используются пиктограммы, они расположены слева от названия пункта меню. |
|
|
|
Все списки содержат более одного элемента. |
|
|
|
Высота меню не превышает размер экрана (меню не нужно прокручивать). |
|
|
|
Пункты меню адекватно сгруппированы. Осмысленно использованы разделители в меню. |
|
|
|
Пункты меню расположены в порядке связанности выполняемых функций, частоте использования, важности. |
|
|
|
Используются не более двух подуровней меню |
|
|
|
Название пункта меню соответствует названию вызываемого окна |
|
|
|
Пункты меню, открывающие диалоговые окна, обозначены в конце многоточием (…). |
|
|
|
Недоступные пункты меню обозначены серым цветом шрифта. |
|
|
Всплывающие меню |
Каждому пункту всплывающего меню соответствует аналогичный пункт в основном меню. |
|
|
Инструментальные панели
|
Каждому элементу инструментальной панели соответствует всплывающая подсказка. |
|
|
|
Элементы упорядочены и сгруппированы в соответствии с задачами пользователей. |
|
|
|
Для стандартных действий используются общепринятые графические элементы. |
|
|
|
|
|
|