Контрольные списки. Юзабилити-тестирование

         

Контрольный список интерфейса ПО


Окна
    • При проектировании было учтено, при каком разрешении, а так же размере монитора и шрифтов будут работать пользователи.
  1. Заголовки
    • Заголовки короткие и адекватные содержимому окна.
    • Заголовки соответствуют названиям элементов, при помощи которых окна были вызваны.
    • Если окно вызывается элементом, не имеющим явного названия, в заголовке окна отражается название экранной формы.
  2. Дизайн окна
    • Тип окна (модальное, немодальное, возможность минимизации/максимизации) был выбран осознанно, в соответствии с задачами пользователей.
    • Управляющие и информационные элементы расположены достаточно далеко друг от друга (не менее 7 DLU).
    • Информация в окне адекватно сгруппирована (связанные элементы объединены в группы).
    • Кнопки находятся в секции, на которую они оказывают непосредственное воздействие. Терминационные кнопки (управляющие окном) расположены либо снизу в ряд либо справа в колонку.
    • Переход от элемента к элементу внутри окна, осуществляется сверху вниз слева направо.
  3. Диалоговые окна
    • В диалоговых окнах отсутствуют меню или инструментальные панели.
    • Диалоговые окна открываются не в центре экрана, а в центре текущего действия пользователя.
Меню
  1. Пункты главного меню
    • Пункты меню имеют адекватные названия.
    • Первая буква в названии пунктов заглавная.
    • Все пункты первого уровня активизируют выпадающее меню.
    • Каждому пункту меню назначены общепринятые горячие клавиши (выделены подчеркиванием).
  2. Раскрывающиеся меню и элементы основного меню второго уровня

    • Все элементы начинаются с заглавной буквы.
    • Если в меню используются пиктограммы, они расположены слева от названия пункта меню.
    • Все списки содержат более одного элемента.
    • Высота меню не превышает размер экрана (меню не нужно прокручивать).
    • Пункты меню адекватно сгруппированы. Осмысленно использованы разделители в меню.
    • Пункты меню расположены в порядке связанности выполняемых функций, частоте использования, важности.
    • Используются не более двух подуровней меню.
    • Каждый пункт меню имеет соответствующую горячую клавишу.
    • Название пункта меню соответствует названию вызываемого окна.
    • Пункты меню, открывающие диалоговые окна, обозначены в конце многоточием (…).
    • Недоступные пункты меню обозначены серым цветом шрифта.
  3. Всплывающие меню
    • Каждому пункту всплывающего меню соответствует аналогичный пункт в основном меню.
Инструментальные панели
    • Каждому элементу инструментальной панели соответствует всплывающая подсказка.
    • Элементы упорядочены и сгруппированы в соответствии с задачами пользователей.
    • Для стандартных действий используются общепринятые графические элементы.
  • Управляющие элементы
    1. Переключатели (Check boxes)
      • В одном окне используется не более 10 переключателей.
      • Переключатели сгруппированы и каждой группе присвоено название.
      • Внутри группы переключатели расположены строго вертикально.
      • Переключатели не применяются для частого, оперативного использования.
      • В названиях используется только позитивная, утвердительная форма.
    2. Командные кнопки
      • Кнопки имеют краткие и ясные названия.
      • В каждом диалоге используется не более 6 кнопок.
      • Кнопки, выполняющие в разных диалогах идентичные функции, имеют одинаковые названия.
      • Типовые кнопки имеют общепринятые названия и общепринятые горячие клавиши.
      • Кнопки, вызывающие продолжение диалога в вложенных формах, обозначены многоточием (…).
      • Недоступные кнопки имеют соответствующие атрибуты (серый цвет шрифта и т.п.).
      • Опасные для пользователя кнопки не являются кнопками по умолчанию
    3. Редактируемые поля со списком (Сombo Box)
      • Имеют функцию авто-выбора.
    4. Раскрывающиеся списки
      • Высота выводимого на экран списка ограничена 3-8 элементами.
      • Если список содержит более 50 элементов, используется фильтр или режим поиска.
      • Если все элементы не умещаются в одном фрагменте списка, автоматически появляется полоса прокрутки.
    5. Группы элементов
      • Каждая группа имеет осмысленное название, помимо рамки отделена от других групп и элементов свободным пространством.
    6. Подписи (Labels)
      • Все элементы имеют подписи.
      • Учтена возможность увеличения (уменьшения) длины подписей при использовании large fonts (small fonts).
      • Подписи выровнены по левому краю поля (если они находятся над полем).
      • Подписи расположены по середине высоты поля (если название находится с боку).
      • Если элемент недоступен, подпись отображается серым шрифтом.
    7. Списки
      • Если список содержит более 50 элементов, используется фильтр или режим поиска.
      • Высота ограничена 3-8 элементами.
      • Если все элементы не умещаются, автоматически появляется полоса прокрутки.
    8. Кнопки выбора (Option Buttons или Radio Buttons)
      • В одной группе используется не более 6 кнопок.
      • В пределах группы кнопки расположены по вертикали.
      • Нет состояния, когда ни одна кнопка не выбрана.
      • Последовательность расположения кнопок в группе учитывает частоту использования.
    9. Вкладки (Tabs)
      • Названия вкладок выровнены по центру.
      • Каждой вкладке присвоено осмысленное название.
      • Количество рядов закладок не превышает двух.
      • Все связанные между собой данные находятся внутри одной закладки.
      • Кнопки, относящиеся ко всему блоку закладок, расположены за пределами блока закладок.
    10. Текстовые поля ввода (Text Box or Edit Field)
      • Для недоступных полей используются серый цвет (название, текст и фон поля).
      • Высота всех текстовых полей в окне одинакова.
      • Содержимое полей выровнено по левому краю, за исключением полей с числовыми значением (напр., для вывода денежных сумм).
      • Длина поля не меньше длины вводимых в него данных.
      • Если в поле вводится численное значение границы диапазона выводятся во всплывающей подсказке.
    11. Порядок табуляции фокуса ввода
      • При открытии окна фокус попадает на элемент внутри окна.
      • Схема табуляции соответствует очередности заполнения полей (слева направо, сверху вниз).
      • Командные кнопки включены в табуляцию.
      • Невидимые и недоступные элементы исключены из схемы табуляции.
    12. Пиктограммы
      • Направление теней во всех пиктограммах одинаково: слева сверху.
      Взаимодействие с пользователем
        • Система, завершив какую-либо длительную операцию, пищит через встроенный динамик компьютера.
        • Цифры, предназначенные для сравнения либо для копирования в буфер обмена, выводятся непропорциональным шрифтом.
        наверх     к оглавлению


        Содержание раздела