Микровзаимодействие должно объяснять состояние и последствие действия, а не украшать интерфейс. Триггер, обратная связь и возможность продолжить работу проектируются как единая короткая последовательность. основание Для темы «микровзаимодействия, которые поддерживают понимание» артефакт «спецификация микровзаимодействия» связывает компонент «Триггер» с этапом «Назвать изменение состояния»; неподтверждённые рекомендации остаются редакционными гипотезами темы «микровзаимодействия, которые поддерживают понимание».
Задача и проверяемые основания
W3C определяет status message как информацию об успехе, результате, ожидании, прогрессе или ошибке, которая не меняет контекст пользователя. основание
ARIA Authoring Practices Guide публикует паттерны ролей, состояний и клавиатурного поведения для интерактивных компонентов. основание
Руководство W3C по клавиатурному интерфейсу рассматривает управление фокусом и перемещение внутри сложных виджетов. основание
USWDS описывает alert как уведомление о состоянии системы, ошибке, предупреждении или завершении действия. основание
В артефакте «спецификация микровзаимодействия» вопрос «Какое состояние должно стать понятным?» хранится отдельно от решения «Выбрать канал обратной связи» и ограничения «микровзаимодействие не исправляет сложный процесс».
Рабочая модель
Триггер. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает действие пользователя или событие системы, запускающее изменение состояния. В артефакте «спецификация микровзаимодействия» связь с компонентом «Правило» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Правило. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает условие, определяющее, когда взаимодействие выполняется, блокируется или повторяется. В артефакте «спецификация микровзаимодействия» связь с компонентом «Обратная связь» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Обратная связь. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает видимый и программно доступный сигнал без ненужной смены контекста. В артефакте «спецификация микровзаимодействия» связь с компонентом «Продолжение» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Продолжение. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает следующее действие, включая отмену, повтор, просмотр результата или возврат. В артефакте «спецификация микровзаимодействия» связь с компонентом «Длительность» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Длительность. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает время, достаточное для понимания, но не задерживающее сценарий. В артефакте «спецификация микровзаимодействия» связь с компонентом «Снижение движения» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Снижение движения. В теме «микровзаимодействия, которые поддерживают понимание» этот элемент означает альтернативное представление для пользователей, ограничивающих анимацию. В артефакте «спецификация микровзаимодействия» связь с компонентом «Триггер» проверяют сценарием темы «микровзаимодействия, которые поддерживают понимание».
Порядок проектирования
1. Назвать изменение состояния. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: описать, что система знала до действия и что стало истинным после. Результат уточняет компонент «Триггер», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
2. Выбрать канал обратной связи. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: соединить текст, визуальный признак и программное объявление. Результат уточняет компонент «Правило», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
3. Сохранить контроль. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: не перемещать фокус и не закрывать контекст без необходимости. Результат уточняет компонент «Обратная связь», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
4. Спроектировать неуспех. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: различить ожидание, ошибку и неизвестный результат. Результат уточняет компонент «Продолжение», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
5. Проверить повтор. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: убедиться, что двойное действие не создаёт дубликат. Результат уточняет компонент «Длительность», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
6. Протестировать доступность. Команда применяет шаг к теме «микровзаимодействия, которые поддерживают понимание»: проверить клавиатуру, экранный диктор и уменьшение движения. Результат уточняет компонент «Снижение движения», а спорные варианты темы «микровзаимодействия, которые поддерживают понимание» остаются в артефакте «спецификация микровзаимодействия».
Практический пример
Редакционный пример: после добавления товара в список кнопка кратко меняла цвет, но пользователь не понимал, сохранилось ли действие. Команда заменила эффект на текстовое состояние «Добавлено», обновила счётчик списка и объявила статус без перемещения фокуса. Рядом появилась возможность отменить действие. При медленной сети кнопка показывала ожидание и блокировала повтор только на время запроса, а ошибка возвращала исходное состояние с объяснением.
Пример показывает, как «спецификация микровзаимодействия» помогает раньше обнаружить ошибку «использовать анимацию без смыслового сообщения» и проверить критерий «результат действия однозначен» для темы «микровзаимодействия, которые поддерживают понимание».
Контрольные вопросы
- Какое состояние должно стать понятным? Ответ фиксируют в артефакте «спецификация микровзаимодействия» и связывают с компонентом «Триггер»; мнение отмечают как допущение темы «микровзаимодействия, которые поддерживают понимание».
- Нужно ли перемещать фокус? Ответ фиксируют в артефакте «спецификация микровзаимодействия» и связывают с компонентом «Правило»; мнение отмечают как допущение темы «микровзаимодействия, которые поддерживают понимание».
- Что произойдёт при медленном ответе? Ответ фиксируют в артефакте «спецификация микровзаимодействия» и связывают с компонентом «Обратная связь»; мнение отмечают как допущение темы «микровзаимодействия, которые поддерживают понимание».
- Доступна ли информация без анимации и цвета? Ответ фиксируют в артефакте «спецификация микровзаимодействия» и связывают с компонентом «Продолжение»; мнение отмечают как допущение темы «микровзаимодействия, которые поддерживают понимание».
Типовые ошибки
- Использовать анимацию без смыслового сообщения. В артефакте «спецификация микровзаимодействия» для темы «микровзаимодействия, которые поддерживают понимание» ошибка искажает компонент «Правило»; рядом записывают последствие, обнаружение и исправление.
- Перемещать фокус после каждого успеха. В артефакте «спецификация микровзаимодействия» для темы «микровзаимодействия, которые поддерживают понимание» ошибка искажает компонент «Обратная связь»; рядом записывают последствие, обнаружение и исправление.
- Скрывать неизвестный результат как ошибку. В артефакте «спецификация микровзаимодействия» для темы «микровзаимодействия, которые поддерживают понимание» ошибка искажает компонент «Продолжение»; рядом записывают последствие, обнаружение и исправление.
- Блокировать интерфейс без объяснения. В артефакте «спецификация микровзаимодействия» для темы «микровзаимодействия, которые поддерживают понимание» ошибка искажает компонент «Длительность»; рядом записывают последствие, обнаружение и исправление.
- Полагаться только на цвет. В артефакте «спецификация микровзаимодействия» для темы «микровзаимодействия, которые поддерживают понимание» ошибка искажает компонент «Снижение движения»; рядом записывают последствие, обнаружение и исправление.
Критерии качества
- Результат действия однозначен. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Назвать изменение состояния»; рядом сохраняют результат и ответственного.
- Статус доступен программно. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Выбрать канал обратной связи»; рядом сохраняют результат и ответственного.
- Фокус остаётся предсказуемым. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Сохранить контроль»; рядом сохраняют результат и ответственного.
- Повтор обрабатывается безопасно. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Спроектировать неуспех»; рядом сохраняют результат и ответственного.
- Есть путь отмены или восстановления. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Проверить повтор»; рядом сохраняют результат и ответственного.
- Движение можно уменьшить. В артефакте «спецификация микровзаимодействия» критерий темы «микровзаимодействия, которые поддерживают понимание» проверяют после шага «Протестировать доступность»; рядом сохраняют результат и ответственного.
Ограничения применимости
- Микровзаимодействие не исправляет сложный процесс. Ограничение сужает вывод по теме «микровзаимодействия, которые поддерживают понимание» и требует повторно задать вопрос «Какое состояние должно стать понятным?»; границу решения сохраняют в артефакте «спецификация микровзаимодействия».
- Частые уведомления создают шум. Ограничение сужает вывод по теме «микровзаимодействия, которые поддерживают понимание» и требует повторно задать вопрос «Нужно ли перемещать фокус?»; границу решения сохраняют в артефакте «спецификация микровзаимодействия».
- Анимация влияет на производительность. Ограничение сужает вывод по теме «микровзаимодействия, которые поддерживают понимание» и требует повторно задать вопрос «Что произойдёт при медленном ответе?»; границу решения сохраняют в артефакте «спецификация микровзаимодействия».
- Необратимые действия требуют отдельного подтверждения. Ограничение сужает вывод по теме «микровзаимодействия, которые поддерживают понимание» и требует повторно задать вопрос «Доступна ли информация без анимации и цвета?»; границу решения сохраняют в артефакте «спецификация микровзаимодействия».
- Системные ограничения могут менять тайминг. Ограничение сужает вывод по теме «микровзаимодействия, которые поддерживают понимание» и требует повторно задать вопрос «Какое состояние должно стать понятным?»; границу решения сохраняют в артефакте «спецификация микровзаимодействия».
Вывод
Для темы «микровзаимодействия, которые поддерживают понимание» команда связывает компонент «Триггер» с этапом «Назвать изменение состояния», проверяет критерий «результат действия однозначен» и учитывает ограничение «микровзаимодействие не исправляет сложный процесс». Артефакт «спецификация микровзаимодействия» сохраняет основания выбора и позволяет пересмотреть решение после новых наблюдений.
