Поговорим о самой важной части: формы.
То есть текстовые поля, чекбоксы, выпадающие списки и прочие удовольствия. Я ни слова не скажу об их оформлении, я поделюсь соображениями по поводу сценария работы формы по приёму данных (регистрационных, например).
Чтобы сделать классную процедуру регистрации, надо поставить себя на место посетителя паспортного стола или какого-либо другого органа, работающего в обмен на сданную в него макулатуру.
Ситуация 1.
Вы собрали 20 справок и 30 выписок, засунули в окошечко злой тётьке, приходите через 2 недели — а Вам говорят, что в одной из справок допущена ошибка — принесите новую.
Правило: проверка данных должна быть до отправки данных на сервер (корректность email, длина пароля, обязательные поля).
Почему так случается: программисту неудобно делать сразу 2 проверки (client&server-side), на двух языках, но по одним и тем же правилам. Его можно понять — изменение правил (сегодня принимаем пароли из 4 букв, завтра только из 7) может повлечь губительную рассинхронизацию проверок.
Ситуация 2.
Вы исправили справку и принесли снова пакет документов. Злая тётька говорит что у Вас фотография на 10мм больше нормы.
Правила:
1) Сообщите изначально пользователю в каком формате Вы точно примете данные (ресайз юзерпика — это Ваша задача, если пользователь Вам дорог).
2) Все проверки сделайте сразу и покажите ему все ошибки (сегодня справка, завтра фотка, послезавтра Калаш и нету злой тётки)
3) Сохраняйте введённые на ранних этапах данные.
В том числе проверку на «не робот ли?» — запомните (в куках, сессии, ещё где-нибудь) — что этот пользователь в процессе этой регистрации уже ввёл числа с картинки и уже указал 2 раза пароль. Предложите ему просто исправить ошибки и нажать OK
Ситуация 3.
Вы приходите за справкой из ЖЭКа, а там злая тётка начинает расспрашивать вас про уровень образования вашего сына, контактные данные, болезни жены и так далее.
Правило: запросите только те данные, которые Вам необходимы на этом этапе. Обычно хватает Логина, Пароля, подтверждения что не робот. Email нужен вовсе невсегда, и кроме-то его подтверждение дожно быть пост-регистрационным (пользователь имеет право познать все прелести сайта, где зарегистрировался). Все анкетные, дополнительные данные можно вежливо попросить заполнить после регистрации.
И последнее: высшая тупость сразу после регистрации просить пользователя ввести уже введённые им минуту назад логин и пароль.
То есть текстовые поля, чекбоксы, выпадающие списки и прочие удовольствия. Я ни слова не скажу об их оформлении, я поделюсь соображениями по поводу сценария работы формы по приёму данных (регистрационных, например).
Чтобы сделать классную процедуру регистрации, надо поставить себя на место посетителя паспортного стола или какого-либо другого органа, работающего в обмен на сданную в него макулатуру.
Ситуация 1.
Вы собрали 20 справок и 30 выписок, засунули в окошечко злой тётьке, приходите через 2 недели — а Вам говорят, что в одной из справок допущена ошибка — принесите новую.
Правило: проверка данных должна быть до отправки данных на сервер (корректность email, длина пароля, обязательные поля).
Почему так случается: программисту неудобно делать сразу 2 проверки (client&server-side), на двух языках, но по одним и тем же правилам. Его можно понять — изменение правил (сегодня принимаем пароли из 4 букв, завтра только из 7) может повлечь губительную рассинхронизацию проверок.
Ситуация 2.
Вы исправили справку и принесли снова пакет документов. Злая тётька говорит что у Вас фотография на 10мм больше нормы.
Правила:
1) Сообщите изначально пользователю в каком формате Вы точно примете данные (ресайз юзерпика — это Ваша задача, если пользователь Вам дорог).
2) Все проверки сделайте сразу и покажите ему все ошибки (сегодня справка, завтра фотка, послезавтра Калаш и нету злой тётки)
3) Сохраняйте введённые на ранних этапах данные.
В том числе проверку на «не робот ли?» — запомните (в куках, сессии, ещё где-нибудь) — что этот пользователь в процессе этой регистрации уже ввёл числа с картинки и уже указал 2 раза пароль. Предложите ему просто исправить ошибки и нажать OK
Ситуация 3.
Вы приходите за справкой из ЖЭКа, а там злая тётка начинает расспрашивать вас про уровень образования вашего сына, контактные данные, болезни жены и так далее.
Правило: запросите только те данные, которые Вам необходимы на этом этапе. Обычно хватает Логина, Пароля, подтверждения что не робот. Email нужен вовсе невсегда, и кроме-то его подтверждение дожно быть пост-регистрационным (пользователь имеет право познать все прелести сайта, где зарегистрировался). Все анкетные, дополнительные данные можно вежливо попросить заполнить после регистрации.
И последнее: высшая тупость сразу после регистрации просить пользователя ввести уже введённые им минуту назад логин и пароль.
