Юзабилити сайта

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

 Для чего нужно юзабилити

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

Исходя со сказанного видно, что:

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

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

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

Юзабилити в правилах.

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

Юзабилити навигации

• Cтараетесь поддерживать ссылки одного стиля, чтобы пользователь понимал где ссылка, а где текст. Обычно ссылки делают синим подчеркнутым текстом. Но если в вашем дизайне это не уместно, главное чтобы поддерживался один и тот же стандарт для корректного понимания.
• Навигация должна быть одинаковая на всех страницах сайтах, что позволит пользователю понимать иерархическую структуру страниц сайта.
• Логотип должен присутствовать на всех страницах сайта. Кроме того на логотип ставят ссылку главной страницы сайта. Обычно логотип размещают в верхнем левом углу.
• Обязательно оставляйте контактную информацию в шапке сайта и в футере (низ сайта) (актуально более для сайтов компаний предоставляющих услуги, интернет магазинов и т.п., подальшее взаимодействие с которыми подразумевает дальнейшее партнерство)
• Также на всех страницах сайте предусмотрите наличие меню первого уровня (в идеале предусмотрите и второго).
• Не забывайте использовать на сайте навигационную цепочку (Breadcrumbs) , так называемые «хлебные крошки» с соответствующими выделениями раздела в котором находится пользователь. Пример:

  Главная → Блог → SEO → Все о Sitemap

Юзабилити главной страницы

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

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

Юзабилити внутреннего поиска сайта

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

• Поиск на сайте рекомендовано делать только внутренним (не включать поиск по другим сайтам или глобальной сети, так как для этого есть глобальные поисковые машины). При наличии несовершенного поиска на сайте можно встроить модуль пользовательского поиска того же Google.
• Форма поиска должна размещаться на каждой странице сайта. По умолчанию она размещается в верхней правой части сайта. Иногда для удобства форму поиска помещают также в футере (низ сайта).
• Следите за длинной формы поиска. Она должна быть ориентирована на длинные запросы. Оптимальный вариант от 30 символов. В случае если ваш сайт ориентирован как поисковик каких-то материалов, форму рекомендовано делать намного больше (примером есть сайты Redtram.com, Marketgid.com, Memori.ru)
• Постарайтесь реализовать страницу результатов поиска максимально информативной. Примером таких страниц служат те же глобальные поисковики (Google, Yandex, Yahoo). Ориентируйтесь на подобные информативные заголовки, описания результатов и возможность наличия URL страницы.
• Если возможна реализация, используйте функцию проверки орфографии. К примеру, как в Google присутствует строка «Возможно вы имели ввиду …», и далее правильный вариант поискового запроса.

Юзабилити текста

• При написании текста старайтесь поддерживаться лаконичности и краткости. Работайте за правилом «Краткость-сестра таланта».
• Будьте последовательны. Излагайте мысли начиная с основных тез и постепенно, через обоснования, переходите к более обобщенным понятиям. Самое интересное и актуальное помещайте с самого верху, чтобы оно было доступно без прокрутки страницы. Если же по каким-то причинам этого сделать нельзя попробуйте создать небольшое содержание статьи с соответствующими ссылками на нужные места (как в этой статье).
• Используйте шрифты не меньше 12px (10pt в MS Word).
• При выборе шрифта для сайта, отдавайте предпочтение шрифтам без засечек(Arial, Verdana, Tahoma), так как именно они являются наиболее читабельными. К примеру, Times New Roman или Georgia являются шрифтами с засечками (не рекомендованы). Кроме того старайтесь использовать системные шрифты.
  

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

• Не используйте на сайте цветовую гамму более чем из 4 цветов. Имейте ввиду, что визуально подобным элементам, пользователи придают одинаковое значение.
• Не используйте только прописные буквы. Это негативно скажется на скорости чтения и значительно понизится восприятие читаемого текста.
• Особенное внимание приделайте цвету фона для текста. Создайте максимальный контраст (идеальный вариант черный текст на белом фоне). Для выбора контрастных цветов в интернете есть соответствующие сервисы, а также вспомогательные программы.
• Не стоит также применять на сайте такие приемы как бегущие строки или текст, который мигает, так как подобные элементы негативно воспринимаются посетителями.