Юзабилити (usability) — как сделать сайт удобным для посетителей

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! пришло время поговорить о такой важной вещи в деле продвижения своего ресурса как юзабилити сайта. В вольном переводе с английского usability звучит как «удобство использования», что в принципе отражает суть этого термина.

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

usability

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

Это обусловлено тем, что поисковые системы (Яндекс и Гугл) уделяют значительное внимание при ранжировании сайтов поведению пользователей (тут статья о поведенческих факторах). Чем удобнее сайт в использовании, тем меньше времени отнимает поиск необходимой информации, тем больше времени уделяет посетитель вашему сайту. Отсюда налицо улучшение всех параметров, определяющих поведенческие факторы посетителей (время просмотра страницы, глубина просмотра и т.д.)

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

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

Некоторые правила и принципы улучшения юзабилити сайта

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

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

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

1. Четкий и простой дизайн. Элементы оформления вебсайта не должны препятствовать читателям воспринимать необходимую информацию. Вот основные правила использования шрифта на вебстранице:

  • Текст не должен быть слишком мелким, однако излишне крупные буквы тоже могут быть не совсем читабельными.
  • Цвет и фон шрифта должны быть максимально контрастными. Лучший вариант: черный текст на белом фоне, хотя для достижения некоторой эксклюзивности не возбраняется применять другие цвета, но лишь в особых случаях, когда нужно обратить внимание читателей на важность информации. Как видите, у меня на блоге лишь 2-3 цвета, не считая окраски основного текста, и то лишь для выделения названий статей или форм подписки.

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

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

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

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

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

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

Считается, что добираться до нужной инфы читатель должен не более, чем в 2-3 клика, то есть щелкнуть по ссылке, ведущей на категорию, далее, в крайнем случае, на подкатегорию и, наконец, на саму статью. Я, например, считаю, что даже подкатегории желательно исключить, потому что это уже вносит дискомфорт, сужу по себе. Посещая некоторые проекты, где рубрики разделены еще и на подразделы, испытывал некоторое неудобство. Хотя, понятно, это касается не всех ресурсов. Коммерческие проекты, например, интернет-магазины, напротив, часто не могут без этого обойтись. Вот еще некоторые привычные читателю инструменты навигации:

  • «Хлебные крошки» WordPress (здесь мануал о реализации крошек с помощью плагина Breadcrumb NavXT). Установка этого элемента навигации помогает посетителю сразу понять, в каком разделе вебсайта он находится и проследить всю цепочку от главной страницы.
  • Различные решения, позволяющие обеспечить ссылки на похожие материалы в конце каждой статьи. Например, о плагине WordPress Related Posts здесь материал, а о том, как можно реализовать «похожие записи» WordPress без плагина, здесь (внутренняя перелинковка).
  • Наличие карты сайта, которая особенно важна в деле возможности быстрой оценки читателем существующих разделов вэб-сайта и всех материалов, собранных на одной web-странице.
  • Сюда же я бы отнес и постраничную навигацию главной страницы и страниц категорий, которую я реализовал без плагинов и которая даст сто очков вперед существующей по умолчанию в движке Вордпресс пагинации.

После реализации этих возможностей получим дополнительные баллы в деле улучшения юзабилити web-сайта. Более того, «хлебные крошки» и «похожие записи» не только улучшают usability, но и помогают в решении задачи SEO оптимизации вэб-сайта, обеспечивая необходимую перелинковку и распределение статического веса по вебстраницам.

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

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

6. Фавикон (favicon) сайта (тут о нем), который делает ваш ресурс узнаваемым в сети. На первый взгляд, незначительная деталь, не связанная с юзабилити. На самом деле очень важная. Допустим, человек вбил в поиск Яндекса какой-то запрос и вдруг видит знакомый значок, пусть даже не на первых местах выдачи. И вспоминает о простоте навигации и ценности информации на этом проекте. Очень высока вероятность того, что он снова посетит его. Опять же мне нетрудно об этом рассуждать, поскольку сам нередко бывал на месте этого самого пользователя и таким образом по иконке фавикон находил в сети знакомые СДЛ, которые ранее по чистой случайности не внес в закладки.

7. Различные вспомогательные элементы на сайте, помогающие сохранить принципы юзабилити. К ним я бы отнес, например, кнопку вверх, которая помогает посетителю при необходимости мгновенно возвращаться в верхнюю часть вебстраницы. Согласитесь, полезная функция, особенно для вебстраниц с объемным контентом. Конечно, для быстрого перемещения вверх-вниз существуют кнопки на клавиатуре компьютера «Page UP» и «Page Down».

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

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

Здесь вступает в силу мое любимое мудрое правило “золотой середины”, применение которого мне в жизни всегда помогало. Думаю, его суть вы понимаете весьма ясно. В заключение предлагаю отметить в комментариях, уважаемые читатели, ваше видение этой ситуации, возможно, вы добавите свои соображения по вопросу usability вэб-сайта. Также можете посмотреть в качестве дополнения видео по озвученной сегодня теме:

Поделиться с друзьями
Игорь Горнов

Создатель и администратор сайта Goldbusinessnet.com. Участник нескольких успешных проектов и автор более 1000 статей о работе в интернете, создании сайтов, полезных программах и сервисах.

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

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

  1. игорь

    Блог отличный! Читаю с удовольствием уже две недели и всё время нахожу для себя что-то полезное. Я для себя в HTML сделал три сайта, и нахожу сдесь много полезной информации. Ищу информацию по управлению производительности шрифта. Пока не нашёл, но надеюсь что найду.

    Ответить
    1. Игорь Горнов автор

      Игорь, спасибо за отзыв.

      Ответить
  2. Михаил

    Спасибо,полезно.сам на joomla работаю,но помогло..

    Ответить
    1. Игорь Горнов автор

      Очень рад, Михаил. 🙂

      Ответить