Как научиться разбираться в юзабилити сайтов?

Привет, друзья!

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

Кстати, для тех, кто не знаком с термином «юзабилити» от англ. usability — «простота и удобство использования«.

Наиболее часто, как я заметил, цитируют Якоба Нильсена, переводят его статьи. Потом пытаются на основе 10-15 (это ещё в лучшем случае) прочитанных статей делать какие-то комплексные выводы о юзабилити и писать на эту тему статьи, которые потом разносятся по всем форумам и социалкам ещё менее разбирающимися в предмете друзьями..

Почему это вредно!

Так вот, основных ошибок в таком случае чаще всего допускают две.

  1. Человек не разобрался в предмете и пишет статью, например, про «NN уроков по юзабилити«, включая туда ту информацию, которую он узнал из прочитанных статей. Некоторые из уроков вполне могут быть даже полезны. Да вот только верных выводов обо всей науке на основе кусочка информации не сделать. А делают же, блин! И потом кормят своих читателей своими выводами, вступают с ними в спор, пытаясь доказать свою мнимую правоту. Но этих ещё можно быстро направить на путь истинный, в отличие от второго случая.
  2. Человек не разобрался в предмете, хотя УВЕРЕН, что разобрался. Это вообще жесть. Такие люди по большей части уперты и будут доказывать свою правоту, а на самом деле неправоту с пеной у рта.

Из практики

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

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

Ага, вот все-таки я и нашел этот топик, где проходил диспут. Смотреть и читать комментарии здесь.

Ошибся немного насчет тематики. Оба сайта — клининговые компании.

1.www.radnik.ru

2.www.enitel.ru

Ну так вот. Прельстившись симпатичным дизайном первого сайта, автор статьи начал доказывать, что его юзабилити довольно лучше второго.

В поисках основной мысли…

Сейчас немного процитирую автора:

«Я хочу обратить внимание на то, как доносится основная идея сайта в первом варианте и как она не доносится во втором.
Посмотрите на количество поданной информации на сайте 1 и сайте 2. Заметно, где сразу выделяется основная идея бизнеса, а где нет? На сайте 1 сразу после загрузки мы видим минимум текста. Никаких “мы моем окна, двери, полы, туалеты и т.д. и т.д.”. Основная мысль показана – если работаем мы – результат на лицо, если работают не профессионалы – нажмите на ссылку “Что будет, если работают не профессионалы?
”.

Ну, во-первых, он неправильно понял основную мысль сайта. Это, кстати, уже показатель плохого качества юзабилити ресурса. Но и «юзабилиста» тоже.

«Основная мысль показана – если работаем мы – результат на лицо, если работают не профессионалы – нажмите на ссылку “Что будет, если работают не профессионалы?”»

Я несколько раз перечитал эту строчку и долго пытался вспомнить о каких компаниях идет речь. Вроде как о клининговых. О слове «клининг» в основной мысли никакого упоминания.

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

Основная мысль сайта-визитки любой компании звучит примерно так: «Мы занимаемся тем-то тем-то, обращайтесь в нам!«. Не надо ничего придумывать.

Во-вторых, что означает фраза: «На сайте 1 сразу после загрузки мы видим минимум текста. Никаких “мы моем окна, двери, полы, туалеты и т.д. и т.д.«. Что это хорошо или что это плохо?

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

Почему? Потому что думать не надо! (NB)

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

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

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

В первом случае мы всё ещё рассматриваем картинку, пытаясь понять, чем фирма занимается (а может это вообще не сайт фирмы, а какая-нибудь реклама?). Миллион догадок пролетает в голове: «Ну дядьки моют окна…». Немного поразмыслив мы ПРЕДПОЛАГАЕМ, что попали на сайт клининговой компании. Обратите внимание, на втором сайте мы это сразу же узнаем точно! А здесь только догадываемся, поскольку картинка может означать, что угодно.

Решаем вредную загадку

Дальнейшие действия?

