Всем привет! 🙂

На связи снова Александр x3m и мой блог BlogoStroyka.RU.

В данной теме я буду рассматривать как правильно располагать виджеты в сайдбаре на блоге с точки зрения Web Дизайна и Юзабилити (удобства пользования) на блоге.

Данные советы и рекомендации будут практическими, что поможет вам настроить свои сайдбары по фень-шую. =)

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

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

Часть 1 – Общие рекомендации.

Часть 2 — Вариант один (правый) сайдбар.

Часть 3 – Вариант 2 правых сайдбара.

Часть 4 — Вариант 2 сайдбара слева и справа.

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

LETS GO – ЧАСТЬ 1.

Для начала ИНФОРМАЦИИ…

Элементы (виджеты) в сайдбаре делятся на следующие типы:

• Функционально-полезные (рубрики, подписка по e-mail);
• Дополняющие функционал (архивы, метки);
• Расширяющие функционал – плагины (популярные статьи, последние записи);
• Информативно-указательные (ссылки на аккаунты в соц. сетях, счетчики Li);
• Рекламные (Google Adsense, партнерки и т.п.);
• Дурные – портящие веб-дизайн (статистика Akismet, виджет «Мета»).

А теперь разберем ОБЩИЕ правила настройки сайдбара:

1. Главное правило гармоничной настройки сайдбара заключается в следующем: установить в ВЕРХУ сайдбара нужные (самые полезные) элементы, убрать все лишнее, и гармонично разбавить его дополнительными и информационными элементами.
2. Цвет элемента сайдбара должен соответствовать общей цветовой гамме блога;
3. Ширина элемента (картинка, форма подписки, группу Вконтакте) в сайдбаре НЕ должна превышать общую ширину сайдбара, т.е. элемент не должен выходить за границы сайдбара;
4. Внешняя граница виджета должна быть четко просматриваться. Она не должна отсутствовать или сливаться с соседнем элементом в сайдбаре, т.е. каждый виджет должен быть в своем «домике».
5. Ограничение рекламы – если уж вы решились разместить свою рекламу на блоге, сделайте это спокойно в самом низу сайдбара (в виде текстовых ссылок), чтобы большинство пользователей это не напрягало.

На этих общих рекомендациях я закончу 1-ю часть данной темы. Продолжение следует…

Чтобы быть в курсе событий – подпишитесь на новости блога + получите книгу про web дизайн. 🙂 Подписка вверху сайдбара.

P.S. Данная статья состоит из нескольких частей: ЧАСТЬ 1 – ЧАСТЬ 2.

P.P.S. Так же посмотрите статью про улучшения веб дизайна на блоге. Там много интересного, в том числе и по настройки сайдбара.

Цитата поста:

Внутренняя гармония – это счастливый брак души с разумом.

Видео-вкусняшка: Сегодня у меня на десерт победители Американской «Минуты Славы». Особенно мне понравилось их 3-е выступление… Мега-круто! =)