Сайт Ярослава Бирзула Пишу о дизайне интерфейсов, менеджменте и всяком другом. Работаю в UXDepot

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Хабрахабр
2. RuTube
3. Memori
4. БобрДобр
5. VideoRadar
6. Автокадабра
7. ILoveCinema
8. МирТесен
9. Новости 2.0
10. Блог.ру.

1. Хабрахабр

Плюсы:

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

Минусы:

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

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

2. RuTube

Плюсы:

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

Минусы:

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

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

3. Memori

Плюсы:

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

Минусы:

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

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

4. БобрДобр

Плюсы:

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

Минусы:

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

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

5. VideoRadar

Плюсы:

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

Минусы:

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

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

Плюсы:

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

Минусы:

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

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

7. ILoveCinema

Плюсы:

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

Минусы:

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

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

8. МирТесен

Плюсы:

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

Минусы:

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

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

9. News 2.0

Плюсы:

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

Минусы:

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

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

10. Блог.ру

Плюсы:

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

Минусы:

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

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

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

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

Меня поразила откровенно неудобная регистрация на RuTube, ILoveCinema, и VideoRadar. Ведь проекты довольно известны, популярны, и тут такая оплошность. Порадовали проекты от компании Futurico — Хабрахабр и Автокадабра, которые хоть и не набрали максимальное колличество балов, но разделили первое место. Неплохо себя показали Мемори и БлогРу, хотя, по идее, должны были еще лучше.

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

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

Тем временем

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

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

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

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

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

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