Кейс-стади: аудит юзабилити Хабрахабра

    Здравствуй, хабрачеловек!

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



    Сразу небольшой дисклеймер. Аудит Хабрахабра — это конечно вызов. Что можно сказать по поводу юзабилити идеала социального СМИ? В общем-то мы сами удивились, но рекомендаций получилось много. Фактически мы придумали, как собрать этот конструктор заново и по-другому. Получилось у нас или нет — решать вам.

    При этом есть два фактора. Первый: Хабр — это все таки элитарный ресурс, и аудитория на нем отличается от среднестатистического пользователя интернета, которому нужно все разжевывать и подавать в максимально простой форме. Второй: есть сайты, которые в меру своих сил следуют стандартам, а есть — которые стандарты задают (Google, Facebook, Twitter, Wikipedia). И Хабр относится ко вторым. В силу двух этих нюансов большая часть наших рекомендаций неминуемо будет спорной.

    В свою защиту можем заявить только одно: Мы Habrahabr.

    Пожалуй, хватит лирики. Перейдем к делу.

    Аудит юзабилити Хабрахабра, PDF (3,23 Мб).

    P.S. Проводить аудиты популярных сайтов мы планируем на регулярной основе. Следующий на очереди — известный интернет-магазин.
    Webprojects
    0.00
    Company
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 123

      +5
      Да простят нас Чип и Дейл (мы их заранее не предупреждали).

      Не простили. У меня Хабр на профилактике с полчаса был :(
        +8
        Если бы мы опубликовали пост до профилактики, было бы забавно, да.
        +4
        Ну а если кроме шуток — анализ довольно интересный. Спасибо авторам.
          +6
          Теперь бы ещё почитать аудит безопасности Хабра какой-нибудь доброй группы хаккеров
            +15
            Взломают — почитаете на главной.
              +4
              это уже было, смотрело на нас с главной. Интересно то как раз текстом, а не картинками.
              +6
              Нет, это плохой пример :) Все помним valodzka и исследование капчей.
              +23
              Не понимаю, зачем вы предлагаете везде сделать серые, не активные кнопки для неавторизированных пользователей? Зачем на странице лишние элементы, которыми никак нельзя возпользоваться.
                +3
                Чтобы незарегистрированный пользователь знал, чего лишен. Почему не возникает этого же вопроса относительно неактивных кнопок плюсования и минусования комментариев?
                  +8
                  Чтобы желание получить инвайт зудело ещё сильнее?
                    –1
                    Мое мнение: Хабрахабр для незарегистрированных пользователей выглядит слабо. Это вопрос имиджа.
                      +2
                      Ещё как вариант — сделать подробное описание «Что дает регистрация».
                      Два зайца наповал — практически ничего не надо делать и не будет «мертвых» элементов управления
                        0
                        А как пользователь туда попадет? Проблема в том, что если я ничего не знаю про Хабр, сам сайт меня не сильно просветит. Поэтому предлагаются неактивные элементы.
                          –1
                          По ссылкам, например, расположенными на той же всплывающей плашке, если это возможно.
                            0
                            Даже если это и возможно, то не очень удобно. Ловить ссылку на всплывающем элементе — всегда затратнее психологически, чем на «устойчивом».
                              0
                              Ну в другом заметном месте. Видимо это дело вкуса. Тут не переспоришь.
                              А для психики скорее затратнее постоянно осознавать что чего то лишён + пытаться что то сделать и обламываться
                                0
                                Встретил в одном интернет магазине. Не сказал бы что не удобно и как то на психику повлияло
                                <a target="_blank"; href=«itmages.ru/image/view/230198/d2453701»>
                                  0
                                  Хорошо бы сделать сплит-тест по хорошему.
                        +3
                        Зато мотивации к написанию топиков в песочницу для получения инвайта будет больше, соответственно больше качественных топиков.
                        0
                        Возникает. В вашей статье вы предложили добавить везде где только можно серые/ не активные кнопки, хотя по идее надо наоборот убрать неактивные кнопки для плюсования и минусования комментариев.
                        Ваша причина подходит для увеличения желания у пользователей к быстрейшей регистрации, но никак не к юзабилити.
                          +3
                          Вот НЛО не смогло распознать ссылку хорошо написал выше.

                          Желание пользователей к быстрейшей регистрации повышается, согласен. Что касается юзабилити, то считаю, что важно, когда пользователь в полной мере знает возможности сайта.
                      –2
                      Согласен. И к тому же это было бы хоть как-то актуально, если бы на сайте была доступна регистрация всем желающим. А с инвайтами это выглядит как издевательство.
                        +4
                        Что мешает написать в Песочницу, если нужен инвайт? Мне кажется, система приема новых хабраюзеров достаточно демократичная.
                          0
                          Я с вами не согласен. Зарегистрированных из песочницы — единицы, основу составляют приглашенные по инвайтам.
                            0
                            Давайте посмотрим правде в глаза: получить инвайт на Хабр — не проблема в отличие от какого-нибудь what.cd (если ты работаешь в IT).
                              0
                              В what.cd есть крайне простое собеседование в IRC-канале.
                                0
                                По количеству действий (прогуглить способ получения инвайтов, прочитать нужную информацию (если ее не знаешь), скачать mIRC, зайти на канал, встать в очередь, дождаться очереди, пройти получасовое собеседование, зарегистрироваться) гораздо сложнее, чем на Хабре.
                                  +7
                                  Ну да, на Хабре всего-то нужно прочитать немножко литературы и написать такой топик, который поразит многих спецов, то есть покраска флешки не прокатит.
                                    +1
                                    Мы же про юзабилити говорим, а не про талантливость и эрудированность пользователей.
                                      0
                                      Не понимаю, к чему эти призывы к первоначальной теме. Пользователей, пробившихся через песочницу, меньше, чем приглашенных. К чему давить на человека тем фактом, что он не может зарегистрироваться, каждый раз показывая, чего он лишен? Захочет чего-то написать — напишет и у него это получится отлично, а если ради аккаунта — получится наверняка копипаста.
                                      По какой-то причине вы не отметили в «аудите» тот факт, что HTML-верстка недоступна в комментариях пользователям с отрицательной кармой, что очень часто вводит в заблуждение пользователей. А кнопки и эта надпись «Можно использовать html-теги» показываются всегда.
                                        0
                                        Потому что пользователи с отрицательной кармой — более вредные товарищи, чем незарегистрированные вовсе:)

                                        Если серьезно, то наиболее полно свою точку зрения я осветил выше.
                                          0
                                          Чем вам не угодили пользователи со слитой кармой?

                                          И вообще, минуточку! Ошибки в интерфейсе — это прямое несоответствие принципам юзабилити.

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

                                            Wrong. Среди слитых есть клёвые парни. Среди заплюсованных полно кармадрочеров, пишущих только те посты и только те комменты, за которые предполагают получить плюсик.

                                            Слитые хабраюзеры более честны и искренни
                                          0
                                          В частности, хрен, кто знает про песочницу. Имхо.
                                      +2
                                      Спасибо, теперь я знаю, как получить инвайт в what.cd :)
                          +12
                          С такой версткой pdf-ника я бы вообще постыдился вести какие-то разговоры про юзабилити, не то что давать советы.
                            –1
                            сами советы читать уже не стали, надо полагать?
                              +8
                              Нет, мне физически доставляет дискомфорт чтение такого документа, целиком я его не прочитал, мне хватило пары страниц.
                            • UFO just landed and posted this here
                              +2
                              Спасибо большое — скачал многостраничный труд :) Обсудим и, скорее всего, сделаем работу над ошибками.
                                +2
                                бурум, а ты уже работаешь в ТМ?
                                  +1
                                  Уже почти полгода как :)
                                    0
                                    ого, а если не секрет, на какой должности?
                                      +1
                                      Менеджер проекта
                                  +16
                                  пост благословлён
                                  0
                                  Сколько человек работало над аудитом, что это за специалисты (только дизайнеры и юзабилисты?) и сколько времени занял аудит?
                                    0
                                    Один человек. Юзабилист. Два дня.
                                    +11
                                    Неудобная подача, сложно читать и понимать. Пролистал, хотя некоторые тезисы заслуживают детального рассмотрения.
                                    Хорошо, если бы этот документ сделал дизайнер или хотя бы человек, имеющий представление о грамотном визуализировании информации.
                                      0
                                      От это точно. Читать невозможно… Если б я как заказчик аудита сайта должен был им за это денег заплатить, я б бы был разочарован таким документом и вряд ли кому-нибудь посоветовал в будущем к ним обращаться.
                                        0
                                        В данном случае, тут всё бесплатно :)
                                          0
                                          Ну, как я понимаю, это типа самореклама, а не просто так «побаловаться». Поэтому тоже должно было быть «на отлично».
                                      +2
                                      По поводу всплывающей плашки — ещё лучше у курсора её показывать, так как именно за ним следит пользователь когда что либо делает мышкой
                                        +5
                                        Или у элемента, который вызвал плашку.
                                          +3
                                          Хорошее замечание.
                                        • UFO just landed and posted this here
                                            +1
                                            Кто вам сказал, что люди смотрят на курсор? Люди смотря на контент, на поле ввода.
                                            Проверить то что люди не смотря на курсор можно понаблюдав за работой художника или дизайнера в фотошопе.
                                            +1
                                            первый раздел можно было сократить, наверное, процентов так на 50, фразой «Везде для незарегистрированных пользователей показывать неактивные элементы управления, доступные зарегистрированным» или как то так.
                                              +2
                                              С другой стороны, если рекомендации будут внедряться, программисту нужны четкие руководства к действию. Такой аудит — основа для ТЗ.
                                              +3
                                              уважаемые «юзабилисты»!
                                              выкладывание в pdf текста, верстка которого ничуть не сложнее обычного поста на хабр чем-то напоминает фразу про сапожника без сапог.
                                                0
                                                Я не буду говорить ничего про лето, спешку и прочее, по одной простой причине: вы правы, верстать нужно было лучше.
                                                  +2
                                                  Думаю, что адит за деньги будет оформлен более приятно.
                                                    +2
                                                    нам лениво (с) лента.ру
                                                    Но вообще такие комментарии тоже напоминают. Анекдот про шашечки и ехать. По существу, видимо, сказать нечего? :)
                                                      +1
                                                      они, кстати, успели разместить новость о том, что их офис горит, и только потом эвакуировались. Я про ленту.ру.
                                                    +10
                                                    Аудит сайта «ВЕБПРОЕКТЫ: БЛОГ О ПРОДВИЖЕНИИ В ИНТЕРНЕТЕ ИНТЕРНЕТ-МАРКЕТИНГ, ЮЗАБИЛИТИ, SEM, SMM» размещенного на blog.webprojects.ru
                                                    1. Наполнить содержимым главную страницу блога
                                                      +3
                                                      Знаем. Содержимое слетело по неизвестным пока причинам. Баг зафиксировали и отправили в обработку.
                                                    • UFO just landed and posted this here
                                                        +1
                                                        В оправдание ничего сказать не могу. Делал без установленной бирмановской раскладки.
                                                        +1
                                                        Краткий аудит Хабра для хабражителей с минусовой кармой:
                                                         - пост раз в час
                                                         - нет тегов
                                                         - нет картинок
                                                         - нет ссылок
                                                         + больше сидишь на нормальных ресурсах

                                                          +1
                                                          Наверное, надо было поменять части аудита местами. Самое интересное — во второй.
                                                          • UFO just landed and posted this here
                                                            • UFO just landed and posted this here
                                                                0
                                                                Загадочный баг. Вот мне оповещение не пришло. Поэтому читаю только сейчас.
                                                          • UFO just landed and posted this here
                                                              +7
                                                              [imho]Если это юмористический обзор, тогда обзор не удался.
                                                              Если это серьёзная аналитическая статья, тогда она просто непрофессиональна.[/imho]
                                                                +4
                                                                Включите тег Аргументация.
                                                                +5
                                                                Это не аудит, а советы на кухне ни о чем. Прежде чем делать выводы о каких-либо проблемах и прежде чем искать решения, необходимо точно понимать текущие цели и задачи, плюс задачи развития. Причем эти задачи и цели должны быть выработаны совместно с администрацией проекта, иначе проблемы будут надуманным гаданием и личным мнением одного человека.

                                                                Вы вводите людей в заблуждение, преподнося серьезный инструмент (аудит), как просто слова из ниоткуда по беглому осмотру сайта.
                                                                  0
                                                                  Можете на конкретных примерах из аудита?
                                                                    +2
                                                                    Все с самого начала не верно. Вы рассуждаете в документе о проблемах, но откуда вы знаете, существуют ли эти проблемы на самом деле? Вы же не знаете ничего об эффективности сайта и его отдельных элементов. Может быть то, что вы воспринимаете как проблему (из-за незнания), является в реальности самым эффективным на сайте, работает и приносит пользу.

                                                                    Причем сайт коммерческий, зарабатывает деньги. Поэтому вообще любую проблему и решение нужно рассматривать с точки зрения бизнеса, с точки зрения текущих показателей, цифр, сумм, рекламных возможностей. А уже потом переходить к другим менее важным вещам. У вас же про бизнес не слова.
                                                                      0
                                                                      Именно. Более того, часто более удобные для юзеров решения оказываются проигрышными с точки зрения зарабатывания денег. Юзерам было бы удобно получать все с 1-2 кликов, без регистрации и рекламы :)
                                                                      +2
                                                                      ИМХО вводить в заблуждение путем добавления неактивных кнопок незарегистрированным пользователям.
                                                                      Зачем? Зачем в интерфейсе элементы которые не работают? При клике на которых будет показана плашка с текстом «Это действие доступно только зарегистрированным». Тогда лучше пересмотреть текст в плашке, чтобы он вел посетителя на страницу регистрации или описания какие прелести получит человек если зарегистрируется.
                                                                        +1
                                                                        ИМХО, это не вводит в заблуждение при правильной реализации.
                                                                    +2
                                                                    А я, а можно мне?
                                                                    Хочу профессиональные платные аккаунты, на которых не будет этой навязчивой тупой рекламы мелькать по бокам страницы и Ядирект какой-то в центре.
                                                                    А ещё есть закрытый подблог на Хабре, где юзернеймы тоже выкладывают, чего они хотят от юзабилити.
                                                                      0
                                                                      Вот, всё равно адманчер всё ест:
                                                                      Default filter match — Block retrieval of URL: .yandex.ru/*/watch.js [http://bs.yandex.ru/resource/watch.js]
                                                                      Default filter match — Block retrieval of URL: /bs.yandex. [http://bs.yandex.ru/resource/watch.js]
                                                                      Default filter match — Block retrieval of URL: .google-analytics.*.js [http://www.google-analytics.com/ga.js]
                                                                      Default filter match — Remove images/etc with URL: /cgi-bin/iframe/ [http://habrahabr.ru/company/webprojects/blog/123351/]
                                                                      Removed suspected web bug [http://habrahabr.ru/company/webprojects/blog/123351/]
                                                                      Как-то не справедливо по отношению к заплатившим за показ рекламодателям. Получайте деньги честно — от благодарных всех.
                                                                    • UFO just landed and posted this here
                                                                        0
                                                                        «Убрать все, что недоступно для незарегистрированных.»
                                                                        — с этим пунктом не согласен. Чем больше людей хотят попасть на Хабр (взешиваются), тем ценее становистя закрытый ресурс.
                                                                        • UFO just landed and posted this here
                                                                        • UFO just landed and posted this here
                                                                            +1
                                                                            Аудит делался специально для хабрааудитории. Отсюда и использование соответствующего арго.
                                                                            • UFO just landed and posted this here
                                                                                0
                                                                                По-моему, если у логотипа было ТЗ, то звучать оно должно было именно так. И это ни в коей мере не в обиду логотипу.

                                                                                Да, допустил фамильярность. Опять таки потому, что аудит для широкой, но ограниченной аудитории.
                                                                          • UFO just landed and posted this here
                                                                            • UFO just landed and posted this here
                                                                            +1
                                                                            Наверное темой недели будет обсуждение интерфейса хабра.
                                                                              +10
                                                                              Забавный заголовок: «Кейс-стади: аудит юзабилити Хабрахабра» — всё кириллицей, но ни одного русского слова, и вроде всё понятно :)
                                                                                +1
                                                                                Кстати, из всех предложений согласен больше всего с пожеланием вынести раздел работу в главное меню. То что на него можно попасть только с главной страницы всегда удивляло и немного раздражало.
                                                                                  +2
                                                                                  "
                                                                                  Хабр — это все таки элитарный ресурс, и аудитория на нем отличается от среднестатистического пользователя интернета, которому нужно все разжевывать и подавать в максимально простой форме.

                                                                                  " ба ха ха! Мы илита оказывается. Просто умора!
                                                                                  Вообще то любой может подать материал в сложной форме на 100 листах. Признак мастерства это когда можешь донести идею просто и разжевать ее даже илитному хомячку.
                                                                                    0
                                                                                    Кстати после апдейта пропала возможность посмотреть какой баланс голосов у поста.
                                                                                    Возможно это баг после апдейта, возможно так оно и задумано…
                                                                                    Извиняюсь за качество скрина.
                                                                                    image
                                                                                      0
                                                                                      Хм… скрин почему-то не вставился. В habrastorage.org загружаться не хочет: Upload Error: 500
                                                                                        0
                                                                                        Тьфу ты, туплю.
                                                                                        image
                                                                                          0
                                                                                          Хм. И снов картинка пропала…
                                                                                          В общем вот ссылка.
                                                                                    • UFO just landed and posted this here
                                                                                      +1
                                                                                      Да, заголовок поста не врет, мы посигнули на святое.

                                                                                      Правильно: посягнули, от слова «посягать». Исправьте пожалуйста, а то глаза режет.
                                                                                        +1
                                                                                        вот ведь как бывает.

                                                                                        спасибо, исправил.
                                                                                        0
                                                                                        также новичку довольно неудобно узнавать о профильном назначении того или иного блога по его содержанию. особенно, когда в него чего-нибудь непрофильного понапишут в последних постах.
                                                                                        зря убрали Информацию о блоге, в общем
                                                                                          +5
                                                                                          Так что вас побудило материал, который готовился явно не для печати, а для веб-публикации, оформить в виде PDF?

                                                                                          Давайте уж в следующий раз сделайте скриншот с текстового редактора, вставьте картинку в *.DOC файл, который заархивируйте в WinRAR и залейте этот RAR на какую-нибудь файлопомойку, а ссылку на эту файлопомойку сократите сокращателем ссылок и в таком виде вставьте в пост… Ну чтобы уж совсем нам всем показать, какой вы хороший юзабилитист.
                                                                                            +1
                                                                                            Честно говоря, привычка.
                                                                                            +3
                                                                                            С вашим сайтом только аудиты делать и рекомендации по юзабилити раздавать, ага
                                                                                              0
                                                                                              ну, понятно, что давать советы хабру можно, только если у тебя есть второй хабр
                                                                                                +3
                                                                                                совершенно не обязательно
                                                                                              +1
                                                                                              Что можно сказать по поводу юзабилити идеала социального СМИ?

                                                                                              Хабр — это все таки элитарный ресурс

                                                                                              У вас проблемы с логикой. У идеала нет проблем с юзабилити по определению.
                                                                                                +1
                                                                                                Идеал чего? Социального СМИ. Но социальное СМИ по определению не является идеалом юзабилити.
                                                                                                +2
                                                                                                ИМХО, в набор Ваших советов по улучшению нужно добавить хотя бы это:

                                                                                                1. Разрешить-таки пользователям исправлять ошибки в своих комметариях. Сколько можно краснеть за нечаянное нажатие не той ЕНОПКИ, и плодить каменты с извинениями?..
                                                                                                2. Добавить в html-хабранедоредактор горячие клавиши типа Ctrl-B, Ctrl-I. Мелочь, а приятно. Даже с редакторе письма mail.ru такое есть, и даже (!) в Microsoft Word. Неужели мы хуже и недостойны?..
                                                                                                3. Разрешить использовать в статьях применение якорей (anchors), чтобы можно было делать ссылку на нужное место статьи. Неплохо было бы то же самое разрешить и в комментариях. Это позволит организовать содержимое статей большого объема и упростить по ним навигацию. Жить станет лучше и жить станет веселее. Хотя бы на Хабре.

                                                                                                  +1
                                                                                                  "комметариях" — ну вот, сколько ни вылизывал комментарий, ошибся все равно… Извиняться на этот раз не буду.
                                                                                                    +1
                                                                                                    > плодить каменты с извинениями?..

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

                                                                                                    Исправлять/уточнять нужно только в том случае, когда из-за опечатки текст может быть понят с другим значением.
                                                                                                      0
                                                                                                      Согласен с Вами, однако таких ошибок и каментов с исправлениями много, и они никому не нужны. Увы, ОНИ ЕСТЬ, ЭТИ ИЗВИНЕНИЯ, И ЕСТЬ ЭТИ ОШИБКИ, хотим мы этого или не хотим, и поделать с этим ничего нельзя. Пока нельзя, по крайней мере. Пока не изменится политика по поводу правки комментариев.
                                                                                                    +1
                                                                                                    >Хабр — это все таки элитарный ресурс
                                                                                                    Спасибо, насмешили

                                                                                                    Не хватает комментариев в стиле digg с возможностью сворачивать здоровенные лестницы
                                                                                                      +4
                                                                                                      Кейс-стади: аудит юзабилити Хабрахабра

                                                                                                      Ни одного русского слова в заголовке, печально.
                                                                                                        0
                                                                                                        Если какое-то действие доступно только зарегистрированным и авторизованным пользователям, нужно не просто выводить блямбу, нужно давать человеку тут же форму для авторизации и регистрации (с кратким объяснением ее преимуществ).

                                                                                                          0
                                                                                                          Хабр теперь у нас «самое продвинутое IT-сообщество»? =)

                                                                                                        Only users with full accounts can post comments. Log in, please.