Правила хорошего сайдбара

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

Хорошо организованный сайдбар должен включать в себя некоторые важные элементы, такие как:  подписка на rss, рекламу, последние и популярные заметки, и поиск по блогу. Также многие блоггеры добавляют на боковую панель и другие различные виджеты, такие как: Работа, Твиттер, Google Friend Connect, Facebook Fan Page).

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

Безимени-1

Подписка: Эта часть в некоторых случаях включает в себя краткое описание блога. Эту часть обычно распологают в верхней части сайдбара, и занимает она в среднем около 5% сайдбара. Она должна включать в себя ссылку на RSS канал, подписку на страницу по электронной почте, Твиттер и Facebook профили.

Реклама: Боковая панель являеться идеальным местом для размещения рекламы. В среднем эта область занимает 35%-40% от сайдбара. Практика показывает, что лучше всего использовать не более двух баннеров (размером 125х125 пикселей) в одну строку.

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

Внешние виджеты: Многие блоги добавляют на сайдбар внешние виджеты, такие как: Facebook Fan Page или Google Friend Connect. Эти виджеты не являются обязательными, но все-таки они могут быть полезны вашим читателям.

Другие элементы: В среднем занимает около 10% от сайдбара и в нем располагаются самые различные элементы, такие как: работа, обновления Твиттера, список тегов, и так далее.

Заключение:
Последние рекомендации о ширине сайдбара. Слишком большая или маленькая ширина не рекомендуется. Я рекомендую установить вам ширину в ~260 пикселей, так чтобы сайдбар мог содержать два рекламных баннера в строку и зазором между ними в 10 пикселей.

via woorkup.com

Метки: , , , ,

Опубликовал: Дизайнер от 09 Фев 2010

Один комментарий

Александр 04 Мар 2010 01:11

С процентным соотношением можно поспорить, но, в целом, порядок следования толковый.

P.S.
Простейшая диаграмма, а восприятие облегчает в разы.

[Ответить]

Написать ответ

Ваше Имя:  (обязательно)
Электропочта:  (обязательно)
Адрес сайта:
Сообщение:
(Ctrl+Enter)