Людина заповнила форму, натиснула кнопку й побачила «Помилка». Чи надіслано звернення? Треба повторити спробу чи чекати дзвінка? Коли сайт не дає відповіді, відвідувач може піти або створити кілька однакових заявок. Текст помилки — частина дизайну взаємодії, а не службова деталь для розробника.
Хороше повідомлення пояснює, що сталося, які дані потрібно виправити та що робити далі. Воно не звинувачує користувача і не показує технічні подробиці, які не допомагають завершити дію. Для різних причин потрібні різні тексти: неправильна адреса пошти й недоступність сервера — не одна проблема.
Як пояснити проблему й наступний крок користувачу
Повідомлення біля конкретного поля має називати очікувану дію. Замість «Некоректне значення» напишіть «Перевірте адресу електронної пошти: має бути символ @ і назва домену». Якщо потрібен визначений формат телефону, покажіть приклад ще до помилки. Не змушуйте людину вгадувати правила.
- Порожнє обов’язкове поле: «Вкажіть телефон або електронну пошту, щоб ми могли відповісти».
- Завеликий файл: повідомте допустимий розмір і запропонуйте завантажити меншу версію.
- Проблема з’єднання: поясніть, чи відомий результат надсилання та коли варто повторити спробу.
- Успішне звернення: підтвердьте приймання й опишіть наступний крок без непідтверджених обіцянок строку.
Не пишіть «Ваші дані збережено», якщо система цього не підтвердила. Якщо стан заявки невідомий, повідомте про невизначеність і запропонуйте перевірити її через альтернативний канал. Для тривалої операції потрібен окремий стан очікування, щоб людина не натискала кнопку повторно.
Помилку не слід позначати лише червоним кольором. Додайте текст, забезпечте видимість повідомлення на телефоні та зрозумілий перехід до проблемного поля. Цей підхід доповнює принципи доступного дизайну сайту без зайвих бар’єрів для клієнта.
Де залишити альтернативний спосіб звернення
Контакт краще розмістити поруч із повідомленням про технічну несправність, а не змушувати відвідувача шукати його в підвалі. Це може бути телефон, електронна пошта або погоджений месенджер. Вибирайте канал, який команда справді перевіряє, і пояснюйте години відповіді, якщо вони обмежені.
Запропонуйте коротку дію: «Не вдалося надіслати форму? Напишіть нам і вкажіть тему звернення». Не просіть пересилати паролі, платіжні реквізити чи інші чутливі дані. Для інтернет-магазину можна запропонувати назвати номер замовлення, якщо його вже створено.
Під час планування сайту для бізнесу варто узгодити резервний шлях зв’язку разом з основним сценарієм заявки. Важливо також зберігати єдині правила навігації на різних сторінках. Про послідовність змісту й переходів читайте в матеріалі про шаблон статті для бізнес-блогу.
Як перевірити роботу дизайнера до запуску
Попросіть показати не лише порожню форму, а й усі її стани: заповнення, помилку поля, очікування, успіх та технічний збій. Для кожного стану мають бути погоджені текст, розташування повідомлення та доступна наступна дія. Красивий макет без цих варіантів залишає важливі рішення на етап реалізації.
Після верстки перевірте форму клавіатурою й на телефоні. Введіть неправильні дані, виправте їх та переконайтеся, що решта введеного не зникає. Перевірте, чи помітне повідомлення після прокручування та чи не перекриває його банер. Тестові заявки позначайте, щоб вони не потрапили до звіту продажів.
Результат приймання простий: людина розуміє причину проблеми й може завершити звернення або обрати інший канал. Саме це, а не лише оформлення червоного підпису, визначає якість повідомлення про помилку.