0%
Автор чек-листа:
Viktor Safonov
06 июня 2021 года

Форма регистрации

Список, содержащий ряд необходимых проверок для формы регистрации


0%

Usability testing

Цветовое соотношение формы
- фон - границы - обои - поля для ввода, их контур - кликабельные кнопки
Название формы регистрации и/или логотип
Сверху, по центру/в левом углу
Фото профиля
Удобный размер относительно свободного места на экране
Форма должна быть в виде одной колонки
На мобильных версиях сайтов такие формы располагаются органичней, и не возникает необходимости в горизонтальной прокрутке при их заполнении.
Поля для ввода
- размер; - форма; - цвет; - интервал (расстояние между); - выровнены по краям;
Наличие названия поля
Placeholder (название пропадает/смещается при заполнении)
Автоматическое размещение курсора в первом поле
Освободить пользователя от совершения лишних действий
Наличие необходимых подсказок (возле поля ввода)
- обязательные поля (Username, Date of birth) - наличие звёздочки * (красным цветом) - ввод редких/специальных символов, букв (кириллица, латиница),фигуры… - минимальное/максимальное кол-во символов - формат загрузки изображения: JPEG (он же JPG), PNG - максимальный объём загружаемого изображения (до 10мб) - возрастное ограничение (от 18 лет)
inline-валидация
Проверка корректности заполнения полей должна осуществляться автоматически (в сообщении об ошибке нужно четко и конкретно указывать, чем именно данные не соответствуют и как должно быть)
Ховер эффект
- выделение кнопки при наведении на нее курсора мышью/тачпадом - имитация нажатия кнопки при клике по ней мышью/тачпадом/сенсором. - выделение заполняемого поля (подсвечивание фона или рамки вокруг него)
Большие, заметные кнопки
Удобно пользователям мобильных устройств
Поп-ап оповещения пользователю:
1) кликабельное сообщение об успешном сохранении данных; 2) кликабельное сообщение о дальнейших действиях.
0%



Чек-лист | ЭкспертЧек-лист | Эксперт - создайте чек-лист онлайн, бесплатно!

Создано с помощью сервиса "Чек-лист | Эксперт"