- О юзабилити простыми словами - http://www.birzool.com -

Регистрация 2.0

Posted By Ярослав Бирзул On 9 марта, 2008 @ 7:00 In Теория | 31 Comments

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

Регистрация 2.0 [1]

Что такое 2.0? Веб 2.0. Я не знаю — действительно ли это массовое помешательство на почве веб, либо же вполне реальная ситуация. Я знаю точно одно — интернет изменился. И не важно почему, примем это как факт — создатели сайтов стали гонятся за юзабилити, совершенно упуская самое главное, что есть в сайте. Регистрацию.

Интернет меняется, у него свои проблемы, недостатки и преимущества. Сайты становятся более удобными, простыми. Наконец-то делается самый главный акцент именно на контент — тексты, изображения, неважно что. Другой вопрос, что в большинстве случаев для получения этого контента в более удобной форме на сайтах нужно регистрироваться. И тут нас поджидает ахиллесова пята в веб 2.0, которая унаследовалась от своего прямого предка.

Да, сайты стали лучше, определенно. Нет больше откровенных графических ляпов, или невоспринимаемой информации (точнее есть, но не в большинстве случаев). Нет больше моря раздражающих флеш-баннеров, мигающих GIF-картинок, текстов наподобие «вышлите 10 wmz на этот кошелек и вы получите 15, я знаю…». Интернет стал определенно чище, лучше, быстрее, удобнее и… красивее.

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

Я думаю достаточно вступительных слов, теперь стоит перейти к более конкретным действиям — исследовать самые популярные российские Web 2.0 на плюсы и минусы их регистраций. Я буду выступать (уже по некоторой традиции) в роли неопытного пользователя, а потом стану анализировать свои действия определяя ключевые плюсы и минусы той или иной регистрации.

Для начала я бы хотел выбрать десять своих подопытных 2.0 сервисов, которые являются несомненно русскими (или из СНГ), которые предоставляют сервис конкретно 1\6 части суши на Земле.

1. Первый в списке несомненно Хабрахабр [2]. Куда же без него. Мастера и ремесленники из Футурико и Тематических Медиа создали очень полезный и хороший сервис для обмена опытом между около-айти-шным людом ради пущего блага и взаимного процветания.

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

3. Memori [4]. Лучший в мире сервис закладок. Я не шучу — по мощностям и возможностям сервис от бывшего создателя ДоброгоБобра [5], для меня является беспорным лидером по удобству и функционалу среди других сервисов закладок.

4. БобрДобр [5]. Добрый Бобр также как и Memori позволяет людям хранить закладки, которые не хотите или не имеете возможность хранить у себя в браузере. Синхронизация между всеми компьютерами тоже играет свою роль.

5. VideoRadar [6]. Относительно молодой видео-хостинг от наших соотечественников завоевывает этот рынок семимильными шагами. Причинами тому является явно хорошее качество итогового видео, и куча возможностей, включая версию для мобильных телефонов.

6. Автокадабра [7]. Еще одна относительно молодая социальная сеть на почве автомобиле-мании. Успешный запуск и занятие своей доли рынка сделано благодаря вере в создателей Хабрахабра. И они нас не подвели.

7. Ilovecinema [8]. Социальная сеть посвященная… ну разумеется кино во всех его проявлениях. Очень и очень любопытный ресурс для всех киноманов, заходим, и не жалеем.

8. МирТесен [9]. Создатели этого сервиса первыми догадались совместить социальную сеть с картой. Просто ведь? Но реализация на высоте — сайт обладает кучей возможностей по нахождению знакомых из своего двора, да что там — даже из своей квартиры.

9. Новости 2.0 [10]. Российский Digg [11] на стероидах.

10. Блог.ру [12]. Без комментариев.

Итак — с подопытными мы определились, пора приступать к делу.

  1. Хабрахабр [13]
  2. RuTube [14]
  3. Memori [15]
  4. БобрДобр [16]
  5. VideoRadar [17]
  6. Автокадабра [18]
  7. ILoveCinema [19]
  8. МирТесен [20]
  9. Новости 2.0 [21]
  10. Блог.ру [22].

1. Хабрахабр

Регистрация на Хабрахабре [23]

Плюсы:

  1. Лаконичность регистрации. Отсутствие разнообразных полей, которые требуют заполнения в обязательном порядке. Заполнять нужно только то, что нужно для регистрации, и ничего более.
  2. Логин можно проверить на занятость не перегружая страницу, это довольно полезно и удобно.
  3. Дизайн минималистичен, но сделан грамотно с точки зрения компоновки элементов. Отсутствие плашек, лишних линий только радует.
  4. Капча различима.
  5. Присутствует ссылка на помощь заблудившимся.
  6. Наличие подсказок под каждым полем.

Минусы:

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

Итого: регистрация на Хабре заслуживает 75 баллов из 100.

2. RuTube

Регистрация на RuTube [24]

