Аудит Хабрахабра 2.0

Аудит habrahabr.ruВерсия 2.0

Аудит юзабилити от Компании ВебПроекты — www . webprojects . ru

http://www.webprojects.ru/

ОглавлениеАудит habrahabr.ru ..................................................................................................................... 1 Оглавление ................................................................................................................................. 2 Предисловие ............................................................................................................................. 3 Предисловие ко второй редакции ............................................................................................. 4 I. Хабр для незарегистрированных ........................................................................................... 5

1. Красная плашка .................................................................................................................. 6 2. Неактивные функции .......................................................................................................... 7

Голосования за посты, вопросы, комментарии к ним, добавление в избранное ............ 7 Преимущества регистрации и «Песочница» ..................................................................... 8

II. Хабр для авторизованных пользователей ........................................................................... 9 1. Синяя плашка ................................................................................................................... 10 2. Сущности и обновления ................................................................................................... 10

Генерация контента: посты, вопросы, вакансии и резюме ............................................. 11 Получение контента: посты, вопросы, вакансии и резюме ............................................ 12 Получение контента: люди, компании, блоги .................................................................. 16 Связь компаний с аудиторией .......................................................................................... 19

3. Хабрацентр ....................................................................................................................... 20 4. Нижнее меню .................................................................................................................... 24 5. Рекомендации к текущей версии сайта ........................................................................... 25

Блоги .................................................................................................................................. 25 Блок «Настройка ленты» .................................................................................................. 25 Хабралента 3.0 .................................................................................................................. 25 Лучшее ............................................................................................................................... 26 Помощь .............................................................................................................................. 26



Предисловие

Аудит Хабрахабра — это в известном смысле вызов. С одной стороны, Хабр является не только самым продвинутым айти-сообществом, это еще и уникальный сервис сам по себе. Эталонный пример социального масс-медиа в прямом смысле слова — именно так должно выглядеть СМИ будущего. Без Хабрахабра не возникло бы и популярнейшей CMS LiveStreet, давшей жизнь термину «блого-социальная сеть».

С другой стороны, любой спорный элемент функционала адвокаты Хабра будут защищать, апеллируя к элитарности ресурса (на данный момент, весьма условной, хотя регистрация и проходит строго по инвайтам). Да, аудитория сайта гораздо более продвинутая, чем «рядовой пользователь», для которого все необходимо максимально упрощать.

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

Тем интереснее будет юзабилити-линч. Приступим?


http://habrahabr.ru/blogs/livestreet/39482/#habracut


http://habrahabr.ru/blogs/ilhh/

http://habrahabr.ru/blogs/ilhh/



Предисловие ко второй редакции

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

1. в целом аудит был воспринят скорее положительно (↑93, ↓45), 2. набралось достаточно комментариев с аргументированной критикой, чтобы

сделать работу над ошибками.

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

Хабр — социальное СМИ или «народное медиа», как его назвал создатель сайта, Денис Крючков. Этому направлению развития проекта соответствуют два недавних нововведения.

• Децентрализация. Теперь каждый пользователь может читать только то, что ему нравится, т.е. те блоги, на которые подписан. Мотив: соответствие контента интересам пользователя.

• ППА (программа поощрения авторов). Хорошие посты оплачиваются. Мотив: повышение количества качественного контента.

В настоящей редакции аудита сайт будет рассматриваться через призму выделенных мотивов.



I. Хабр для незарегистрированных



1. Красная плашкаЕсли неавторизованный пользователь предпринимает действие, доступное только авторизованным (например, «поднять» пост или вопрос), возникнет красное всплывающее сообщение (в данном случае: «Хабрахабр — Голосования. Это действие доступно только для зарегистрированных пользователей» — см. скриншот. ниже).