Само собой подтвердить наши догадки и мы ищем, где НАПИСАНО, чем занимается фирма.

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

Дальше.

Независимо от того, смотрели мы на гараж, или нет, мы изучаем меню слева. То есть либо мы раньше к нему приступили, либо после увиденного гаража.

Разбираемся.

Пункт 1. «Компания». Два варианта — либо ткнуть его, предполагая, что откроется что-нибудь «о компании» и мы поймем, наконец, куда попали. И второй — смотреть дальше.

На самом деле большинство пойдут по второму варианту, потому что: «А вдруг, чуть ниже написано, чем фирма занимается ,а я, как дурак, ткнул?».  Банальная психология =)

Смотрим дальше. Пункт 2. «Эксплуатация инженерных сетей». Вы знаете, что такое «Эксплуатация инженерных сетей»?

Тем, кто не знают очевидно, что это пункт только наводит жути — они ещё больше не понимают.

Тем, кто знают, ответьте на вопрос, почему в заголовке сайта (title) написано, что это клининговая компания, а первым написаны инженерные сети. Причем эксплуатация )) Не какое-нибудь обслуживание. Фирма эксплуататоров, блин))))

В общем, ясно, что ничего не ясно. Кстати, некоторые сделают вывод, что фирма занимается инженерными сетями и закроет нафиг браузер. Я серьезно говорю. А кроме шуток, некоторых даже и до этих сетей не дойдут — кто-то рассматривая картинку, забудет зачем сюда вообще пришел, а кто-то не поймет картинку и закроет браузер, чтобы не тратить своё личное время на мозговой штурм.

Дальше. БИНГО! Пункт 3 — «Клининг». Наша догадка НАЧИНАЕТ подтверждаться. Мы предвкушаем, что все-таки попали туда, куда нужно.

С почти счастливой улыбкой разобравшегося в лабиринте чужих мыслей (а именно мыслей дизайнера или ращработчика), мы смотрим ниже… А там пункт 4. «Каталог».

Гримаса печали появляется на нашем лице. Жена, сидящая рядом, просит тебя быть потише, потому что шум мыслей, крутящихся в твоей голове машет ей смотреть телевизор. А ты, блин, решаешь загадку: «Как связаны каталог  и клининг?«. И не решишь, пока не ткнешь по ссылке.

Сразу говорю, если вы первым ткнете на «Каталог» — вы проиграли эту войну)))) Там вообще хз, что и о чем речь)

Если вы ткнули на «Клининг», то во ВТОРОМ(!) абзаце вы прочитаете: «Клининговые услуги в нашей компании включают в себя три направления — аутсорсинг, специализированные работы, аренда сменных ковров.»

Кстати, некоторые ткнут на пункт «Клининг» ещё до пункта «Каталог». Да-да, им повезет немногим больше :)

Вы, конечно, ни хрена не поймёте, что такое специализированные работы. Возможно, вы даже и понятия не имеете, что такое аутсорсинг. Да и причем там ковры вряд ли кто-то сразу догадается. Зато там написано НАШЕЙ компании.

Значит все-таки, они оказывают услуги клининга. УРА! Цель достигнута.

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

______________________

Маразм

И это только 1 пункт, друзья: «Узнать, куда мы попали». Прайсов там нет, поэтому главный следующий пункт — поиск контактов. Сами осилите? У первого сайт он в жопе, либо под пунктом меню «Координаты» (боже, какие мы оригиналы пускай потом посетитель ищет привычное глазу «Контактная информация» или «Контакты»). У второго сайта перед глазами.

И ещё.

Найдя этот злополучный пункт «Координаты» на первом сайте мы открываем его и видим: «Адрес: 443011, г. Самара,». ЗАШИБИСЬ! Если я из Москвы, то только что потерял кучу времени. Не говоря уже о том, если я вообще из любого другого города, кроме Самары.

На втором сайте перед глазами телефон с кодом города (495). Пусть не так очевидно, но все-таки перед глазами.

_______________________

Комментарии к комментариям

