Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Шаблони UX7 хвилин читання·Updated жовтень 2026 р·Команда ExodeUI

Як створити повідомлення про помилки, які зменшать розчарування

Як розробити стани помилок, які люди можуть виправити: розміщення, час, формулювання, збереження введених даних, доступність і рух, на основі досліджень зручності використання.

Пряме резюме та визначення

Основний винос

Гарне повідомлення про помилку відображається та розміщується поряд із проблемою, написано простою мовою, містить інформацію про те, як її виправити, зберігає те, що вже ввела особа, і ніколи не звинувачує її. Показуйте це, коли особа завершила роботу з полем або надсилає, а не тоді, коли вона ще вводить текст, і переконайтеся, що програми зчитування з екрана сповіщають про це.

Настанови

Nielsen Norman Group підсумовує ефективні повідомлення про помилки як чіткі, конструктивні та шанобливі до зусиль користувача. На практиці це означає:

  • Розмістіть повідомлення біля поля або елемента з проблемою.
  • Використовуйте зрозумілу, конкретну мову: «У цьому номері одна цифра коротка», а не «Невірне введення».
  • Запропонуйте виправлення: який формат очікується, що спробувати далі.
  • Зберігайте введене людьми, щоб вони могли його редагувати, а не починати знову.
  • Не звинувачуйте: уникайте таких слів, як недійсний, незаконний або неправильний.
Поле номера картки з вбудованою помилкою, у якій зазначено, що в номері менше однієї цифри та зберігаються введені цифри, поруч із контрольним списком інструкцій щодо повідомлень про помилки
Вбудована помилка, яка є специфічною, зберігає введені дані та повідомляє, як її виправити.

Час

Показ помилки до того, як хтось закінчив, є однією з найпоширеніших помилок. NN/g називає передчасні помилки ворожим шаблоном, як оцінювання тесту до того, як студент закінчить. Перевіряйте поле, коли особа залишає його або надсилає форму, а потім оновлюйте повідомлення в реальному часі, поки вони виправляють його.

Помилки, які не стосуються форм

У разі системних помилок, таких як невдале збереження або втрата з’єднання, скажіть, що трапилося, що було збережено та що людина може зробити: повторити спробу, працювати в режимі офлайн або зв’язатися зі службою підтримки. Уникайте кодів помилок самостійно; якщо вам потрібна підтримка, покажіть її разом із людським поясненням.

Доступність

Не покладайтеся лише на червоний: додайте значок і текст. Під’єднайте повідомлення до його поля, щоб програми зчитування з екрана прочитали його разом із полем і перемістили фокус до першої помилки або підсумку помилок після невдалого надсилання.

Рух у помилкових станах

Коротке струшування або зміна кольору може привернути увагу до поля з проблемою, але будьте короткими, не повторюйте під час кожного натискання клавіші та замініть рух зміною кольору чи значка, коли ввімкнено зменшення руху. Саме повідомлення має більше значення, ніж анімація.

Ключі Principle, які слід запам’ятати

  • Розміщуйте помилки поруч із проблемою, простими словами, з виправленням
  • Зберігайте те, що люди ввели
  • Перевірка після завершення поля, а не під час введення
  • Ніколи не покладайтеся лише на колір; підключати повідомлення для програм зчитування з екрана
  • Тримайте помилковий рух коротким і поважайте зменшений рух

Часті запитання

Джерела

  1. Error-Message Guidelines — Nielsen Norman Group
  2. Indicators, Validations, and Notifications — Nielsen Norman Group

Відповідні посібники та приклади

Проектуйте стан помилки, а не просто щасливий шлях

Відкрийте приклади ExodeUI із повідомленнями про помилку та успіх, а потім адаптуйте їх.

Відкрийте приклади
Спробуйте безкоштовно