Плюсы:

  1. Отсутствие кучи обязательных полей, опять же лаконичность.
  2. Возможность проверки логина на занятость.
  3. Подсказки по заполнению к каждому полю.
  4. Вполне различимая капча.

Минусы:

  1. Дизайн хоть и минималистичен, но с точки зрения юзабилити, на мой взгляд, тут полный ахтунг. Разброс полей для заполнения в первые секунды заставил потеряться от их расположения и компоновки.
  2. Отсутствие ссылки на помощь заблудившимся.
  3. Отсутствие ссылки на восстановление утерянного пароля.
  4. Кнопка «Отправить» — эталон мишени для снайперов мыши.

Итого: регистрация на Rutube набрала всего 50 баллов из 100.

3. Memori

Регистрация на Memori [25]

Плюсы:

  1. Лаконичность и простота регистрации.
  2. Подсказки в нужных местах.
  3. Различимая капча.
  4. Довольно хорошая компоновка. Не без минусов — стоило бы кое-где доработать, но в целом дизайн грамотен.
  5. Проверка логина на занятость.

Минусы:

  1. Отсутствие ссылки на помощь.
  2. Отсутствие ссылки на вход и восстановление пароля.
  3. Маленькая кнопка.

Итого: Memori зарабатывает своей регистрацией 62,5 бала из 100.

4. БобрДобр

Регистрация на БобрДобр [26]

Плюсы:

  1. Лаконичность. Опять. Ну тут уж не отнять.
  2. Хорошая компоновка, но можно чуть переделать и станет еще краше.
  3. Наконец-то нормальная кнопка.
  4. Различимая капча.
  5. Присутствие подсказок к полям.

Минусы:

  1. Отсутствие ссылки на помощь.
  2. Отсутствие ссылок на вход и восстановление пароля.
  3. Отсутствие проверки логина на занятость.
  4. Авто-подписывание регистрирующегося на e-mail рассылку.

Итого: сервис БобрДобр имеет 55 балов из 100.

5. VideoRadar

Регистрация на VideoRadar [27]

Плюсы:

  1. Хорошая компоновка элементов, практически нечего исправлять.
  2. Полное отсутствие капчи. Ура!

Минусы:

  1. Какая лаконичность и краткость? О чем вы? Куча полей, в которых легко можно потеряться.
  2. Отсутствие подсказок к полям.
  3. Тоненькая кнопка.
  4. Отсутствие ссылок на восстановление пароля и вход на сайт.
  5. Отсутствие ссылки на помощь.
  6. Отсутствие проверки логина на занятость.
  7. Итоги: плачевны для сервиса VideoRadar. Восходящая звезда видео-хостинга смогла набрать лишь 25 баллов из 100.

6. Автокадабра

Регистрация на Автокадабре [28]

Плюсы:

  1. Просто и лаконично. И всё тут.
  2. Компоновка на высоте — не к чему придраться.
  3. Наличие проверки на правильность ввода практически в каждом поле. С логином включительно.
  4. Капча различима.
  5. Присутствие подсказок к полям.
  6. Нормальная кнопка.

Минусы:

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

Итоги: Автокадабра показала себя достойной, и набрала 75 балов из 100.

7. ILoveCinema

Регистрация на ILoveCinema [29]

Плюсы:

  1. В наличии проверка на правильность заполнения поля, включая поле логина.
  2. Отсутствие капчи.
  3. Наличие подсказок к полям.

Минусы:

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

Итоги: проект заработал свои 33 бала из 100. Обидно.

8. МирТесен

Регистрация на МирТесен [30]

Плюсы:

  1. Лаконичность.
  2. Хорошая компоновка элементов. Всё на своём месте.
  3. Наличие подсказок, правда в неудобном месте.
  4. Возможность переключится на страницу входа на сайт.
  5. Отсутствие капчи как таковой.
  6. Нормальная кнопка.

Минусы:

  1. Отсутствие ссылки на помощь и восстановление пароля.
  2. Отсутствует проверка на незанятость логина.
  3. Автоматическая подписка на рассылку.

Итоги: МирТесен заслуженно получает свои 66 балов из 100.

9. News 2.0

Регистрация на News 2.0 [31]

Плюсы:

  1. Лаконичность. Побольше бы таких регистраций.
  2. Хорошая компоновка элементов. Грамотно.
  3. Воспринимаемая капча.

Минусы:

  1. Отсутствие подсказок по заполнению полей.
  2. Отсутствие ссылки на вход и восстановление пароля.
  3. Отсутствие ссылки на помощь.
  4. Отсутствие проверки на незанятость логина.
  5. Маленькая кнопочка. Опять кастинг на снайперское мастерство.

Итоги: в принципе хороший сайт получает не совсем хороший рейтинг по удобству регистрации. Всего 37,5 балов из 100.

10. Блог.ру

Регистрация на Блог.ру [32]

Плюсы:

  1. Лаконичность.
  2. Наличие подсказок для всех полей.
  3. Воспринимаемая капча.
  4. Возможность проверить занятость логина.
  5. Нормальная кнопка.

