Юзабилити сайта - это общее понятия комфортного нахождения посетителя на сайте. Если вкратце, то юзабилити показывает, на сколько удобно пользователю искать ту или иную информацию на сайте, какова навигация на сайте, визуальное восприятие сайта и контента в частности. Данный "параметр" сайта позволяет добиться улучшенной конверсии, что приведет к повышению в поисковой выдаче и увеличению трафика. Что бы добиться качественного показателя юзабилити, необходим ряд мер, направленный на облегчения поиска информации и легкого ее восприятия. В данной статья я расскажу, как улучшить юзабилити веб сайта.

Навигация

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

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

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

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

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

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

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

Множество элементов

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

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

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

Подача контента

Правильное оформления контента, это уже часть успеха. Мало написать полезную статью, ее еще необходимо подать пользователю так, что бы ему захотелось ее читать. Речь идет не о оформлении текста, типа светофора, расписания всеми цветами радуги и прочее. Речь идет о структурировании текста. Необходимо разбивать текст на абзацы, ни кто не захочет читать сплошной ковер слов. Списки необходимо разделять цифрами или точками. Так же следует разбавить текст картинками. Если текст поделен на несколько разделов (как данная статья), то следует выделить название раздела тегами <h2> или <h3>.

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

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

Визуальное оформление

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

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

Быстрая и без прерывная работа

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

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

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

Итоги

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

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