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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Метки: , ,

32 комментария

  • Сергей
    08.04.2012

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

  • JustusСайт автора комментария:
    http://blog-justus.blogspot.com/
    08.04.2012

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

  • naperonСайт автора комментария:
    http://textilmagic.com.ua/
    09.04.2012

    Правильным ходом было бы варьировать содержание сайдбара в зависимости от содержания основной части. Это нужно неплохо продумывать.
    Да и не все движки это поддерживают
    Да и, по-большому счету, правильно было бы с умом использовать ЛЮБУЮ часть страницы

  • XstroyСайт автора комментария:
    http://xstroy.com
    09.04.2012

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

  • radiolus
    10.04.2012

    Я согласен с Сергеем. Нужно все основное всовывать в главную часть. Как по мне, так это слева — как читаем (слева направо).

  • RAWLEX
    11.04.2012

    А я придерживаюсь макета сайдбар по правую сторону. Ну и сделал выбор в пользу 2 столбцовых шаблонов.

  • ЕкатеринаСайт автора комментария:
    http://si-foto.com
    12.04.2012

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

  • Alf
    16.04.2012

    Сайдбар штука весьма нужная и полезная. Ну и конечно практичная. Особенно с гибкими настройками. Обычно да- с правой стороны и в винде так было

  • WeblibertyСайт автора комментария:
    http://www.webliberty.ru/
    20.04.2012

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

  • slotico
    23.04.2012

    очень нужная штука, а Джустус многое теряет из-за своей невнимательности и лени.

  • Kerlon999Сайт автора комментария:
    http://good-sovets.ru/
    24.04.2012

    Я в СайдБаре размещаю рекламу от Гугл. Эффективность неплохая.

  • Строитель
    11.05.2012

    ИМХО, сайдбар — это самое «козырное» место после шапки.
    Не представляю, как бы блоги размещали навигацию по целому списку категорий, разделов, если бы не сайдбары ))
    А еще у меня наибольшую эффективность дают баннеры именно в правом сайдбаре.

  • МаринаСайт автора комментария:
    http://realtor-v-spb.ru/
    30.05.2012

    Спасибо за статью, она редкая, в том смысле, что дает правильное направление — от цели. Есть о чем подумать. Я только не поняла, что значит «бесконечные сайдбарные ленты»?

  • XstroyСайт автора комментария:
    http://xstroy.com
    30.05.2012

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

  • SergСайт автора комментария:
    http://artnu.org
    19.07.2012

    При подключении плагина headspace для смены шаблона темы появляется возможность
    динамически менять сайдбар.
    Иногда даже одну и ту же тему выкладываю в разные папки —
    шаблон1, шаблон2 , шаблон3 с различными сайдбарами и футерами…

  • АдвокатСайт автора комментария:
    http://lawyers.in.ua/
    31.07.2012

    Сайтбар однозначно должен быть. В любом случае это центр внимания посетителей, поэтому это самое лучшее место для рекламы. Ведь монетизацию сайта можно и нужно делать правильно 😉

  • Дизайн студия ProGrafika
    17.08.2012

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

  • АлександрСайт автора комментария:
    http://good-all.ru
    12.09.2012

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

  • XstroyСайт автора комментария:
    http://xstroy.com
    12.09.2012

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

  • Андрей
    04.10.2012

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

  • ДелитантСайт автора комментария:
    http://delitant.ru/
    07.10.2012

    Я никак не могу разобраться какой сайдбар лучше в одну или в две колонки. Одна — мало функционала, но понятна читателю. Две — наоборот. Пересмотрел множество тем. Есть классные варианты для 1, 2 и даже 3 (!) колонок. Диллема.

  • XstroyСайт автора комментария:
    http://xstroy.com
    07.10.2012

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

  • ВячеславСайт автора комментария:
    http://www.programbeginner.ru
    02.12.2012

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

  • WorldShopСайт автора комментария:
    http://worldshop-web.com/
    12.02.2013

    Да главное делать все для человека иначе не как

  • Wbax
    20.04.2013

    Сайдбар действительно важная вещь!Для посетителей это конечно очень удобно,когда в сайдбаре расположена панель навигации.Я сам использую сайдбар для навигации и для размещения рекламы.

  • MLСайт автора комментария:
    http://figli.pp.ua
    23.08.2013

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

  • Zen
    24.10.2013

    У меня что-то предчувствия про эти устоявшиеся вещи не очень хорошее … Это все будет мешать на мобильных устройствах и рано или поздно все это станет вообще другим.

    Щас люди вообще стали более раздолбанными. Они почти не вчитываются …

    Story, может станешь чуть посветлее 😉

  • XstroyСайт автора комментария:
    http://xstroy.com
    25.10.2013

    Ограничения, создавшие привычную нам компоновку страниц, завязаны на код. HTML5 многое поменяет.
    Объёмное восприятие организует глобальные перемены в интерфейсах сайтов.
    Не Story, а Xstroy ) Желание что-то менять было ещё давно, но не сейчас. Как устоится мой оффлайн, так и здесь будут перемены.
    Зато как шикарно смотрится текст статьи на этом фоне … Всё ваше внимание там, а остальное пока вторично.

  • Zen
    25.10.2013

    Вот и я обратил внимание. Достаточно двойственно по акценту внимания 🙂

  • XstroyСайт автора комментария:
    http://xstroy.com
    25.10.2013

    Я больше скажу 🙂 вчера у тебя сам у себя спросил, а куда обращается моё внимание при чтении статьи? И понял, что по центру меня интересует не статья, а твой сайдбар, а сплошной одинаковый фон рассеивает внимание на всё сразу…
    У меня глаза как гвоздём прибиты к тому, что я говорю, а лишь потом появляется возможность искать ответы на свои вопросы. Хотя до сих пор особо не уделял должного внимания юзабилити своего блога. Так только, редкие урывки на то, что режет глаз (мой).

  • Zen
    26.10.2013

    Прочел спросонья — выпал в осадок ) Вообще здорово, мне нравится.

  • vasya
    30.11.2013

    В раю должно быть все: и ад тоже!

Оставить комментарий:

Условия комментирования:
Допускается использование тегов (href, strong, em, code).
Не по теме или неуместные комментарии будут удалены или отредактированы.
Адрес электронной почты никогда не будет опубликован.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Все поля, отмеченные "*" обязательны к заполнению.