Ryan Singer: 10 советов по дизайну форм регистрации

    Ryan Singer, дизайнер небезызвестной 37 Signals на конференции Future of Web Design дал 10 советов по дизайну форм регистрации. Надо сказать, что советы эти вполне естественны и настолько очевидны, что возникает вопрос — «а зачем вообще это проговораивать? это же и так понятно!». Но — как только начинаешь проходить регистрацию в каком-нибудь новом стартапе понимаешь, что очевидность эта видна не всем.
    1. Задавайте простые вопросы и не перегружайте форму текстом;
    2. Проверяйте доступность ника по мере ввода его пользователем;
    3. Если есть информация, которая может вам понадобиться о пользователе — выясните ее самом приложении, а не во время регистрации;
    4. Используйте понятный пользователю язык;
    5. Используйте «прощающий» ввод: по возможности свободный формат для данных;
    6. Не заставляйте пользователей угадывать, что от них хотят при вводе той или иной информации: дайте пару примеров для вводимой информации;
    7. Напомните пользователю, зачем он зарегистрировался, дайте ему уверенность в своих действиях;
    8. Не шокируйте пользователя сообщениями об ошибках и предупреждениях, делайте их аккуратными
    9. Регистрация — это процесс, а не просто форма. Процесс со своим началом и финалом, и окончание этого процесса перерастает в начало использования вашего продукта;
    10. Не перегружайте приветственное письмо советами, лучше дайте подсказки в самом приложении, причем в тех местах, где они нужны: облегчите жизнь пользователю сразу после регистрации.

    Полное выступление Ryan Singer на Youtube
    По теме можно почитать:

    Комментарии 38

      0
      3. Если есть информация, которая может вам понадобиться о пользователе — выясните ее в самом приложении, а не во время регистрации;

      Этому как раз очень многие стартапы следуют, не спрашивая вообще ничего, кроме мыла и пароля.
      Сложно сказать, насколько это эффективно, я бы добавлял еще пару полей во избежание множества аккаунтов-зомби...

      Вообще, довольно грамотно и многим было бы полезно, особенно подходить к регистрации как к процессу.
        0
        Даже пароль при регистрации можно не спрашивать :) Нужен только email или телефончег :)
        Серьезно! Это, конечно, может привести к множеству мусорных регистраций, зато конверсия из посетителей в регистрации будет бешенная.
        • НЛО прилетело и опубликовало эту надпись здесь
            0
            Конверсия, в данном случае, это отношение количества посетителей сайта к количеству регистраций на сайте.
            • НЛО прилетело и опубликовало эту надпись здесь
                0
                Очень подробно не смогу, сил на лекцию сейчас не хватит. Думаю, Вы найдете без труда много текстов в сети.

                Есть предположение, подтверждаемое статистикой, что чем больше полей в форме регистрации, тем меньше вероятность, что человек зарегистрируется.

                Это похоже на эксперименты с крысами: чтобы добраться до сыра (приманки) крыса может стерпеть удар электрического тока (определенной силы) от прутьев клетки, по которым лежит путь к сыру. Сила удара, который крыса готова стерпеть, зависит от привлекательности сыра и от степени голода, который она испытывает.

                Бывают сложные формы, с множеством требований (иногда неочевидных) по её заполнению. Если привлекательность сервиса высока, то изголодавшийся пользователь пройдет через испытание регистрационной формы. Если же назначение сервиса неочевидно, т.е. ценность непонятна, то и небольшая форма может стать непреодолимым препятствием.

                Разрабатывая популярные сервисы, следует стремиться к тому, чтобы снять лишние препятствия на пути пользователя. Если же сервис секретный, и допуск ограничен, то можно и поглумиться над пользователем, чтобы потешить службу безопасности :)
                • НЛО прилетело и опубликовало эту надпись здесь
                • НЛО прилетело и опубликовало эту надпись здесь
                  • НЛО прилетело и опубликовало эту надпись здесь
                    • НЛО прилетело и опубликовало эту надпись здесь
            0
            с аккаунтами-зомби лучше стараться бороться самим, а не перекладывать это на плечи пользователей, если задача стоит в привлечении посетителей. Но это отдельная большая проблема.
            • НЛО прилетело и опубликовало эту надпись здесь
                0
                это можно сделать и после регистрации
                • НЛО прилетело и опубликовало эту надпись здесь
            0
            А всегда ли нужна регистрация? И зачем она нужна?
              0
              Кажется этот вопрос недавно поднимался на хабре, когда речь шла о социальных сетях без необходимости регистрации в оных (в качестве примера - Wordstream на баше). Ну, и как оказалось, со временем сайты подобные ресурсы превращаются в помойку. Выводы делайте сами. :)
                0
                Отсутствие регистрации еще не означает анонимность - можно аутентифицироваться через сторонние сайты или openid. Например, я сейчас работаю над сервисом, который аутентифицируется через фейсбук, потому что моя целевая аудитория на 99%, если не на 100%, на фейсбуке. Бардака не будет, регистраций тоже.
              +1
              Задавайте простые вопросы и перегружайте форму текстом;

              может таки не перегружайте? :)
                0
                Спасибо большое - проглядел. Поправил :-)
                0
                согласна с автором на 100%.
                Спасибо за полезную заметку ;)
                  0
                  Читая вот этого товарища Luke Wroblewski узнал несколько не плохих фич для формы. Хотя думал, что о дизайнах форм знаю всё
                    0
                    еще было бы здорово, если бы рядом с полем ввода пароля была галочка "Показать пароль". Потому что чаще всего около компьютера находишься в одиночку, никто пароль подсмотреть не может, но ошибиться при вводе пароля и подтверждения пароля очень легко (не убрав CapsLock, или находясь не в той раскладке).
                    А когда пароль никто не может посмотреть, кроме тебя, то почему бы мне не отобразить его? ТОгда ошибок будет значительно меньше..
                    А вы как думаете? ;)
                      0
                      ход хороший, но не во всех случаях. Ход лучший (на мой взгляд) - первый вход без пароля вообще. С последующей высылкой его на почту и/или настойчивой просьюой установить его.
                        0
                        *просьбой (простите)
                        0
                        Уже ответили на ваш вопрос. Но когда я впервые увидел ответ на свой комментарий,то мысли были следующие:

                        - Неплохая фича, имеющая право на существование
                        - Я не соглашусь с aremath о беспаролевом входе. Зато классическое подтверждение на e-mail содержащее информацию о аккаунте (логин и пароль) поможет напомнить пароль в случае если вы его забудете. При этом в хороших системах должна быть возможность поменять пароль + запоминать пароль. Я считаю, что пароль пользователю надо "почувствовать" при вводе (хи-хи), но один раз!
                          0

                          на мой вкус — зависит от сервиса. Иногда пароль надо почувствовать, иногда — нет.

                          0
                          На счёт "показать пароль"... сомнительная фича. Ещё ни разу не видел, чтобы человек набирал пароль и смотрел на окно ввода. Начиная от секретарш, заканчивая программистами.

                          Самая лучшая реализация, это JS проверка совпадения паролей и, в случае несовпадения, показывать это. (понравилась фишка с затуханием цвета фона от красного до белого + input#passwd {border: 2px solid #f00;}
                            0
                            ну не знаю ;)
                            миллион раз встречалась с тем, как пользователи не правильно вводят пароль, либо не в той раскладке, либо капслоком, либо буквы перепутают.
                            А уж когда просят их ввести пароль, а потом подтверждение пароля, то каждый третий-четвертый делает ошибку ))) доказано тестированиями ;)
                            вспомните, разве Вы никогда не ошибались?
                            А потому пользователи и не смотрят на экран при вводе пароля, потому что смотреть то не на что, там одни ****** ;)))))
                        0
                        Всё просто и понятно, но не могу согласиться только со (2) пунктом. Это создаёт ряд проблем для пользователей (не стоит забывать, что мы в районе СНГ, а не Европа/Америка):
                        1) частые запросы могут нагрузить машинку пользователя (далеко не у всех стоят Коры Дуба)
                        2) частые запросы при большой нагрузке на сервере (если форма ждёт ожидания валидации введённого ника) могут очень негативно влиять на скорость ввода в форму.
                          +1
                          1) частые запросы могут нагрузить машинку пользователя (далеко не у всех стоят Коры Дуба)

                          Частые в данном случае - это какие? Если взять среднюю длину имени символов за 10, то это максимум - 10 запросов. При быстром вводе, несомненно, нужно выдавать запрос не после каждого символа, а после паузы - итого получаем ещё меньше. Если менее 10 js-запросов нагрузят пусть даже самую слабую машинку пользователя - полагаю, стоит серьёзно задуматься о переписывании соответствующего кода.
                            0
                            Здесь дело не в общем количестве символов, а скорости набора. Надо полагать, что пользователь (среднестатистический) вводит от 1 до 3 символов в секунду. При условии большой нагрузки на сервер, это может создать проблемы.
                              +1
                              конечно, но как я уже написал - нет смысла выдавать по запросу на каждое нажание, всё равно пользователь все результаты не увидит. См. Submission Throttling Pattern
                        • НЛО прилетело и опубликовало эту надпись здесь
                            –2
                            Для вас это баг, так как вы понимаете какое поле к чему. А представим себе, что кому-то непонятно значение какого-то поля и он хочет посмотреть подсказку. Ему нужно будет щелкать по табу непредвиденное кол-во раз причем без какой-либо логики.
                            • НЛО прилетело и опубликовало эту надпись здесь
                              0
                              Ну можно еще добавить привязывание лейбла к полю ввода (forLabel кажется, я не верстальщик). А так да.
                              +1
                              да, все лежит на поверхности, но как показывает практика большинство сайтов обустроены ужасной регистрационной формой и очень бесят ошибки типа "такой ник уже есть" после того как ты ввел 15 полей инфы и она после этого еще и обнулилась
                                0
                                согласна ;)
                                это ужасно раздражает

                              Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                              Самое читаемое