Сайдбар

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

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

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

Пример: pepsico.ru Анонс новостей из социальных сетей в правом сайдбаре

Пример: atomstroy.net меню с разделами сайта, поисковая строка и форма обратной связи в левом сайдбаре

Элементы сайдбара, повышающие юзабилити

Сайдбары на сайтах могут содержать разные элементы.

Однако существует их привычный перечень, в который входит:

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

Каким должен быть сайдбар, чтобы его заметили пользователи?

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

Чтобы этого не случилось, следует при его создании учитывать несколько важных моментов:

1 Панель сайдбара должна быть значительно уже контентной зоны. Высота не должна выходить за границы видимой области. Хотя в связи с массовым использованием мобильных устройств для просмотра сайтов, скроллинг постепенно становится обычным делом и не считается чем-то негативным.
2 Цвета и изображения подбираются таким образом, чтобы сайдбар выглядел привлекательно, но при этом не отвлекал внимание пользователей от основного контента сайта.
3 Шрифт обычно выбирают на 10% больше основного, заголовки центрируют, а текст выравнивают по левому краю, чтобы не нарушать естественность чтения.
4 Элементы следует располагать в порядке важности.
5 Если есть необходимость отображать большое количество дополнительной информации, на сайте может быть два сайдбара, справа и слева от основного контента или только справа.

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