Сообщение прилеплено к правому краю страницы, что заставляет пользователя переводить взгляд в мертвую зону, т.е. за границы фактической (наполненной контентом) страницы. На широкоформатном мониторе это особенно заметно. Дискомфорт едва ощутимый, однако, он есть. Мелкий шрифт на красном фоне также не действует расслабляюще. Почему сообщение озаглавлено «Хабрахабр — Голосования» — непонятно. Заголовок не несет пользователю никакой полезной информации, зато испытывает его на скорочтение — прежде чем сообщение исчезнет, он должен прочитать и заголовок, и следующий за ним текст.

Рекомендуется: удалить заголовок во всплывающем сообщении, прилепить сообщение не к краю страницы, а к краю основного «полотна» страницы (см. рис. ниже).



2. Неактивные функцииВ первой редакции аудита было предложено все неактивные функции реализовывать в виде неактивных элементов, при попытке взаимодействия с которыми выводится «красная плашка». На сайте именно так реализованы кнопки голосования за посты и вопросы для неавторизованных.

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

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

Поэтому рекомендуется не отображать те функции, которые доступны только авторизованным пользователям.

Голосования за посты, вопросы, комментарии к ним, добавление в избранное

В разделах «посты», «q&a», а также на страницах самих постов и вопросов под текстом поста/вопроса имеется стандартная плашка следующего вида (см. скриншот).

Для неавторизованных пользователей кнопки «вверх» и «вниз», кнопка добавления в избранное («звездочка») — неактивны. При нажатии, никаких всплывающих сообщений не выводится.

Рекомендуется для неавторизованных пользователей не выводить эти кнопки вовсе.

В блоке комментариев/ответов у каждого комментария/ответа есть кнопки и . Они также неактивны, и при нажатии не выводится никаких сообщений.

Рекомендуется для неавторизованных пользователей не выводить эти кнопки.



Если пользователь на странице вопроса нажмет ссылку «по оценке», то ответы пропадут, а вместо них появится сообщение: «Только зарегистрированные пользователи могут оставлять ответы и комментировать. Войдите, пожалуйста» (см. скриншот).

При этом если после этого нажать ссылку «по дате», то вновь появится то же сообщение, а ответы появятся только если страницу обновить.

Рекомендуется: сортировать комментарии по оценке и по дате при нажатии соответствующих ссылок даже для незарегистрированных пользователей.

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

Рекомендуется: • добавить к блоку «войти, зарегистрироваться» ссылку «зачем?»,

• по ссылке выводить страницу, представляющую собой компиляцию страницы http://habrahabr.ru/info/help/registration/ и параграфа «Что происходит?» со страницы http://habrahabr.ru/info/about/



http://habrahabr.ru/info/about/

http://habrahabr.ru/info/help/registration/

II. Хабр для авторизованных пользователей



1. Синяя плашкаЕсли пользователь совершает доступное ему действие, например, вступает в блог, возникает синее всплывающее сообщение.

К нему претензии те же, что и к «красной плашке».