Ладно. Хватит анализа сайтов. Меня начали убивать комментарии согласившихся. Люди согласились с ошибочным мнением автора. Другими словами он их научил, как делать Неправильно.

Меня, в общем-то, именно это возмутило. Ну ладно сам неправ, но зачем остальных в заблуждение вводить. Они же потом себя дураками выставят. Хотя если выставят, то будут сами виноваты, что поверили, но суть не в этом :)

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

«Кочнев Илья, ты наверное плохо себе представляешь что такое юзабилити.
Человека не должно ничего отвлекать, основная идея должна легко доносится с первой страницы. На втором примере отвлекающих моментов очень много.
Уровень сложности дизайна не имеет значения, мы делали дизайн из полосы, трех кнопок и легкой картинки – главное, чтобы он разговаривал с пользователем.

Зачем мне изучать “предмет юзабилити”? Я практикую, а не изучаю теорию.»

Последняя строчка это очень явно подтверждает. Практикуй дальше. Особенно формирование основной мысли.

Дальше в комментариях вода. Люди в юзабилити не очень хорошо шарят, поэтому и пишут, что я неправ. Из серьезных аргументов проскочило что-то насчет влияния дизайна на конверт.

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

Блин. Заказчики вообще не разбираются в юзабилити. Зато картинка красивая. Ясен хрен, они довольны. Более того, они чаще всего не шарят в сайтах, поэтому впарить можно вообще все, что хочешь.

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

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

________________________

Ну и к чему всё это промывание мозгов?

К тому, что в предмете нужно разбираться. Причем сложного-то ничего нет. Нужно просто начать думать и логически рассуждать. И основываться на поступках,а  не догадках.

Какой первый вопрос задает человек, который попал на сайт? Как быстро он доберется до приобретения вашей услуги?

Знаете ответы на эти вопросы? Они очевидны. Для этого даже гуглить не надо. Что будет гуглить, тот проиграл :) Думать надо, блин!

А вообще юзабилити можно научить одной фразой.

Хотите?

Пожалуйста!

Главный закон юзабилити!

Звучит примерно так: «» Не заставляйте меня думать!».

Всё. Пришел посетитель и всё очевидно: «Куда нажать, где найти то-то, как позвонить и т.д.»

Фразу придумал, естественно не я. Впервые я встретился с ней, когда прочел книгу Стива Круга «Веб-дизайн: не учите меня думать!» о юзабилити. Стоило прочесть всю книгу, чтобы понять, что весь смысл содержится в одной только этой фразе.

Книгу рекомендую всем. Она учит не частностям, а подходу, в отличие от разрозненных в инете статей.

Кстати, понравился пример разбора юзабилити сайта от Eastbelle. Довольно просто и логично все обосновала (можно, конечно, к чему-нибудь придраться, но это и будет лишь придиркой). +1, молодец!

Всё на сегодня :)

_______________
Ах-да. Чуть не забыл про десерт) Веселый Тайский Бокс)

