Юзабилити блога: сайдбар

Сайдбар (от англ. sidebar: side – сторона, bar – полоса) – вертикальная зона справа или слева от основного содержания сайта, включающая в себя блоки меню, дополнительной информации, рекламы и т.д.

С точки зрения юзабилити, сайдбар – это зона выбора, в каком направлении двигаться после прочтения статьи и комментирования её.

Т.е. это зона удержания и направления читателя на следующее действие.

Почему же мы так халатно относимся к ней? Что чаще всего расположено в сайдбаре?

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

Наша конечная цель определяет содержание сайдбара.

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

Основные цели, на достижение которых ориентирован сайдбар:

• Удержание и повышение интереса читателя (соответствующие интересу разделы и ссылки на статьи)
• Представление автора (повышение доверия, узнаваемость, брендирование имени)
• Предоставление возможности стать читателем блога, подписавшись по почте (форма подписки на E-mail), на канал RSS (обычно «прожигаемый» через FeedBerner) или став другов на Facebook, Twitter, Google Plus, Вконтакте и т.д.)
• Получение дохода:
  • Предоставление товара (своего или партнёрского)
  • Контекстные блоки, тизеры и т.д.
  • Блогролл (блоки платных ссылок, в большинстве случаев сквозняков)
  • Оплачиваемые рекламные блоки
• Информирование (сквозные блоки, видимые всем посетителям без исключения)
• Отражение активности сайта (блоки последних комментариев, обсуждений в соцсетях, опросы)
• Индикация текущей популярности (пыль в глаза). Информеры посещаемости, ТИЦ, PR, количества подписчиков на RSS и аккаунты в социалках)

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

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

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

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

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

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

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

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

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

P.s. Любопытный материал по теме: «Правильный сайдбар блога в примерах»