Рекомендуется: удалить заголовок во всплывающем сообщении (на скриншоте выше — «Хабрахабр — Блоги», прилепить сообщение не к краю страницы, а к краю основного «полотна» страницы.

2. Сущности и обновленияОбъекты на Хабрахабре бывают двух типов: (а) сущности (люди, компании, блоги) и (б) обновления (посты, вопросы, вакансии, резюме). Сущности относительно постоянны и реализованы в виде списков. Обновления постоянно появляются новые и реализованы в виде лент.

В связи с этим контентом для Хабрахабра актуальны три цели:• удобная генерация контента — чтобы пользователь мог донести информацию до

целевой аудитории (быть «народным журналистом»),• удобное получение контента — чтобы пользователь мог получить

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

к целевой аудитории.



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

1. определить, в какой блог он хочет написать — при помощи разделов «посты» и «блоги», т.е. по группам и названиям блогов и по постам, которые ему видны,

2. присоединиться к блогу (после чего ему станут видны закрытые посты блога, если они есть; и он может изменить решение и вернуться к шагу 1),

3. попытаться опубликовать пост в блог (если ему не достает кармы, то он должен вернуться к шагу 1).

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

Рекомендации.• На странице написания топика (http://habrahabr.ru/add/topic/) в выпадающем меню

«В какой блог публикуем?» отмечать красным цветом блоги, в которые пользователь не может публиковать топики. При выборе такого блога рядом с выпадающим меню выводить текст красного цвета: «Вы не можете публиковать в этот блог, т.к. ваша карма меньше *».

• На странице блога, в блоке «Информация о блоге» добавить статистику по закрытым постам. Например, «10108 читателей, 1263 поста, из них 1000 закрытых».

• На странице блога, в блоке «Информация о блоге» добавить аннотацию к блогу. Например, для блога «Я негодую»: «Сюда следует публиковать жалобы разного толка, но не переборщите, иначе прилетит НЛО и заберет вас».



http://habrahabr.ru/add/topic/

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

ПостыОсновным разделом главного меню и сайта вообще является раздел «посты», разделенный на подразделы «Лента», «Все», «Тематические», «Корпоративные».

Лента. Название подраздела «Лента» бессодержательно, т.к. каждый поток в разделе «посты» по сути является лентой. Отличие «Ленты» в том, что ее можно настроить, но название это отличие не отражает. С появлением Хабраленты 3.0 путаница с названиями усиливается.

Содержание «Ленты» — это посты из блогов, на которые подписан пользователь. При этом игнорируются качественные посты из других блогов. Получается пользователь имеет возможность ознакомиться с чем-то новым только в разделе «Все», который в свою очередь перегружен информацией. Эту проблему решает Хабралента 3.0 (см.ниже).

Все. Подраздел, исходя из названия, является неотфильтрованным потоком, более трудным для восприятия, чем, «Лента». В него попадают все захабренные посты.

Пользователь может предпочитать один из двух способов чтения сайта: читать отобранные посты (при помощи «Ленты»), читать все посты (при помощи раздела «Все»). В первом случае заходить в раздел «Все» имеет смысл в том случае, если хочется найти что-то достойное добавления в «Ленту» (при помощи настроек «Ленты») или из «Песочницы» в блоги. Во втором случае «Лента» не нужна вовсе.

Также в подразделе «Все» есть вкладка «Песочница». Прочитать топики из Песочницы можно только на этой вкладке. Однако, это противоречит цели (удобное получение контента), т.к. по сути топики из «Песочницы» не менее актуальны, чем «новые» топики. Смотреть только топики из «Песочницы» — узкая задача, которая может ставиться в рамках одной только цели — раздать свои инвайты. Однако, сами топики в Песочнице такие же тематические, как в других разделах, поэтому их обособление неоправданно.

Тематические и Корпоративные. Плохо понятно, зачем нужен подраздел «Тематические» кроме как в качестве противовеса подразделу «Корпоративные». С



появлением разделения на профильные, тематические и оффтопик-блоги, плохо понятно, какие посты попадают в раздел «Тематические». Если необходима фильтрация блогов, то есть «Лента». Кроме того, позиционирование корпоративных блогов отдельно от тематических противоречит целям развития ресурса. К тому же главный критерий для вывода контента — насколько топик интересен аудитории в целом и данному хабраюзеру в частности.

Помимо этих трех подразделов есть и другие разделы с постами из блогов, но в них нельзя попасть из главного меню.

Лучшее. В этом разделе выводятся посты с наибольшим количеством плюсов за указанное время (фильтр дает возможность отобрать лучшее за 24 часа, 7 дней, 30 дней и за все время). Помимо лучших постов также можно посмотреть лучшие комментарии (на отдельной вкладке). В раздел можно попасть только по ссылкам в правом сайдбаре и нижнем меню.

Хабралента 3.0. В раздел попадают посты, рекомендованные к просмотру конкретному пользователю на основе его предпочтений (оценок и добавлений в избранное других постов). В раздел можно попасть только по ссылке в нижнем меню.

При этом рекомендации никогда не будут идеальны, т.к. не могут в полной мере учитывать человеческий фактор. А это означает, что пользователь в лучшем случае будет пользоваться Хабралентой 3.0 одновременно с классической Лентой. В этом случае качественные посты из блогов, на которые пользователь не подписан, по-прежнему могут игнорироваться.

Рекомендуется:В основном меню оставить только пункты, ссылающиеся на обновления: посты, q&a, работа.

● Подразделы «Лента», «Все», «Тематические», «Корпоративные» ликвидировать. ● Заменить ликвидированные подразделы на «Захабренное», «Новое»,

«Отхабренное». Захабренное — это то, что уже отфильтровано и предположительно достойно внимания. Новое — это самое свежее, но вне зависимости от качества. Отхабренное — это отфильтрованное и предположительно недостойно внимания.

● Сформировать подраздел «Захабренное» следующим образом: Моя лента, Рекомендованное, Лучшее, Все захабренное.

○ В «Моей ленте» (варианты названия: «Захабренное мной», «Отобранное мной») выводить посты из «Ленты» в нынешней версии сайта, плюс посты захабренным юзеров (см. ниже).

■ Блок «Настройка ленты» переименовать в «Настройка потоков» (варианты: «Захабрить блоги», «Отобрать блоги») и сделать глобальной для всего раздела «посты» (т.е. блок отображается не только в «Ленте», но и во всех подразделах раздела «посты».



■ Добавить в список блогов в настройках потоков пункт «Песочница». ■ Добавить в настройки потоков чекбоксы «Отключить мою ленту»,

«Отключить рекомендованное». Если отметить эти чекбоксы, соответствующие вкладки перестают отображаться в «Захабренном».

■ Разместить во вкладке «Моя лента» под блоком «Захабрить блоги» разместить ссылку «или перейти к списку блогов».

○ В «Рекомендованном» выводить посты из Хабраленты 3.0 в нынешней версии сайта.

○ В «Лучшем» выводить посты из «Лучшего» в нынешней версии сайта. Вкладку с комментариями и фильтр по времени реализовать также, как в нынешней версии сайта.

○ Во «Всем захабренном» выводить все преодолевшее порог захабривания. ● Сформировать подраздел «Новое» следующим образом: Все, Песочница.

○ Во вкладке «Все» выводить все новые с последнего посещения кроме отхабренных.

○ Во вкладке «Песочница» выводить только топики из Песочницы (новые с последнего посещения).

○ Если новых топиков с последнего сообщения нет, выводить текст: «Новых топиков нет. Посмотреть старые?» По нажатию на ссылку выводить все топики из этой вкладки.

● Сформировать подраздел «Отхабренные» следующим образом: Отхабренное мной, Нерекомендованное, Худшее, Все отхабренное.

○ Во вкладке «Отхабренное мной» выводить топики, которым пользователь поставил минус.

○ Во вкладке «Нерекомендованное» выводить топики, имеющие зеркально-обратные свойства по отношению к рекомендованным (в зависимости от механизма Хабраленты 3.0). Если поставить плюс такому топику, он должен попадать из Нерекомендованного во Все отхабренное (а механизм рекомендаций должен учитывать эту оценку для последующих расчетов).

○ Во вкладке «Худшее» выводить топики, получившие самые низкие оценки за 24 часа, 7 дней и т.д. (по аналогии с «Лучшее»).

○ Во вкладке «Все отхабренное» выводить все, преодолевшее порог отхабривания.

○ (Выделение в подразделе Отхабренное этих вкладок не является критичным. Как вариант, можно сделать подраздел Отхабренное цельным, без вкладок.)



Вопросы и ответыВ разделе «q&a» есть вкладки «Входящие», «Горячие», «Популярные», «Без ответа». Содержание вкладки «Горячие» из названия не ясно: имеются ли в виду новые, свежие вопросы или самые обсуждаемые, или какие-либо еще? Название «Входящие» также сбивает с толку. Термин относится к письмам, личным сообщениям, т.е. сообщениям, направленным лично адресату. Во вкладке же «Входящие» выводятся вопросы ко всей аудитории Хабра.

Рекомендуется: заменить вкладки «Входящие» и «Горячие» на «Захабренные». Основными вкладками сделать «Захабренные» и «Без ответа». Во вкладке «Захабренные» сделать подпункты «Все», «Обсуждаемые», «Популярные».

Вакансии и резюмеПомимо постов и вопросов к обновлениям также относятся вакансии и резюме. Однако, из главного меню попасть в раздел «Работа» невозможно. Ссылки есть в правом в правом сайдбаре и нижнем меню.

Рекомендуется добавить пункт «Работа» в главное меню.

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

Рекомендуется: сделать настройку по региону глобальной, т.е. предшествующей быстрому поиску и поиску по категориям. Такой фильтр вида «Выберите регион: *поле выбора страны*, *поле выбора региона*, *поле выбора города*» можно разместить сразу под вкладками. Выбор региона должен сохраняться вне зависимости от того, что использует пользователь: быстрый поиск или список категорий. Соответственно в быстром поиске поля для выбора региона следует убрать.



Получение контента: люди, компании, блогиВ текущей версии сайта пользователь может перейти к списку сущностей (люди, компании, блоги) прямо из главного меню. Получается, что сущности более доступны, чем, скажем, обновления вакансий и резюме. На наш взгляд, это неоправданно, т.к. вакансии и резюме обновляются постоянно, соответственно, они будут смотреться чаще.

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

Рекомендуется: ликвидировать пункты главного меню «люди», «блоги» и «компании». Меню примет вид: посты, q&a, работа.

Помимо ознакомления со списками для сравнения индекса и поиска наиболее популярных блогов, людей и компаний по разным категориям пользователь может искать сущность для взаимодействия с нею (написать хабраюзеру, присоединиться к блогу, отметить, в какой компании работает пользователь).

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

На странице пользователя это кнопки «добавить в друзья», «написать письмо», «пригласить в блог» и ссылка «написать заметку» — см. скриншот.



На странице компании это «мне нравится компания», «я работаю в компании» — см. скриншот.

Наиболее понятно является кнопка «Присоединиться» на страницах блогов — см. скриншот).

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

Первая из них в конечном счете сводится ко второй. Если у сущности большой рейтинг или пользователю понравился контент, он «захабривает» сущность (добавляет в друзья хабраюзера, присоединяется к блогу, признается в любви компании).

А это значит, что важный визит на страницу сущности у пользователя бывает лишь единожды, когда он решает, «захабрить» ее или нет. В дальнейшем он возвращается только чтобы поменять или подкорректировать решение. (Ну или чтобы отправить сообщение пользователю, если через личную почту этого не сделать.)

Рекомендации. • Добавить в хабрацентр вкладки «блоги», «люди», «компании».

• Во вкладке «Блоги». ○ Добавить текст: «Вы можете захабрить блог, чтобы посты из него

отображались в «Моей ленте», и вы могли писать в него посты. Обратите внимание: в некоторых блогах бывают посты, которые видны только тем, кто захабрил блог».

○ За текстом вывести список блогов с указанием рейтинга и оглавлением справа (как в текущем разделе «Блоги»). Также слева от каждого блога выводить чекбокс (как в текущей версии блока «Настройка ленты»). Над списком и под списком выводить кнопку «Захабрить». Если отметить блоги и нажать кнопку, отмеченные становятся захабренными, и посты из них выводятся в «Моей ленте». При последующем заходе во вкладку «Блоги», отмеченные чекбоксы сохраняются.



○ Дизайн кнопки «Захабрить» можно скопировать с текущий кнопки «добавить в друзья» (в случае с блогами — сделать удлиненный вариант со словом «захабрить») или придумать оригинальный.

○ На странице блога также разместить кнопку «Захабрить» (вместо кнопки «Присоединиться»).

● Во вкладке «Люди».○ Добавить текст: «Вы можете захабрить юзера, писать ему письма,

приглашать в блоги, а также оставлять про него заметки, видные только вам. Захабренные юзеры отображаются в списке в вашем профайле и на этой странице, а их посты выводятся в «Моей ленте».

○ Далее разместить блок «захабренные», в котором выводятся захабренные хабраюзеры. Рядом с ником каждого из друзей кнопки: написать письмо, пригласить в блог, отхабрить.

○ Далее разместить блок «ваши коллеги», в котором выводятся хабраюзеры, отметившие, что работают в той же компании, в которой отметил и пользователь. Рядом с ником каждого из коллег кнопки: захабрить/отхабрить, написать письмо, пригласить в блог.

○ Далее разместить блок «ваши заметки», в котором выводятся ники хабраюзеров и текст заметок рядом с ними. Рядом с заметками ссылки: изменить, удалить.

○ Далее ссылка «посмотреть список людей на хабре». При нажатии появляется список хабраюзеров (без перезагрузки страницы), как в текущей версии раздела «люди».

○ На странице пользователей заменить кнопку «добавить в друзья» на «захабрить».

● Во вкладке «Компании».○ Добавить текст: «Вы можете захабрить компанию. Список захабренных

отображается в вашем профайле и на этой странице, а посты из корпоративного блога компании выводятся в «Моей ленте». Также вы можете отметить, что работаете в компании — в вашем профайле и во вкладке «Люди» будут выводиться хабраюзеры, работающие с вами».

○ Далее разместить блок «Захабренные компании». Рядом с каждой — кнопки «отхабрить», «я работаю в этой компании».

○ Далее разместить блок «Вы работаете в *название компании*». Рядом кнопки: «захабрить»/«отхабрить», «я не работаю в этой компании».

○ На странице компаний заменить кнопку «мне нравится эта компания» на «захабрить».



Связь компаний с аудиториейВ настоящий момент компании доставляют контент до своих пользователей следующими способами:

• в разделе «посты, в подразделе «Лента», отображаются посты корпоративных блогов компаний, которые нравятся пользователю;

• в подразделе «Корпоративные» отображаются все посты из корпоративных блогов,

• в подразделе «Все» отображаются посты из корпоративных блогов, одолевшие некий порог входа.

Существование подраздела «Корпоративные» позиционирует корпоративные блоги как не соответствующие тематике сайта. По логике вещей получается именно так: пользователю предлагается на выбор — или тематические, или корпоративные. Это не соответствует действительности.

Подраздел «Корпоративные» рекомендуется ликвидировать. Посты из корпоративных блогов выводить во «Всем Захабренном» (подраздел «Захабренное») и «Всем» (подраздел «Новое»). (Подробнее о структуре раздела «посты» см. выше.)

В этом случае количество потоков, в которых выводятся корпоративные посты всех компаний (а не только тех, которые нравятся пользователю) останется таким же, однако, вместо разделения все/корпоративные будет разделение захабренные/все. Такое позиционирование более благоприятно для посещаемости этих потоков.



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

• Хабрацентр им. пользователя, доступный самому пользователю:o «Профиль» пользователя: Whois, Резюме, Избранное, Инвайты, Reset;

o «Его» контент: Блог, Комментарии, q&a, вакансии, заметки.

• Хабрацентр им. пользователя, общедоступный:o «Профиль» пользователя: Whois, Резюме, Избранное;

o «Его» контент: Блог, Комментарии, q&a, вакансии.

• Настройки пользователя:o «Профайл»,

o «Аккаунт»,

o «Приватность»,

o «Уведомления».



• Личная почта. Все эти разделы доступны из личного меню. При этом на избранное, которое находится в «Профиле» (в Хабрацентре) — есть отдельная ссылка.

Названия «Профиль» (в Хабрацентре) и «Профайл» (в Настройках) похожи, но отличаются — должен ли пользователь думать, что настройки профайла — это не настройки профиля, а что-то другое?

Зайдя в «Профиль», пользователь не может тут же его отредактировать — для этого ему нужно переходить в раздел «Настройки».

Таким образом, «Профиль» служит для того, чтобы посмотреть, как видят его другие пользователи. При этом здесь же располагаются такие функции как раздача инвайтов, сброс кармы.

Функция редактирования заметок, которые относятся к другим хабраюзерам, а не к контенту пользователя, находится в разделе «Его».

Чтобы Хабрацентр был действительно отправной точкой для деятельности пользователя на сайте, можно сделать первой вкладкой так называемый dashboard или «Командную рубку».

Рекомендации.• Переделать структуру личного меню следующим образом: *имя_пользователя*,

личная почта, избранное, выйти. • По клику на *имя_пользователя* в личном меню открывать вкладку «Хабрацентр»,

страницу «Командная рубка», • Меню вкладок реализовать следующим образом:

o вкладка «Хабрацентр»: Командная рубка, Блоги, Люди, Компании, Инвайты,

Reset,o вкладка «Личная почта»,

o вкладка «Избранное»,

o вкладка «Мое»: Посты, Комментарии, Q&A, Вакансии, Заметки,

o вкладка «Настройки»: Профиль, Аккаунт, Приватность, Уведомления.

• На странице «Командная рубка» выводить следующий текст.



Добрый день [в зависимости от времени можно выводить «утро»/«вечер», а также ротировать другие приветствия, например, «Разрешите доложить», «Имеем сообщить» и т.п.], хабраюзер *имя_пользователя* [можно ротировать и другие приветствия, например, «ваше сиятельство», «хабрачеловек», «сэр», «товарищ» и т.п.]!

С вашего последнего посещения на сайте:появилось * новых топиков — посмотреть все новыезахабрено * топиков — посмотреть захабренныерекомендовано вам лично * топиков — посмотреть рекомендованные

Хотите захабрить больше? Блоги? Людей? Компании?Создать свой блог?Участвовать в ППА?Добавить компанию?

получено * новых писем — посмотреть новыеваши посты комментируют: %название топика 1% (*), %название топика 2% (*) [если комментируют]на ваши вопросы ответили: %название вопроса% (*) [если отвечали]на ваши вакансии откликнулись: %название вакансии% (*) [если откликались]

вас захабрили (*): %habrauser1%, %habrauser2% [если пользователя захабрили]вашу компанию захабрили (*): %habrauser1%, %habrauser2% [если компанию пользователя захабрили]вас хотят нанять: %название компании%на хабре появились ваши коллеги (*): %habrauser1%, %habrauser2% [если появились новые коллеги]

Ваша карма: *. Обнулить? Ваш рейтинг: *У вас * инвайта, * голосов за карму, топики, вопросы и * за ответы и комментарии

В избранном * топиков — посмотреть всеСохранено * заметок — посмотреть все



• На странице «Профиль» добавить ссылку: «Посмотреть, как мой профиль видят другие пользователи». При нажатии выводить страницу, аналогичную нынешнему whois.

• Для других пользователей Хабрацентр отображать также, как он отображается сейчас.



4. Нижнее менюНа данный момент нижнее меню выглядит следующим образом.

Первая колонка дублирует личное меню с добавлением пунктов «Написать», «Хабралента 3.0», «ППА». При этом ссылка на раздел «Личная почта» называется «Сообщения».

На Хабраленту 3.0 больше нигде кроме нижнего меню ссылок нет. При этом сам раздел относится к Блогам, а не к личному меню.

«ППА» относится к предложениям администрации сайта, а не к личному меню.

Вторая колонка дублирует главное меню с добавлением пунктов «Работа» и «↑↓↑↓». При этом на эти разделы кроме сайдбара больше ссылок нигде нет.

Третья колонка дублирует меню раздела «посты» с добавлением пункта «Песочница» и убавлением пункта «Лента».

Четвертая колонка дает ссылки на информационные разделы сайта.

Пятая колонка дает ссылки на предложения администрации (услуги).

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

Рекомендуется:• убрать заголовки колонок,

• содержание колонок привести к следующему виду:

%habrauser%личная почтаизбранноенастройкивыйти

написатьпостыq&aработа

О сайтеПравилаПомощьСоглашениеСтатистика

ППАКорпоративные пакетыРеклама



5. Рекомендации к текущей версии сайтаРекомендации по изменению разделов и элементов сайта изложены разделах 1-4 данного аудита. Ниже описаны баги в текущем варианте.

БлогиСсылка «создать блог» есть только в меню подраздела «Тематические» раздела «посты».

Рекомендуется: если возможность создавать блоги вернется в будущем, то для кнопки следует найти другое место. Кнопку «Создать свой блог» следует разместить:

(1) на страницах блогов, рядом с кнопкой «Присоединиться» («Захабрить» в рекомендованном варианте),

(2) в Хабрацентре, во вкладке «Блоги», до и после списка блогов (если рекомендации по разделу принимаются),

(3) в разделе «Блоги», в сайдбаре (если рекомендации по разделу не принимаются).

О том, что в блогах есть подзамочные посты, можно узнать из справки. Пользователь же, который решил просто оценить содержимое сайта по ленте «Все», может получить превратное впечатление просто потому, что не знает о подзамочных постах.

Если рекомендации по разделам Блоги, Люди, Компании принимаются, то эта проблема решена. Если же рекомендации не принимаются, то…

Рекомендуется: рядом с кнопкой «Присоединиться» на страницах блогов дать пояснение: «Некоторые посты могут быть видны только тем, кто присоединился к блогу». Этот же текст следует разместить в плашке в сайдбаре на странице раздела «Блоги».

Блок «Настройка ленты»В списке отмечено, что блогов компаний — 0. При попытке открыть вложенный список, появляется значок ожидания, который крутится вечно.

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

Хабралента 3.0Ссылка «помощь» ведет на страницу, содержащую ответы на вопросы по классической Ленте, а не Хабраленте 3.0.

Рекомендуется: написать справку по Хабраленте 3.0.



Если, находясь в Хабраленте 3.0, кликнуть по вкладке «Все», окажешься на странице «Лента».

Рекомендуется: исправить ссылку, чтобы по ссылке «Все» открывалась страница «Все».

ЛучшееНигде не написано, по какому принципу отбираются лучшие посты.

Рекомендуется: добавить описание алгоритма в плашку в правом сайдбаре, как это сделано для «Песочницы» и «Хабраленты 3.0».

Совершенно неочевидно, что буква «B» в блоке «Лучшее» в сайдбаре — это ссылка, и куда она ведет.

Рекомендуется: добавить постоянно висящий комиксовый пузырек с текстом к ссылке на первый пост в блоке «Лучшее»: «Еще ** часов ** минут, и %habrauser% получит за этот пост годовую подписку на Bookmate. Подробнее».

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

Например, в разделе «О сайте» есть ссылка на http :// habrahabr . ru / blogs / habrahabr _ bugs / , но его не существует. Точно также есть ссылка на несуществующую страницу http :// webprojects . habrahabr . ru / settings / на странице «Настройка» раздела «Помощь». На той же странице «Настройка» перечислены несуществующие разделы и функции.

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



http://webprojects.habrahabr.ru/settings/










http://habrahabr.ru/blogs/habrahabr_bugs/












6. ЛоготипИ, на десерт, полюбившаяся многим серая загогулина. Авторы пишут, что в логотипе они «постарались с юмором отобразить его [Хабра] сложность, позитивность, взаимозависимость его составляющих, а также его уникальность». Округлые линии и завитки действительно создают дружелюбное впечатление. Возразить про уникальность и сложность тоже нечего.

В чем минусы?• логотип нельзя уменьшить до размера пиктограммы,

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

• пользователь по привычке может броситься курсором мыши в левый верхний угол, чтобы перейти на главную, и только спустя несколько миллисекунд опомниться: «А, ну да, это же Хабр» — и щелкнуть по серому мотку.

Рекомендуется: оставить все, как есть.



Аудит Хабрахабра 2.0

Documents