План действий Мобильное приложение

Давайте выберем действия из класса панели, связанного с контекстом.

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

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

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

Экран и контекст

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

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

Действия и отзывы

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

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

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

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

Укажите, что лист может расширятьсяЕсли лист поддерживает несколько высот, используйте узнаваемые возможности перетаскивания и положения покоя, чтобы пользователи могли обнаружить дополнительный контент.Попробуйте перетащить вверх, перетащить вниз и манипулировать с помощью вспомогательных инструментов; Начальный уровень не должен закрывать заголовок или кнопку выхода.Отличить лист от экрана за нимИспользуйте фон или четкие слои, чтобы показать, что лист активен, и предотвратить случайное взаимодействие с экраном под ним.Когда панель открыта, фоновое содержимое не получает фокуса или действий; Закрытие панели должно привести пользователя к правильной триггерной точке.

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

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

Как проверять

Проверьте операции, которые можно легко выбрать ошибочно

Одной рукой откройте меню и коснитесь соседних строк. Отделите действие удаления от обычного выделения; Закрытие таблицы должно вернуть правильный предыдущий контекст.

ПРИМЕРЫ

Примеры использования

Выбрать для фото

Панели включают «Поделиться», «Переименовать» и «Удалить фотографии»; Кнопка удаления отдельная, а «Отмена» просто закрывает таблицу.