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

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

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

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

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

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

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

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

Из практики

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

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

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

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

1.www. radnik. ru

2.www. enitel. ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дальше.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

______________________

Маразм

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

И ещё.

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

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

_______________________

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

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

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

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

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

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

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

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

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

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

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

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

________________________

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

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

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

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

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

Хотите?

Пожалуйста!

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

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

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

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

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

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

Всё на сегодня 🙂

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *