Бизнес Дизайн

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

RSS

Что означает дизайн для блога?

Опубликовано 07.11.2007 - В рубриках: Теория дизайна

СекретыНедавно мой гостевой пост был опубликован на блоге «Бизнес по методу Кати Пушкаревой», позвольте представить немного расширенную и дополненную версию.

Дизайн — это вовсе не красивая картинка от Пирогова, или главного дизайнера Руси, a прежде всего правильное представление информации.

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

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

Рассмотрим предназначение каждого элемента странички.

Шапка — обычно она вмещает в себя название блога и его описание. Что касается логотипа — он для блога вовсе не обязателен. Исключением может служить разве что если блог является дочерним сайтом некой компании, тогда использование логотипа будет диктоваться правилами корпоративного стиля.

Контентная область — самый широкий столбец сразу под шапкой. Там публикуются все ваши статьи.

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

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

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

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

Статей на одной странице должно быть не более чем на 4-5 экранов прокрутки, и статьи должны быть примерно одинаковой высоты (наилучший вариант — одна, максимум две страницы А4 печатного текста).

Сайдбар — одна или несколько узких колонок, которые идут параллельно контентной области. Добавлять и изменять содержимое этих колонок в блоге на движке WordPress можно с помощью виджетов банальным drag-and-drop одного элементов в нужное место.

Ваша цель — привязать к себе читателя, для этого используйте RSS или (а лучше «и») e-mail подписку.

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

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

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

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

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

Счетчики посещений и прочие кнопочки — наилучшее место для них это подвал странички, или на крайний случай — самый низ сайдбара.

Баннер — область пространства используемая под рекламу. Баннер можно "вписать" как элемент шапки, или же поставить его между самой шапкой и контентной областью.

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

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

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

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

Хороший дизайн это не там где нечего добавить, а там, где нечего убрать.

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

Ссылки, которые помогут вам больше разбираться в дизайне это Ководство, переведенные на русский статьи aListApart.com, Масон веб-дизайнерства, и некоторые статьи Алексея Новикова.

Понравился пост? Подпишись на RSS!

Комментарии

Отзывов (11) на «Что означает дизайн для блога?»

  1. Мой Путь к Интернет деньгам v.2.0 09.11.2007 12:46 pm

    хорошая статья.
    возможно надо было раписать в каких файлах находится шапка (header.php), те еже сайдбары, особенно когда их 2, потому как новичок и без того путается, а гуру по привычку вещают на сленге типа топай в хидер и правь то или то.

  2. Мой Путь к Интернет деньгам v.2.0 09.11.2007 12:49 pm

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

  3. Денис Судилковский 09.11.2007 12:52 pm

    Думаю напишу отдельную статью про внутреннюю навигацию, там и упомяну про превьюшки картинок.

    А что касается ширины картинки - то там все зависит от шаблона.

  4. Мой Путь к Интернет Деньгам v.2.0 | 5 шагов к званию «Блоггер Года» 09.11.2007 2:32 pm

    […] я прочел статью Дениса Судилковского Что означает дизайн для блога?. Очень полезная информация подается грамотно, […]

  5. roman 10.11.2007 12:02 pm

    у себя размещал обзорный пост с множетсвом ссылок на развалы тем для worpress - если интересно - пост тут

  6. Grisha 10.11.2007 10:19 pm

    Да это пиздец полный

  7. Пять причин заткнуться вашему шефу : Бизнес Дизайн 14.11.2007 10:50 am

    […] Мою статью про дизайн для блогов напечатали на seonews.ru, Дмитрий Донченко теряет […]

  8. Ольга Иванова 19.11.2007 3:28 pm

    Хороший пост
    Абсолютно согласна ,что кислотный цвет банера отпугивает, это я по себе знаю…

  9. Vityushka 20.10.2009 9:13 pm

    Согласен с вашим блогом. Очень интересно… Спасибо!

  10. Nikolka 21.10.2009 10:16 am

    Хороший блог!спасибо

  11. SAZONOVIvan 03.05.2011 10:51 pm

    низкие цены на надувные батуты только здесь

Оставьте отзыв