Получи случайную криптовалюту за регистрацию!

Отображение ошибок в интерфейсе Настя Овсянникова спроектиров | Без шелухи

Отображение ошибок в интерфейсе

Настя Овсянникова спроектировала аж целую дизайн-систему по работе с ошибками в интерфейсе. Она предлагает классифицировать ошибки по двум измерениям:

1) Вид ошибки (ошибка клиента, не прошла валидация, ошибка сервера, сетевая проблема)
2) Контекст (ввод данных, выполнение команды, переход)

Для каждой ситуации «контекст + вид ошибки» Настя выбрала определенный текст ошибки и способ отображения.

Например:

— Ввод данных + не прошла валидация → показываем ошибку рядом с конкретным полем
— Выполнение команды + сетевая проблема → баннер «связь с сервером прервана»

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

P.S. Эту статью Настя прислала в ответ на предложение для авторов. Если вы написали классную статью, присылайте тоже.