Из чего складывается юзабилити сайта?
Сейчас практически каждый сайтовладелец знает модное слово “юзабилити”. И почти все понимают, что речь о чем-то, связанном с удобством работы. Но вот из чего складывается это самое удобство – тут в головах у владельцев малого бизнеса происходит некоторая путаница. Для того, чтобы разложить путаницу по полочкам и превратить ее в систему – эта статья.
Что такое юзабилити и зачем оно нужно?
Юзабилити – это удобство работы человека с интерфейсом.
Человек открывает ваш сайт и хочет за несколько секунд понять, где он находится, что он для себя тут получит и как всем этим пользоваться. На практике многие сайты вываливают на ничего не подозревающего юзера непонятую кашу из кнопок, картинок, ссылок. Вроде бы, вот он сайт. Но что и как тут делать непонятно.
Поставьте себя на место вашего потенциального клиента. Если ВЫ получили вместо удобного сайта непонятную кашу – вы будете пытаться разобраться, или поищете что-нибудь более доступное?
То-то и оно. У людей просто нет времени на то, чтобы прикладывать усилия к поиску информации. Поэтому юзабилити сайта – это:
- сильнейшее конкурентное преимущество, если у конкурентов сайты не очень хороши;
- и обязательное условие для выживания на рынке, если с юзабилити на сайтах конкурентов всё отлично.
По данным исследований онлайн-бизнес теряет половину покупателей только потому, что посетители сайта не могут быстро найти нужный товар. При этом 40% пользователей, которым не понравился ваш сайт, никогда на него не вернутся, даже если получают вашу рассылку или видят вашу рекламу (ремаркетинг).
В итоге:
- Сайты с лучшим уровнем юзабилити получают больше клиентов, чем сайты с низкой степенью оной. Соответственно, стоимость покупателя будет ниже при равном трафике.
- Удобные сайты нравятся и запоминаются людям, а значит выше вероятность, что ваш сайт добавят в закладки и вернутся на него снова.
- Если на вашем сайте есть исчерпывающая информация и найти ее легко – вы снизите нагрузку на менеджеров, избавив их от лишних вопросов. Сайт будет действительно выполнять функцию электронного продавца.
Какие же требования предъявляются к юзабилити?
- Самое главное правило: чем проще – тем лучше. Не стоит гнаться за техническими фишками и дизайнерскими приемами, если они усложняют понимание принципа работы с вашим сайтом. Важно тут оценивать уровень продвинутости вашей целевой аудитории. Не предлагайте гоночный автомобиль тому, кто привык ездить на велосипеде. Гораздо лучше использовать стандартный интерфейс. Можно и нестандартный, но тогда тестируйте особенно тщательно.
- Навигация должна быть интуитивно понятной пользователю и облегчать индексацию сайта поисковиками. При этом на каждой странице навигация должна быть одинаковой.
- На главной странице разместите информацию о том, для кого и о чем ваш сайт, причем эта информация должна считываться за секунды. Обычно для этого используется название сайта, слоган, логотип, изображения в шапке. Текст на главной странице – хорошее дополнение, но не обязательное. Кроме того, на главной странице размещаются все новости, акции и предложения, на которые вы хотите обратить особое внимание посетителей сайта.
- На каждой странице обязательно должны быть: меню, название сайта и логотип. Кроме того, дайте посетителю возможность совершить целевое действие с каждой страницы. Если целевое действие – контакт с вами (за покупкой или консультацией), тогда на каждой странице должны быть и контакты. А если – подписка, тогда и форму подписки должно быть видно отовсюду.
- На каждой странице обязательно надо указать название раздела. Посетитель сайта должен видеть, где он находится. В идеале добавляйте “хлебные крошки” – систему навигации, при которой пользователь видит путь с главной до любой из страниц. Для поискового робота “хлебные крошки” тоже будут плюсом.
- По возможности надо стараться соблюдать “правило трёх кликов”, означающее, что из любого места сайта можно добраться до любой нужной страницы не более чем за три клика. Конечно, если у вас очень обширный каталог, то многоуровневая система может даже облегчить навигацию, но всё равно надо тщательно проверять ваш сайт на наличие лишних промежуточных страниц и безжалостно удалять их. Поисковики также не любят индексировать далеко спрятанную информацию.
- Если хотя бы немного изучали SEO, то знаете о понятии перелинковки. Для юзабилити перелинковка тоже полезна: вы направляете читателя на другие интересные ему материалы на соответствующие темы (тексты анкоров).
- Все ссылки оформляйте заметно и в одном стиле, лучше цветом и подчеркиванием. Человек должен сразу видеть, что вот это – ссылка. Впрочем, в большинстве CMS это встроенная функция.
- Если сайт сложный, содержит много разделов и много страниц, добавляйте карту сайта. Она поможет посетителю сайта быстро найти нужную ему информацию. Но если ваш сайт простой и интуитивно понятный, если на нем пока мало страниц – карта сайта будет для юзера только лишней кнопкой в меню (и так же всё понятно). А вот поисковому роботу в любом случае нужен вспомогательный файл с картой сайта (sitemap).
- Если сайт состоит из небольшого количества страниц, возможно, функция поиска вам не потребуется. Но если разделов и страниц много, а также если у вас на сайте есть или предполагается блог или обширный статейный раздел – поиск по сайту обязательно нужно добавить. Форма поиска должна быть видна на каждой странице.
- Тексты на сайте должны быть качественными, информативными и без “воды”. Обязательно должна быть правильная структура, заголовки, подзаголовки и так далее. Текст – это ваш разговор с посетителем сайта. Плохой текст, как косноязычная речь, отпугивает клиентов. Кроме того, поисковики тоже любят хорошие тексты. Кстати, мы умеем писать хорошие тексты, и с удовольствием напишем их для вас:) (сюда можно нажать).
- Прописывайте Titles (заголовки страницы). Обычно это делается в системе управления сайта, реже вручную. Тайтлы должны быть краткими, уникальными, релевантными тексту. Это важно для посетителя, чтобы понимать, на какой странице он находится, и для поисковиков, чтобы быстрее индексировать сайт.
- Гиперважно обращать внимание на читабельность текстов на сайте! Не делайте слишком мелкий шрифт, не пишите на ярком фоне, не добавляйте дополнительные эффекты и анимацию. Классика – тёмный шрифт на светлом фоне. Яркие элементы можно добавлять для выделения заголовков, ссылок и других элементов текста. Но и тут важно не переборщить, желательно не использовать в оформлении текста более трех цветов (плюс цвет фона).
- Дизайн – штука сложная. С одной стороны, хочется, чтобы было “красиво”. С другой – чтобы в погоне за красивостями мы не распугали всех посетителей нашего сайта. Если у вас нет возможности заплатить хорошему дизайнеру сайтов, выбирайте простые, структурированные, лёгкие и лаконичные варианты шаблонов.
*
Не буду утверждать, будто бы это ВСЁ, что касается требований к юзабилити. Самых тонкостей, в том числе технических, мы с вами касаться не будем. Кое-чего нет и у нас на сайте, но мы работаем над улучшениями постоянно.
Но то, что я перечислила, в обязательном порядке должно быть на каждом web-ресурсе. Так что, если вы начинающий сайтовладелец, прямо сейчас вы можете сделать экспресс-аудит вашего интернет-представительства.
* В случае упоминания в тексте социальных сетей Facebook, Instagram, уведомляем: деятельность компании Meta (Facebook, Instagram) признана экстремистской и на территории РФ запрещена.
Спасибо большое за полезную статью!
Хочется дополнить только одно – при проверке юзабилити стоит попросить кого-то взглянуть на сайт свежим взглядом. Сами вы никогда всего не углядите, как не старайтесь. :)
Просто потому, что этот сайт ваш и вы знаете его лучше, чем кто-либо другой.
Идеально будет попросить посмотреть, найти что-нибудь конкретное или сделать заказ (для интернет магазина) хотя бы 5-7 человек.
Если попросить некого – то обязательно смотрите вэбвизор в яндекс метрике. :)
Александр, спасибо за дополнение – оно очень весомое! Конечно, даже такое самостоятельно организованное юзабилити-тестирование будет полезно. Только обязательно выбирать пользователей из целевой аудитории. А то встречала я как-то юзабилити-тестирование сайта для мам, проведенное “своими силами” с помощью коллег мужа (совсем не мам, и даже не всегда пап:))
Хотя есть и сервисы, на которых можно такое тестирование заказать, но уже за деньги.
Что-то я пропустила такую полезную статью! Теперь положу в закладки
Анна, на здоровье