Как тестировать формы (чек-лист)

Теряет ли ваша пользователей - и как это проверить

1. Проверяйте не то, что вводят правильно - а то, что вводят неправильно

Пользователи копируют email с пробелом в конце. Вставляют телефон через буфер. Вводят кириллицу в латинское поле. Это не edge cases - это обычное поведение.

Попробуйте сами: вставьте test+alias@mail.ru , скопируйте номер телефона из мессенджера, введите имя с дефисом. Если форма ломается - она сломается у реальных пользователей.

2. Сообщения об ошибках - это интерфейс, а не логи

«Что-то пошло не так» - это не сообщение об ошибке. Это отписка.

Проверьте: понятно ли написано что именно неправильно и как исправить? Сообщение видно на экране или скрылось за клавиатурой? Оно исчезает после того как пользователь исправил поле - или висит дальше?

Непонятная ошибка хуже отсутствия ошибки - она злит и не помогает.

3. Неактивная кнопка без объяснения убивает конверсию

Кнопка серая. Почему? Пользователь не знает. Он нажимает - ничего. Нажимает ещё раз - ничего. Закрывает.

Если кнопка заблокирована - покажите почему. Какое поле не заполнено, что не так. Это одна строчка кода, которая сохраняет заявки.

4. Форма не должна очищаться после ошибки

Пользователь заполнял форму минуту. Отправил. Получил ошибку. Все поля пусты.

Это самый верный способ потерять человека навсегда. Проверьте: после ошибки данные сохраняются? Фокус переходит на проблемное поле или пользователь сам должен его искать?

5. На мобильном всё ощущается иначе

Откройте форму на телефоне и заполните её как обычный пользователь.

Что проверить: открывается ли правильная клавиатура (для email нужна с @, для телефона - цифровая)? Кнопка «Отправить» видна или спрятана за клавиатурой? Можно ли попасть пальцем в маленькое поле?

6. Двойная отправка - баг которого никто не ищет

Нажмите кнопку «Отправить» несколько раз подряд. Что происходит? Два заказа? Две регистрации? Задвоенные данные в базе?

Это ломается у нетерпеливых пользователей и на медленном интернете - то есть у очень многих.

7. Отключите интернет в момент отправки

Что видит пользователь? Бесконечный спиннер? Пустой экран? Ошибку без объяснения?

Потеря сети - не экзотика. Особенно на мобильном. Форма должна внятно объяснить что произошло и что делать дальше.

Форма это последний шаг перед тем как пользователь становится клиентом - или уходит.