Юзабилити — что это такое и зачем оно надо?

Юзабилити — что это такое и зачем оно надо?

736 656 admin

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

Юзабилити никому не надо, — именно так когда-то подумал разработчик сайта крупнейшего бизнес-центра в Кропивницком, под названием Эльворти. На примере этого и некоторых других сайтов мы с вами и разберем 5 главных правил юзабилити.

Попал я на сайт Эльворти не случайно — срочно нужен был офис для работы, поэтому было решено посмотреть на сайте номер телефона приемной, позвонить и уточнить цены на аренду офисов. Но каких-либо контактов я на сайте не обнаружил, вместо пункта меню «Контакты» на меня с насмешкой смотрел пункт меню «Новости».

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-1.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

Ничего, поищем в футере, возможно они там.

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-2.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

Снова мимо. Я перешел в меню Услуги => Оренда офисов, но и там не обнаружил никаких контактных данных. Что за черт? Как может на сайте бизнес-центра не быть контактов, если это напрямую влияет на их заработок?

Сайт был закрыт, офис нашелся в другом месте. Позже коллега показал мне, что контакты там все таки есть. Но не на странице контактов и не в футере, а просто слева посреди главной страницы, возле блока новостей. Интересно, сколько людей подобно мне не нашли эти контакты и не арендовали офис? Допустим, 10 человек, которые могли бы арендовать офис за 3 000 гривен в месяц в течении 5 лет. Это почти 2 миллиона гривен потерянной прибыли.

Вот мы и плавно подошли к первому правилу юзабилити:

[mk_blockquote style=»line-style» font_family=»Yanone+Kaffeesatz» font_type=»google» font_size_combat=»true» text_size=»20″]1. Главное должно быть заметным.[/mk_blockquote]

Вот как надо было составить меню:

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-3.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

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

Вот как есть:

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-4.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

А вот как можно было — добавить на картинку оверлей, убрать едкую красную обводку и сделать шрифт крупнее:

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-5.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

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

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-6.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

Какие преимущества клиент получает от покупки? Не понятно. А ведь это один из крупнейших в мире сервисов, в своем роде.

Собственно, следующее правило:

[mk_blockquote style=»line-style» font_family=»Yanone+Kaffeesatz» font_type=»google» font_size_combat=»true» text_size=»20″]2. Текст должен быть читабельным.[/mk_blockquote]

Как видим, проблемой плохого юзабилити страдают не только региональные сайты, но и проекты мирового масштаба, например сайт одного из крупнейших мировых операторов связи AT&T.

Допустим, я являюсь их клиентом и хочу задать вопрос в тех. поддержку. Я нажимаю на кнопку «Contact Us», сайт предлагает выбрать тематику, по которой я хочу связаться. Отлично, наверное меня сразу переключат на специалиста по конкретному вопросу. Но вместо этого AT&T предлагает ознакомиться с самостоятельным решением посредством онлайн справочника с бесчисленным числом страниц текста и многоуровневой иерархией. Ну, ничего, воспользуемся живым чатом.

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-7.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

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

[mk_blockquote style=»line-style» font_family=»Yanone+Kaffeesatz» font_type=»google» font_size_combat=»true» text_size=»20″]3. Правило трех кликов.[/mk_blockquote]

Это правило гласит, что любая информация должна быть доступна не более чем в 3 клика от главной страницы. Пренебрежение этим правилом сделало использование сайта AT&T крайне проблематичным.

Важность этого правила хорошо раскрыта в этом бородатом анекдоте.

[mk_blockquote style=»line-style» font_family=»Yanone+Kaffeesatz» font_type=»google» font_size_combat=»true» text_size=»20″]4. Не мешайте пользоваться сайтом[/mk_blockquote]

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

[mk_image src=»https://yokoart.com.ua/wp-content/uploads/2017/06/usability-8.jpg» image_size=»full» lightbox=»true» frame_style=»shadow_only» align=»center» margin_bottom=»20″]

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

[mk_blockquote style=»line-style» font_family=»Yanone+Kaffeesatz» font_type=»google» font_size_combat=»true» text_size=»20″]5. Секрет в простоте.[/mk_blockquote]

Ярким примером игнорирования данного правила является сайт meta.ua, разработчики которого решили разместить на главной странице абсолютно все, что может пригодиться в жизни — от знакомств, до онлайн-переводчика.

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

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