Идеальная регистрация Распечатать

Автор: Ярослав Бирзул \ Опубликовано 24 ноября 2007 года в категории Идеалы \

Почему я выбрал именно эту тему? Да потому, что в последнее время с поголовным одваноливанием сайтов их создатели забывают о самом главном — об удобстве регистрации, а ведь это, по сути, аналог лица у людей. И если это лицо корявое, иногда подергивается, и свисает глаз — логично, что такого человека вы обойдете стороной и приложите максимум усилий для того, чтобы никогда его больше не встретить, даже если он сделает пластическую операцию. Из абзаца выше следует, что регистрация должна быть удобной и красивой.

Это приоритет! Если вы сначала сделали хороший портал, но не самую хорошую регистрацию — всё, считай пропало. Ведь от кол-ва пользователей, зарегистрировавшихся в первый же день (неделю, месяц), зависит, поплывет ли ваш проект успешно, или утонет на полпути. А ведь как проекту успешно плыть, если половина потенциальных пассажиров спотыкаются на трапе и падают в воду?

Ниже я приведу некий сборник рекомендаций (не правил, нет-нет), которые вполне смогут помочь стартапостроителям на пути к славе своего детища.

Ссылка на регистрацию должна быть видна

Вы даже не поверите, специально для того, чтобы проверить ситуацию на этом фронте — я просмотрел более 20 проектов. На них:

1. Регистрацию нашел сразу — 9
2. После некоторого исследования всё-таки нашел, но был этим фактом раздражен — 6
3. Не нашел вовсе — 5
Теперь мои слова смотрятся совсем под другим углом, верно? Я не знаю, почему создатели прячут ссылки на регистрацию, всячески маскируют их «на местности», но нужно понимать — что это корень всех бед. Как сервис станет популярным, если путь к нему замаскирован? Пройдут самые умные? Тогда я подозреваю, что проходят как раз не самые умные, которым по определению постоянно нужно экономить время, а самые упорные, что не равносильно уму и смекалке.

Пожалуйста — делайте ссылку на регистрацию большой и толстой. Не маскируйте ссылку всяческими фонами. Достаточно поместить её в шапке, на белом фоне. Не серым, а обыкновенным, черным цветом. Черным по белому.

Уведомления

Очень многие сайты во время регистрации не уведомляют заблаговременно пользователя о том, что логин уже занят, пароль короткий, или писька еще не выросла.

Что я понимаю под словом «заблаговременно»? В моем понимании это означает — без перезагрузки страницы. Да-да, на ajax
Пример: если логин занят, и зарегистрировать его заново не удастся — сразу же после перевода фокуса курсора на другое поле (пароля например) — сверять введенный логин с вашей БД на Аяксе, и уведомлять о его занятости или свободности. О свободности можно и не уведомлять, но о занятости — в любом случае.
Подсказки

Если при регистрации нужно указать какие-либо специфические данные — приписывайте некоторую ремарку о том, как же это поле следует заполнять. Ремарку (если она короткая) — можно указать и в самом поле, а после перемещения фокуса курсора на него — ремарку убирать.

Правильные приписки

Под приписками я понимаю заголовок поля возле него самого. Т.е. «Логин, Пароль» и т.д.
Я неоднократно встречал названия для поля логина вроде «Имя», «Пользователь», и др. А ведь это довольно сильно смущает и заставляет задуматься — а что же в это поле полагается вводить. Называйте вещи своими именами, не нужно оригинальничать, в данном случае — оригинальность вылезет боком и ударит по печени.
Расположение полей

Текста особенно сильно тут не будет, будут изображения. Так нагляднее.

Регистрация должна быть простой

Тоже довольно банально, но далеко не все следуют данному совету. Часто можно при регистрации увидеть поля сродни размеру ноги, имени вашей первой кошки, или в каком часу вы родились. А не всё ли равно на данном этапе? Не стоит делать из регистрации некоторый аналог прохождения таможенного контроля.

Не украшайте регистрацию всякими рюшечками, она должна быть удобной, просторной, минималистичной. Ничего лишнего. Просто опрятные поля и текст. Не стоит делать разноцветные 3х-пиксельные рамки у полей, делать текст картинками и тому подобные вещи. Упростите до критического минимума, а больше от регистрации ничего и не требуется.

Выделяйте обязательные поля

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

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

Выделять их можно по-разному: поставьте возле поля красную звездочку (очень распространенный способ идентификации), сделайте подписи к полям bold-ом, или же красным цветом.

Внятно описывайте предупреждения

Если какое-либо поле обязательно к заполнению, или же выводится какое-либо предупреждение или уведомление - напишите текст правильно, и понятно для большинства людей, если вы делаете интерфейс именно для них.

А теперь стоит обратиться к зубрам. Вот регистрация Яндекса, а вот Рамблера. А теперь попробуйте найти обе ссылки
заходя с главной страницы обоих порталов? Они страдают одной вещью — непонятно где найти регистрацию.

Тут уже вступаем на тропку личных мнений и предрассудков, и лично мне больше понравилась регистрация на Яндексе. А вам?

Похоже заметки



22 ответов в статье «Идеальная регистрация»

Эльс пишет нам 24 ноября, 2007 в 2:56

Мне вот поэтапная регистрация вообще не нравится :)

Статья очень хорошая и правильная. Правда такое ощущение, что ты что-то упустил, но не могу понять что :)

Ярослав Бирзул пишет нам 24 ноября, 2007 в 3:03

Эльс, если что-то упустил - дополню в продолжении эпопеи :)

AlDev пишет нам 24 ноября, 2007 в 3:08

IMHO регистрация должна быть глобальной для всей сети
Вот такой вот я идеалист

Ярослав Бирзул пишет нам 24 ноября, 2007 в 3:11

AlDev, уже существует openID, только используют его далеко не все… как сайты, так и пользователи.

Юрий пишет нам 24 ноября, 2007 в 3:13

Огого, сам AlDev появился)

Полностью с ним согласен, даешь OpenID в массы 8)

AlDev пишет нам 24 ноября, 2007 в 3:14

Я знаю об openid =)
Мысль высказана на правах бреда и не может быть опровержена никаким комментарием, кроме бредового

Ведь согласитесь, что в области разума никакого доказательства существования бога быть не может.

AlDev пишет нам 24 ноября, 2007 в 3:14

Юрий, мы знакомы? :)

Ярослав Бирзул пишет нам 24 ноября, 2007 в 3:31

AlDev, да знаю, что знаешь )) Вы знакомы по винграду :)

Naum пишет нам 24 ноября, 2007 в 3:55

Твою статью, да богу в уши б.

Ярослав Бирзул пишет нам 24 ноября, 2007 в 8:27

Naum, обязательно передам :)

Ярослав Бирзул пишет нам 24 ноября, 2007 в 8:32

Статья дополнена двумя пунктами, и немного реорганизована.

ZAV пишет нам 24 ноября, 2007 в 8:40

> получить адрес
Рамблер
>Завести почтовый ящик
Яндекс

И правда путает. Намного лучше просто слово Регистрация.

dev пишет нам 25 ноября, 2007 в 3:05

Спасибо за статью.
Со всем согласен,единственное хочу добавить что если проверка на занятость проводится, то результат должен обязательно выводится, даже если он положителен.
Это правило согласуется с основным правилом построения GUI. Да и на личном опыте замечал как отсутствие явного подтверждение успешности повышает состояние нервозности рядовых пользователей. Так что лучше не скрывать, а говорить все как есть. Если успешно - значит успешно, если нет - то нет.

Ярослав Бирзул пишет нам 28 ноября, 2007 в 10:38

Андрей, а где перечисляются основные правила построения GUI? Мне интереса ради :)

Идеальные формы | О юзабилити веб интерфейсов пишет нам 28 ноября, 2007 в 11:12

[...] свете довольно бурной дискуссии с людьми по поводу Идеальной регистрации я решил продолжить серию записей в разделе «Идеалы». [...]

Юрий пишет нам 28 ноября, 2007 в 11:15

Мужики, вы тут собрались знатоки интерфейсов. Кто-нибудь знает, где взять сорцы хорошего автокомплита, как на weather.yandex.ru ? Скроллинг — обязательное условие…

Спасибо!

Ярослав Бирзул пишет нам 28 ноября, 2007 в 11:33

Юр, конкретнее плз :)

Побольше неудобства! | О юзабилити веб интерфейсов пишет нам 6 декабря, 2007 в 2:21

[...] Адекват: о регистрации много мыслей сказано в заметке “Идеальная регистрация”. [...]

Студентка пишет нам 26 декабря, 2007 в 2:10

Классно! Я с каждым днем все больше просвещяюсь, лазия по блогам всяким. Однако, интересно узнать интрнет изнутри :))) Спастбо.

Ярослав Бирзул пишет нам 11 января, 2008 в 5:03

Студентка, тут не всякий :) На здоровье

nalim[1nc] пишет нам 20 января, 2008 в 11:08

Мне тоже понравилась регистрация у Яндекса, у Рамблера мне не обрадовались:
“Извините, система недоступна

Извините, в настоящий момент система недоступна. Попробуйте позже.”

Регистрация 2.0 | О юзабилити веб интерфейсов пишет нам 10 марта, 2008 в 8:16

[...] PS: Рекомендую также прочитать пост-заметку о создании Идеальной регистрации. [...]

Комментируйте