Error Handling UXавтор Owl-Listener

Error Handling UX Skill.

Сделайте так, чтобы при сбоях было понятно, что произошло, и у людей был путь вперёд без потери их работы.

UX
Дизайн-рекомендации

Скачать OpenDesign Открыть руководство по использованию

Обзор источника · Error Handling UXSKILL.md

Задача UX Результат • Инвентарь состояний ошибок во всех сценариях • Сообщения и их размещение с учётом контекста • Требования к восстановлению, повторной попытке, отмене и сохранению данных Перед началом Агент, который может прочитать затронутые сценарии, известные случаи сбоев и действия по восстановлению, которые ваш продукт действительно поддерживает.

Редакционное резюме · источник проверен 2026-10-07 · не сгенерированный пример

01 Возможности

Error Handling UX: проектирование восстановления во всех сценариях

Помогает спланировать, как предотвращать ошибки, объяснять их и восстанавливаться после них в сценариях продукта.

Процесс на основе источникаНе тест выполнения

Принцип работы

Error Handling UX охватывает несколько сценариев продукта. Он разделяет задачу на предотвращение, обнаружение, объяснение и восстановление, а не сводит любой сбой к написанию сообщения.

Источник различает контексты формы, страницы, сети, пустого результата и прав доступа. Сохранение введённых данных, повторная попытка, альтернативные пути и отмена — часть дизайна. Точное сообщение полезно, только если предложенное восстановление действительно доступно в продукте.

Ожидаемые результаты

Инвентарь состояний ошибок во всех сценариях
Сообщения и их размещение с учётом контекста
Требования к восстановлению, повторной попытке, отмене и сохранению данных

Смотреть пример задания

От задания до проверки

01
Опишите контексты сбоев
Определите предотвратимые ошибки, временные сбои, ограничения прав и другие значимые состояния.
02
Пишите полезные сообщения
Объясните, что произошло, дайте полезный контекст и реальное следующее действие, не обвиняя пользователя.
03
Определите восстановление
Сохраните работу и задайте повторную попытку, альтернативные пути или отмену в зависимости от сбоя.

02 Когда использовать

Когда использовать

Используйте, когда сбоям в нескольких сценариях нужны единые сообщения, действия по восстановлению и защита от потери работы.

Подходит, если

Разрозненное поведение при сбояхНужно привести ошибки в нескольких сценариях продукта к единообразию.
Проблемы с потерей работыНужно определить, как введённые данные и контекст сохраняются после неудачных действий.

Что проверить

Это не надёжность бэкендаДизайн не реализует восстановление сети и не гарантирует доступность сервиса.
Это не только валидация формВалидация полей отдельной формы относится к задаче form-design.

Что подготовить

Перечень сбоевПредоставьте известные ошибки и их реальные причины.
Возможности восстановленияУкажите реальные повторные попытки, отмену и альтернативные каналы.
Контекст пользователяУкажите, какие данные или прогресс должны сохраняться при каждом сбое.

03 Важные решения

Важные решения

Сообщения и действия согласованы
Ошибка не должна предлагать восстановление, которое система выполнить не может.
Сбой не стирает прогресс
Сохранение контекста снижает для пользователя стоимость восстановления.

04 Пример задания

Попробуйте целевое задание

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

Проверьте настройку

Загрузите SKILL.md этой задачи из репозитория designer-skills в поддерживаемое место для навыков вашего агента. Файл записи не задаёт универсальной команды установки.

Исходный файл в репозитории

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md

Предоставьте реальные случаи сбоев и доступные действия по восстановлению. Этот процесс определяет пользовательский опыт; он не реализует восстановление на бэкенде.

Начните с одного результата

Перед запуском навыка адаптируйте объём, исходные материалы и ограничения в этом задании.

Пример задания

Используйте error-handling-ux, чтобы разобрать наши сбои загрузки, сохранения и прав доступа. Для каждого определите предотвращение, размещение сообщения, сохраняемые данные и реальное действие по восстановлению. Отделяйте сетевые сбои, допускающие повтор, от отказа в доступе и не придумывайте возможности бэкенда.

Проверьте результат

Сверьте фактический результат с этими наблюдаемыми критериями.

Сообщения указывают полезное следующее действие.
Введённые пользователем данные сохраняются в подходящих сценариях сбоя.
Повторная попытка и восстановление прав доступа не смешиваются.

OpenDesign предоставляет локальное дизайн-пространство для кодирующих агентов. Эта запись не означает, что навык входит в комплект или что внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesign Читать краткое руководство

05 Источник и лицензия

Источник и лицензия

На этой странице описана закреплённая версия источника по ссылке ниже. Поведение и требования в исходном репозитории могут измениться.

Владелец источника: Owl-Listener
Репозиторий: Owl-Listener/designer-skills
Файл навыка: interaction-design/skills/error-handling-ux/SKILL.md
Лицензия: MIT
Проверенный снимок: 2026-10-07 · 9a6930cf84a8

Редакционное резюме источника

Помогает спланировать, как предотвращать ошибки, объяснять их и восстанавливаться после них в сценариях продукта.

Авторское резюме OpenDesign на основе источника по ссылке. Звёзды репозитория — датированный показатель популярности, а не число использований навыка и не оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Нужно ли показывать каждую ошибку в тосте?

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

Может ли повторная попытка решить ошибку доступа?

Не автоматически. Восстановление должно соответствовать реальному требованию к правам доступа.

Реализует ли это автосохранение?

Нет. Навык определяет требования к дизайну; реализация и тестирование выполняются отдельно.

OpenDesign

Оставьте место для следующей итерации дизайна.

Храните задание, исходные материалы и дизайн-работу вместе в локальном пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesign Смотреть дизайн-навыки