- О юзабилити простыми словами - http://www.birzool.com -
Регистрация 2.0
Posted By Ярослав Бирзул On 9 марта, 2008 @ 7:00 In Теория | 31 Comments
Что такое регистрация, я думаю, вы прекрасно знаете. Это по сути банальный рыночный обмен — мы даем частичку своей личной информации в обмен на дополнительные возможности сайта.
Что такое 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. Хабрахабр
Плюсы:
- Лаконичность регистрации. Отсутствие разнообразных полей, которые требуют заполнения в обязательном порядке. Заполнять нужно только то, что нужно для регистрации, и ничего более.
- Логин можно проверить на занятость не перегружая страницу, это довольно полезно и удобно.
- Дизайн минималистичен, но сделан грамотно с точки зрения компоновки элементов. Отсутствие плашек, лишних линий только радует.
- Капча различима.
- Присутствует ссылка на помощь заблудившимся.
- Наличие подсказок под каждым полем.
Минусы:
- Отсутствие переключателя на напоминание пароля, и страницу входа.
- Маленькая кнопка завершения регистрации, по которой еще нужно прицелится.
Итого: регистрация на Хабре заслуживает 75 баллов из 100.
2. RuTube
Плюсы:
- Отсутствие кучи обязательных полей, опять же лаконичность.
- Возможность проверки логина на занятость.
- Подсказки по заполнению к каждому полю.
- Вполне различимая капча.
Минусы:
- Дизайн хоть и минималистичен, но с точки зрения юзабилити, на мой взгляд, тут полный ахтунг. Разброс полей для заполнения в первые секунды заставил потеряться от их расположения и компоновки.
- Отсутствие ссылки на помощь заблудившимся.
- Отсутствие ссылки на восстановление утерянного пароля.
- Кнопка «Отправить» — эталон мишени для снайперов мыши.
Итого: регистрация на Rutube набрала всего 50 баллов из 100.
3. Memori
Плюсы:
- Лаконичность и простота регистрации.
- Подсказки в нужных местах.
- Различимая капча.
- Довольно хорошая компоновка. Не без минусов — стоило бы кое-где доработать, но в целом дизайн грамотен.
- Проверка логина на занятость.
Минусы:
- Отсутствие ссылки на помощь.
- Отсутствие ссылки на вход и восстановление пароля.
- Маленькая кнопка.
Итого: Memori зарабатывает своей регистрацией 62,5 бала из 100.
4. БобрДобр
Плюсы:
- Лаконичность. Опять. Ну тут уж не отнять.
- Хорошая компоновка, но можно чуть переделать и станет еще краше.
- Наконец-то нормальная кнопка.
- Различимая капча.
- Присутствие подсказок к полям.
Минусы:
- Отсутствие ссылки на помощь.
- Отсутствие ссылок на вход и восстановление пароля.
- Отсутствие проверки логина на занятость.
- Авто-подписывание регистрирующегося на e-mail рассылку.
Итого: сервис БобрДобр имеет 55 балов из 100.
5. VideoRadar
Плюсы:
- Хорошая компоновка элементов, практически нечего исправлять.
- Полное отсутствие капчи. Ура!
Минусы:
- Какая лаконичность и краткость? О чем вы? Куча полей, в которых легко можно потеряться.
- Отсутствие подсказок к полям.
- Тоненькая кнопка.
- Отсутствие ссылок на восстановление пароля и вход на сайт.
- Отсутствие ссылки на помощь.
- Отсутствие проверки логина на занятость.
Итоги: плачевны для сервиса VideoRadar. Восходящая звезда видео-хостинга смогла набрать лишь 25 баллов из 100.
6. Автокадабра
Плюсы:
- Просто и лаконично. И всё тут.
- Компоновка на высоте — не к чему придраться.
- Наличие проверки на правильность ввода практически в каждом поле. С логином включительно.
- Капча различима.
- Присутствие подсказок к полям.
- Нормальная кнопка.
Минусы:
- Отсутствие ссылок на восстановление пароля и вход на сайт.
- Отсутствие ссылки на помощь.
Итоги: Автокадабра показала себя достойной, и набрала 75 балов из 100.
7. ILoveCinema
Плюсы:
- В наличии проверка на правильность заполнения поля, включая поле логина.
- Отсутствие капчи.
- Наличие подсказок к полям.
Минусы:
- Компоновка элементов не на высоте — слишком большой разброс заставляет глаз метаться в поисках удобства, а его нет. Присутствие плашек и линий тоже чести не делает. Тут они явно лишние, и отвлекают. Переменные цвета нужны лишь в больших массивах данных, тут же они явно лишние.
- Отсутствие ссылок на вход и восстановление пароля.
- Отсутствие ссылки на помощь.
- Нелаконично — слишком много полей, которые нужно заполнить, я теряюсь.
- Маленькая кнопочка.
- Зачем-то ссылка на «отмену» рядом с кнопкой окончания регистрации. Видимо для того, чтобы особо удачливые на неё нажали.
Итоги: проект заработал свои 33 бала из 100. Обидно.
8. МирТесен
Плюсы:
- Лаконичность.
- Хорошая компоновка элементов. Всё на своём месте.
- Наличие подсказок, правда в неудобном месте.
- Возможность переключится на страницу входа на сайт.
- Отсутствие капчи как таковой.
- Нормальная кнопка.
Минусы:
- Отсутствие ссылки на помощь и восстановление пароля.
- Отсутствует проверка на незанятость логина.
- Автоматическая подписка на рассылку.
Итоги: МирТесен заслуженно получает свои 66 балов из 100.
9. News 2.0
Плюсы:
- Лаконичность. Побольше бы таких регистраций.
- Хорошая компоновка элементов. Грамотно.
- Воспринимаемая капча.
Минусы:
- Отсутствие подсказок по заполнению полей.
- Отсутствие ссылки на вход и восстановление пароля.
- Отсутствие ссылки на помощь.
- Отсутствие проверки на незанятость логина.
- Маленькая кнопочка. Опять кастинг на снайперское мастерство.
Итоги: в принципе хороший сайт получает не совсем хороший рейтинг по удобству регистрации. Всего 37,5 балов из 100.
10. Блог.ру
Плюсы:
- Лаконичность.
- Наличие подсказок для всех полей.
- Воспринимаемая капча.
- Возможность проверить занятость логина.
- Нормальная кнопка.
Минусы:
- В дизайне наличествует куча лишних элементов, которые не несут никакой практической пользы. Ужасная компоновка вызывает кашу в восприятии.
- Отсутствие ссылки на помощь.
- Отсутствие ссылок на вход и восстановление пароля.
Итоги: 62 бала из 100.
Выводы и сводная таблица
- Первое место разделили Хабрахабр и Автокадабра набрав по 75 балов. Примечательно, что оба проекта от одних создателей, и это радует.
- Второе место занял единолично МирТесен, который набрал 66 балов.
- Третье место разделили Мемори и БлогРу набрав по 62,5 бала.
- Четвертое место занял сервис закладок БобрДобр набрав 55 балов.
- Пятое место RuTube — 50 балов.
- Шестое ILoveCinema — 33 бала.
- 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/
Click here to print.
© 2007-2008. Блог Ярослава Бирзул о юзабилити веб интерфейсов.