Код-ревью Middle UX-письмо и формы обновлено
Ревью формы регистрации
Вопрос
Описана веб-форма регистрации. Найдите проблемы.
1. Поля в две колонки: «Имя» и «Фамилия», ниже «Телефон» и «Email»
2. Телефон: четыре отдельных поля для частей номера
3. Пароль: требования показываются только после ошибки
4. Повтор пароля обязательным полем
5. Капча перед кнопкой «Зарегистрироваться»
6. Чекбокс «Я согласен на рассылку» отмечен по умолчанию
7. После ошибки сервера форма очищается полностью
Коротко
Хорошая форма короткая, в одну колонку, не мешает автозаполнению, заранее объясняет требования, не ставит галочки за пользователя и не теряет введённое.
Что должен найти ревьюер
- Стильстрока 1Две колонки ломают направление чтения и увеличивают пропуски полей. Одна колонка надёжнее.
- Ошибкастрока 2Разбитый на части телефон ломает вставку и автозаполнение.
- Ошибкастрока 3Требования к паролю нужно показывать заранее, иначе человек угадывает и ошибается.
- Стильстрока 4Повтор пароля добавляет поле; кнопка «показать пароль» решает ту же задачу лучше.
- Производительностьстрока 5Капча для всех снижает конверсию; лучше невидимые проверки и капча только при подозрении.
- Ошибкастрока 6Предзаполненное согласие на рассылку: тёмный паттерн и юридический риск, согласие на рекламу должно быть явным действием человека.
- Ошибкастрока 7Очистка формы после ошибки заставляет вводить всё заново. Значения сохраняются, кроме пароля по политике.
Разбор
Хорошая форма короткая, в одну колонку, не мешает автозаполнению, заранее объясняет требования, не ставит галочки за пользователя и не теряет введённое.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.