Понравилась статья?
  1. Я считаю, писать о юзабилити может тот, кто сделал ни раз удобный сайт или блог.

  2. Ого! Ничего себе) Слишком резкая статья получилась. Но, вроде, тоже все пункты учтены. Как уже было замечено, юзабилити — это постоянное тестирование. Сделал-проверь! и тестируй дальше)
    Спасибо, что оценил. Над этим интернет-магазином, придется хорошенько поработать) Моя статья не осталась незамеченной и я рада. Значит скоро будут результаты.

  3. Да Бог с ними, кто учит неправильно. Оно конечно похвально, что ты нашёл время и силы на их воспитание, но подумай, Илья, ведь это же время можно было потратить на создание чего-то действительно полезно! А так… ну зайдут на эту статью пара-тройка сотен человек. Часть проигнорит из-за «многа букаф», а часть прочитает и промолчит, ибо и так понятно, что новички ошиблись и им рано кого-то чему-то учить в юзабилити. В общем, больше любви в душе и больше вариантов воспитания предлагай! :) И будет тебе счастье :)

    • «А так… ну зайдут на эту статью пара-тройка сотен человек. Часть проигнорит из-за “многа букаф”»
      Странный пессимизм какой-то. Я ни к чему никого не обязываю :)

  4. Ты заставил меня думать! =)

  5. Статья — не нужная. Илья, почему бы не написать статью о юзабилити, а не о том, как кто-то там не профи и пишет не правильно.

    Вот совет. Пиши статью и предложи тому человеку разместить её у него на сайте.

    Искать решение нужно совместно, а не смеяться. Может он хотел поделиться хоть каким то опытом. Не стоит такие статьи писать. Лучше помогать. Согласись?

    • Статья как раз о юзабилити. И я тут не смеюсь на тем, что кто-то делает что-то неправильно. Я привожу живой практический пример и анализирую реальные ошибки, которые может допустить каждый.

      Зачем? Да чтобы не допускали их, ё-мое.
      Это ли не помощь?

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

      «Не стоит такие статьи писать. Лучше помогать. Согласись?» Увы, нелогичный это вывод. Не могу согласиться. Потому что такие статьи тоже помогают. У вас получается противоречие.

      А указать человеку на его ошибки — это, между прочим, самая офигенная ему помощь. Более офигенная, чем поиски решений совместно. Да и чего там искать, если практически все решения очевидны. Пускай он хоть 100 раз обидится, зато быстрее поймет, что к чему, и потом даже спасибо скажет. Когда поймёт, само собой.

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

      Так какая помощь по вашему эффективней?
      Не с точки зрения морали, а с точки зрения эффективности? Мораль юзабилити, увы, не научит.

      • мм. Илья, то что ты указываешь на его ошибки — гут. вопрос не в том, какой метод эффективней, а в том, как к этому относиться. относиться к подобным статьям от «гуру чего бы там ни было». Кстати, если есть опыт, то можно обойтись без терминологии и объяснить всё простым языком — в общем подробненький гайд сделать.

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

        то что парнишка там пишет что то не правильное — это не зло и не стоит беситься. пусть пишет и со временем он научится всему.

        что касается эффективности, то лучший способ — гайд предоставить.

        • » общем подробненький гайд сделать» Вообще собирался. Но решил заставить читателей подумать. Ненавижу штампы и инструкции. Слишком легко. Как зубрежка. Понимания потом не будет.

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

          «то не зло и не стоит беситься»
          Одно да потому. Не такая у меня позиция.

  6. Иногда блогеры так поступают, что пишут статью ни о чем, но, я, например, не вижу ничего плохо в том, что он расскрыл свои мысли.
    Не понравилась вещь про комментарии. Автор не должен учить, чему-то, если не владеет этим в совершенстве.

    • А я вижу. Представьте, что человек пишет в области, в которой Вы разбираетесь. И пишет он ерунду, которой, тем самым, учит и своих пользователей. Ваша реакция?

      В качестве ещё одного примера могу привести ситуацию с новичками в SEO.
      Когда нубы начинают писать откровенную чушь про PR, тИЦ и прочую атрибутику, относящуюся к теме поисковой оптимизации — остается только ждать, когда кто-нибудь, кто «в теме» попадает на эту статью. Потом весть об очередном «сеошнике» разносится по всем сео-форумам и стеба в комментариях, а также на форумах не оберешься.

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

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

      • так, Илья, просто беситься не нужно и относиться к этому спокойно вот и сёёё.

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

        • Блин) Комментарии для того и созданы, чтобы там писать. Не хочу просто повторяться со своей идеей)

  7. хотя, не. статьи о нубах можно писать. чтобы комментов набрать у себя на блоге)))))))

  8. […] с размышлениями о юзабилити и о том, как не нужно проводить анализ […]

  9. Может посоветуете дельных е-буков по юзабилити?

    • Одну из самых дельных (свою настольную) упомянул в конце поста. Смотрите внимательнее.

      А вообще на днях планирую МегаПост о книгах всех жанров (от учебных, до художки). =) Пописывайтесь — не пропустите :)

  10. во! мега пост — это тема

  11. Вы пишите, что вас раздражают многие начинающие вебмастера, которые не знают о предмете, но тем не менее пишут, меня они тоже раздражают, такие люди вводят всех в заблуждение

  12. Веселый тайский бокс убил )))

  13. Спасибо ,за статью.Я тот самый вебмастер ,который думает ,что понимает в юзабилити,а на самом деле кляпает фигню.
    Как обычно всё гениальное просто и фраза- «Хотите? Пожалуйста!» из этого разряда.
    Как мне кажется проблемы с юзабилити в основном могут возникать у сайтов ,при создании которых ,не была чётко озвучена мысль.
    ДЛя .кого создаётся сайт ,по каким запросам на него должны приходить люди.И какого конечного результата мы должны от них добится.
    В результате разделы добавляются абы как.
    А с пришествием технологий флеша ,многие дизайн студии соревнуются в том ,чтобы посетитель офигел от обилия красочных спец эффектов ,и нафиг забыл о цели посещения.

    • Чертовски верные выводы, мой друг. Уже это дорогого стоит.

    • Пока есть спрос на красочные спецэффекты, он будет удовлетворяться дизайнерами и веб-студиями. Всегда ведь легче пойти на поводу у заказчика, чем начать что-то объяснять, рискуя этого заказчика потерять (ведь при наличии определенной суммы всегда можно найти сговорчивого дизайнера). И тут уж не до юзабилити…Кстати, многие заказчики действительно очень воинственно настроены, пропорционально уровню своего невежества.

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

  15. Правильные выводы) молодцом!

  16. Написано сложно… Однако будем проверять свои сайты на юзабилити)

  17. Доктор:

    Сколька букафф, жуть просто. А если срьезно, то многое очень четко подмечено, юзабилити очень важно, и не менее важен диз сайта и его контент

  18. @Обзоркин: @Luper: @Турист: @Доктор: Благодарю за мнения. Рад, что кого-то заставил задуматься и переосмыслить реальное значение юзабилити. Учту все пожелания)

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

  20. Будем разбираться) хорошая статья)

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

  22. на днях прочитал статью о том, что рекламу на сайте лучше размещать СЛЕВА. объяснение довольно простое — мы ведь читаем слева-направо, нередко — по диагонали, поэтому слева реклама будет заметнее — по ней с большей вероятностью кликнут. но проведя небольшой опрос, выяснил, что больше половины (12 — 4) моих знакомых считают, что сайт (или блог, особенно WordPress) «юзабильнее» именно с ПРАВЫМ меню. вот так-то…

    • Реклама слева безусловно заметнее, но ведь по логике слева должно быть то, что важнее. А важнее по-любому контент, а не реклама. Когда реклама слева от текста, читать более напряжно. Вот вам и юзабельность)

  23. К сожалению примеров подобным приведенному Вам в сети множество. Очень многие стараются показаться умнее чем есть на самом деле и начинают учить других тому, о чем сами имеют в лучшем случае поверхностное представление, в худшем — никакого. И не важно идет речь о юзабилити, SEO или завязывании шнурков.

    Надо уметь отделять зерна от плевел, это пожалуй наиболее важное знание для современного пользователя в Интернете.

    З.Ы. На днях искал чем можно вылечить кашель у ребенка 9 месяцев. Полный атас!!! Таких крайне противоположных рекомендаций я еще не видел. Плюнул и пошел пользоваться бабушкиными методами.

    • @TiamatInc: ооооооо. С лечением болезней — это вообще жопа. Сколько людей, столько и мнений. Только вот от неверного лечения можно во много раз больше потерять, чем от неудобного сайта.

      Если ребенку 9 месяцев, то бабушкиными методами пользоваться не стоит. Надо, в первую очередь, к врачу.
      Не тот возраст, чтобы лишний раз даже «с виду безобидным кашлем» рисковать.

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

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

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

css.php