Выпадающее меню Система дизайна

Перенесите связанные действия в простые в управлении меню.

Пунктов проверки: 8 · Групп: 3

Содержание чек-листа

Структура и значение Взаимодействие и удобство использования Завершите опыт

Прогресс проверки

Структура и значение

Сравните информацию и представление в контексте использования.

Назовите кнопку, которая открывает менюУказывает, какое действие содержит меню, и отражает открытое состояние.Трехточечной кнопке по-прежнему требуется имя доступа в соответствии с объектом, на который она влияет.Пример Кнопка называется «Эксплуатация нового проекта проекта».Напишите конкретные действияИспользуйте различимые глаголы и добавляйте ярлыки только тогда, когда это действительно поддерживается.Держите столбец значков и столбец ярлыков на одном уровне; показывает только ярлык, который действительно работает для этого действия.Группа связанных задачИспользуйте заголовки или разделители, когда количество действий велико.Ставьте действия и цели рядом; Разделители должны отражать значимую группировку, а не просто равное разделение предметов.Отдельные действия, которые сложно отменитьНастройте удаление или отзыв отдельно, при необходимости объясните подтверждение.Держите действия, которые трудно отменить, отдельно от часто используемых задач и на достаточном расстоянии, чтобы уменьшить количество случайных нажатий.

Взаимодействие и удобство использования

Попробуйте выполнить операцию, измените статус и продолжайте работу.

Объясните, почему его нельзя использоватьНе создавайте отключенный элемент, который пользователь не знает, что делать, чтобы открыть его.Объясните невыполненное условие с помощью полезного контента, находящегося в фокусе или касании, а не просто всплывающей подсказки при наведении курсора.Открытие, просмотр и закрытие с помощью клавиатурыИспользуйте соответствующее поведение меню: Escape и верните фокус на кнопку открытия.Держите меню на экранеИзмените направление или перекатитесь, когда находитесь возле края; Не закрывайте необходимую триггерную точку.Откройте меню в углах экрана с длинными списками и увеличенным текстом, чтобы увидеть, меняет ли оно направление или прокручивается.

Завершите опыт

Проверьте детали, которые легко упустить при вводе проекта в эксплуатацию.

Сохраняйте подменю ограниченными и управляемымиЕсли группа открывает подменю, сделайте эту возможность понятной, поддержите вход и выход из нее с помощью клавиатуры и избегайте глубокой вложенности, из-за которой пользователи теряют свое место.Попробуйте подменю у края экрана и на сенсорном экране; пользователь должен иметь возможность открыть его, не удерживая указатель мыши на очень узкой линии.

Прогресс автоматически сохраняется в этом браузере.

РЕКОМЕНДАЦИИ