Тост Система дизайна

Короткая обратная связь после действия без блокировки работы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Укажите конкретные результаты

Информация, которую необходимо решить или исправить, должна быть длиннее, чем тост.

ПРИМЕРЫ

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

Укажите конкретные результаты

«3 объекта перемещены в архив» с помощью кнопки «Отменить».

Быстрые действия

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

Отмените действие с клавиатуры до исчезновения уведомления: прежнее состояние должно восстановиться.

Пример После архивирования документа краткое уведомление содержит кнопку отмены.

Изменения сохранены.

Значок состояния

Значок помогает определить результат, но текст должен объяснять, какое действие произошло.

Скройте значок и прочитайте уведомление: успешное сохранение должно отличаться от неудачной отправки.

Пример Сообщение «Черновик сохранён» сопровождается значком подтверждения.

Изменения сохранены.

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

Положение без перекрытия действий

Размещайте краткое уведомление заметно, не перекрывая основную кнопку, клавиатуру и читаемую область.

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

Пример Уведомление находится над мобильной панелью вкладок с учётом безопасного отступа.

Изменения сохранены.

Длительность показа

Давайте достаточно времени на чтение; уведомление с необходимым действием или кнопкой не должно исчезать слишком быстро.

Переведите фокус к действию в уведомлении: таймер закрытия должен остановиться либо должен быть доступен повторный просмотр.

Пример Уведомление с отменой сохраняется, пока кнопка отмены находится в фокусе.

Изменения сохранены.

Краткое уведомление, не прерывающее текущую задачу.

Тост Система дизайна

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

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

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

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

Укажите конкретные результаты

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

Укажите конкретные результаты

Быстрые действия

Значок состояния

Положение без перекрытия действий

Длительность показа

Найти чек-лист

Чек-листы не найдены

Тост Система дизайна

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

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

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

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

Укажите конкретные результаты

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

Укажите конкретные результаты

Варианты и сценарии использования

Быстрые действия

Значок состояния

Положение без перекрытия действий

Длительность показа