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