Минусы:

  1. В дизайне наличествует куча лишних элементов, которые не несут никакой практической пользы. Ужасная компоновка вызывает кашу в восприятии.
  2. Отсутствие ссылки на помощь.
  3. Отсутствие ссылок на вход и восстановление пароля.
  4. Итоги: 62 бала из 100.

Выводы и сводная таблица

  1. Первое место разделили Хабрахабр и Автокадабра набрав по 75 балов. Примечательно, что оба проекта от одних создателей, и это радует.
  2. Второе место занял единолично МирТесен, который набрал 66 балов.
  3. Третье место разделили Мемори и БлогРу набрав по 62,5 бала.
  4. Четвертое место занял сервис закладок БобрДобр набрав 55 балов.
  5. Пятое место RuTube — 50 балов.
  6. Шестое ILoveCinema — 33 бала.
  7. VideoRadar — 25 балов.

Сотню балов не набрал ни один из представителей. Сотня — идеальный результат с хорошим дизайном, удобный, и главное функциональный и одновременно простой. В общем и целом — судя по фразе [33], это гениальный вариант.

Меня поразила откровенно неудобная регистрация на RuTube [3], ILoveCinema [8], и VideoRadar [6]. Ведь проекты довольно известны, популярны, и тут такая оплошность. Порадовали проекты от компании Futurico [34]Хабрахабр [2] и Автокадабра [7], которые хоть и не набрали максимальное колличество балов, но разделили первое место. Неплохо себя показали Мемори [4] и БлогРу [12], хотя, по идее, должны были еще лучше.

В целом в рунете 2.0 ситуация с регистрациями не так плоха, как кажется на первый взгляд — всё-таки прогресс не стоит на месте, как и умения наших дизайнеров и проектировщиков, что радует.

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

Тем временем

1. У Миши Квакина [35] родился сын! Мои ему поздравления.

2. Юра Гугнин [36] описывает свою бизнес-идею для московских гастрабайтеров.

3. Сергей Чаботько [37] исследует ИТ Белорусии.

4. Футуриус [38] утопично рассказывает об анонимности и больших сетях будущего.

5. Артём Майнас [39] размышляет о TooDoo.

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


Article printed from О юзабилити простыми словами: http://www.birzool.com

URL to article: http://www.birzool.com/registration/

URLs in this post:

[1] Image: http://www.birzool.com/registration/

[2] Хабрахабр: http://www.habr.ru

[3] RuTube: http://www.rutube.ru

[4] Memori: http://www.memori.ru

[5] ДоброгоБобра: http://www.bobrdobr.ru

[6] VideoRadar: http://www.videoradar.ru/

[7] Автокадабра: http://www.autocadabra.ru

[8] Ilovecinema: http://www.ilovecinema.ru/

[9] МирТесен: http://www.mirtesen.ru

[10] Новости 2.0: http://www.news2.ru/

[11] Digg: http://www.digg.com

[12] Блог.ру: http://www.blog.ru/

[13] Хабрахабр: http://www.birzool.com/registration/#1

[14] RuTube: http://www.birzool.com/registration/#2

[15] Memori: http://www.birzool.com/registration/#3

[16] БобрДобр: http://www.birzool.com/registration/#4

[17] VideoRadar: http://www.birzool.com/registration/#5

[18] Автокадабра: http://www.birzool.com/registration/#6

[19] ILoveCinema: http://www.birzool.com/registration/#7

[20] МирТесен: http://www.birzool.com/registration/#8

[21] Новости 2.0: http://www.birzool.com/registration/#9

[22] Блог.ру: http://www.birzool.com/registration/#10

[23] Image: http://habrahabr.ru/register/

[24] Image: http://rutube.ru/register.html

[25] Image: http://memori.ru/reg/

[26] Image: http://bobrdobr.ru/registration/index.html

[27] Image: http://videoradar.ru/reg/

[28] Image: http://autokadabra.ru/register/

[29] Image: http://ilovecinema.ru/registration/

[30] Image: http://www.mirtesen.ru/registration

[31] Image: http://news2.ru/add_member.php

[32] Image: http://blog.ru/registration/step1?backurl=http://www.birzool.com/registration/

[33] судя по фразе: http://www.birzool.com/ideal/

[34] Futurico: http://www.futurico.ru

[35] У Миши Квакина: http://www.design-freak.com/2008/03/03/son-is-born/

[36] Юра Гугнин: http://blog.dotfix.ru/2008-03-08/radio-jam/

[37] Сергей Чаботько: http://s13.by/2008/03/07/it-obzor-po-belorusski-halyavnyiy-internet/

[38] Футуриус: http://futuri.us/2008/03/03/utopiya-anonimnost-vs-bolshaya-set/

[39] Артём Майнас: http://artyom-maynas.blogspot.com/2008/03/toodoo.html

[40] Идеальной регистрации: http://www.birzool.com/ideal-registration/

© 2007-2008. Блог Ярослава Бирзул о юзабилити веб интерфейсов.