Что такое боковая панель и нужна ли она в вашем блоге?

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

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

Давайте приступим к делу!

Подпишитесь на наш канал Youtube

Что такое боковая панель (и почему она полезна)?

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

• Навигационные ссылки на ключевые страницы
• Реклама товаров или услуг
• Формы подписки по электронной почте
• Популярные или похожие сообщения
• Ссылки в социальных сетях

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

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

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

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

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

2 типа веб-сайтов, которым может быть полезно использование боковых панелей

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

1. Веб-сайты с большим количеством контента

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

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

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

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

2. Интернет-магазины

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

• Сопутствующие товары и прошлые покупки
• Кнопки " Добавить в корзину"
• Отзывы и рейтинги покупателей
• Объявления о специальных предложениях или рекламных акциях, которые вы проводите
• Просмотр корзины покупок, чтобы клиенты могли отслеживать свои текущие итоги

Одна из распространенных проблем, связанных с дизайном веб-сайтов электронной коммерции, заключается в том, что он связан с большим количеством беспорядка. Если вы быстро взглянете на Amazon или eBay, вы сразу заметите, что мы имеем в виду:

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

Как боковые панели вписываются в мир мобильных устройств?

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

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

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

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

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

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

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

Заключение

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

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

У вас есть вопросы о том, как максимально эффективно использовать боковую панель? Оставьте их в разделе комментариев ниже!

Миниатюра статьи г-на Криты Махамуда / shutterstock.com