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

Сайдбар – это боковая панель сайта.

Она помогает пользователям понять местоположение всего, что есть на сайте.

Виды сайдбаров:

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

Улучшение юзабилити сайта с помощью сайдбара

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

Что может содержать сайдбар:

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

Составляющие сайдбара

1. Рассылка. Возможность подписаться на рассылку помогает в информировании пользователей сайта о всех актуальных акциях, спецпредложениях и другой полезной информации.
2. Разделы. Списки разделов помогают в навигации в соответствии с актуальными интересами пользователей.
3. Актуальные статьи. В перечень статей должны входить наиболее читаемые и комментируемые.
4. Новые статьи. Новый материал будет активнее индексироваться и продвигаться в поисковиках, если ссылки на них добавить в сайдбар.
5. Поиск. Если пользователь сможет найти нужное, просто введя запрос в строку поиска, это явно задержит его на сайте. Ключевые слова, которые будут отвечать запросам пользователя – положительный маркер SEO.
6. Соцсети. Кнопки для перехода на профили компании в социальных сетях, которые добавлены в сайдбар, полезны для продвижения сайта, поскольку пользователи могут таким образом делиться вашим материалом в соцсетях, а другие пользователи, соответственно, по рекомендациям тоже переходят по ссылкам и посещают сайт.
7. СТА (Call to action). Если есть кнопка заказа – это повышенный шанс того, что пользователь осуществит конверсию, будь то заказ товара или услуги, оставленные контактные данные.

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

Для того, чтобы информация в сайдбаре слева привлекла внимание пользователей - она ​​должна быть важнее, чем на странице.

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

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

Не нужно такого в сайдбаре!

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

1. Теги. Это не всегда удобно для навигации и занимает много места.
2. Календарь. Виджет Календарь пользователи не используют для навигации, однако это занимает немало места на странице.
3. "Последние комментарии". Это отвлекает пользователей от контента на страницах, однако не приносит никакой пользы.
4. Счетчики или же достижения. Такая информация должна быть в футере сайта.

Оформление сайдбара

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

Заголовки должны быть крупнее основного шрифта и содержать ключевые слова, которые в свою очередь улучшают SEO сайта.

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