Автор чек-листа:
Viktor Safonov

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

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

1. Usability testing

1.1 Цветовое соотношение формы

- фон - границы - обои - поля для ввода, их контур - кликабельные кнопки

1.2 Название формы регистрации и/или логотип

Сверху, по центру/в левом углу

1.3 Фото профиля

Удобный размер относительно свободного места на экране

1.4 Форма должна быть в виде одной колонки

На мобильных версиях сайтов такие формы располагаются органичней, и не возникает необходимости в горизонтальной прокрутке при их заполнении.

1.5 Поля для ввода

- размер; - форма; - цвет; - интервал (расстояние между); - выровнены по краям;

1.6 Наличие названия поля

Placeholder (название пропадает/смещается при заполнении)

1.7 Автоматическое размещение курсора в первом поле

Освободить пользователя от совершения лишних действий

1.8 Наличие необходимых подсказок (возле поля ввода)

- обязательные поля (Username, Date of birth) - наличие звёздочки * (красным цветом) - ввод редких/специальных символов, букв (кириллица, латиница),фигуры… - минимальное/максимальное кол-во символов - формат загрузки изображения: JPEG (он же JPG), PNG - максимальный объём загружаемого изображения (до 10мб) - возрастное ограничение (от 18 лет)

1.9 inline-валидация

Проверка корректности заполнения полей должна осуществляться автоматически (в сообщении об ошибке нужно четко и конкретно указывать, чем именно данные не соответствуют и как должно быть)

1.10 Ховер эффект

- выделение кнопки при наведении на нее курсора мышью/тачпадом - имитация нажатия кнопки при клике по ней мышью/тачпадом/сенсором. - выделение заполняемого поля (подсвечивание фона или рамки вокруг него)

1.11 Большие, заметные кнопки

Удобно пользователям мобильных устройств

1.12 Поп-ап оповещения пользователю:

1) кликабельное сообщение об успешном сохранении данных; 2) кликабельное сообщение о дальнейших действиях.

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

1. Usability testing

Смотрите другие чек-листы в категории "Интернет и Коммуникации"

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