Наша семья Проверено на себе Ошибки в дизайне блога

Ошибки в дизайне блога

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

Что мне НЕ нравится в дизайне сайта или блога.

1. Будьте внимательны к шрифту. Хороший шрифт может притягивать людей. Заметки написанные хорошим шрифтом хочется читать! По-моему мнению, недопустимо писать цельный текст жирным шрифтом, курсивом или заглавными буквами — это очень сильно ухудшает читабельность. Эти шрифты созданы для выделения слова, фразы или заголовка. Вообще недопустимо (даже заголовки) писать заглавными буквами (ВОТ ТАК). Например вот в этом блоге — www.lizon.org это нарушается дважды — текст написан жирным курсивом.

2. Верстайте так, чтобы текст не залезал на картинки. Если что-то перекрывается, находит одно на другое, текст цепляет картинку, то блог выглядит как неаккуратная аппликация. Вот пример — http://www.virastay.com. Правый столбец явно залезает на контент (средний блок). К тому же обилие непонятных полей и картинок, добавляет грязи в блог.

3.  Если у вас русский блог — пусть все надписи будут на русском. Странно когда блог русский, но вдруг на главной странице мы видим — posted by или you might also like.

4.  Не повторяйте слова в меню или в рубрике, если у вас 5 рубрик и все они называются «мама Лена готовит», «мама Лена шьет», «мама Лена читает» — то читателю может начать казаться, что его держат за идиота.

5. Уберите анимацию. Я бы сказала еще категоричнее — вообще не используете анимацию на сайтах и блогах. Сначала это может казаться милым, но после того как несколько раз заходишь на сайт, летящие снежинки, моргающие елки, чирикающие птички и распускающиеся подснежники раздражают, отвлекают, выглядят безвкусно и вульгарно. Вот пример — http://www.krasivayamama.com.ua.

6. На многих блогах (а может даже на всех) перед каждой статьей написано — «Автор: Лена Иванова Рубрика: Мои дети Комментариев 6 Прочитано 140 раз». Но блог ведет только Лена Иванова, все записи делает только она! Зачем это упоминать еще раз? Вот если бы она вела этот блог хотя бы со своим мужем…

7. Дайте место контенту! Часто под него выделена такая узенькая полоса, а сбоку, в два ряда на него налезает банеры, огромные числа с количеством подписчиков, какие-то непонятные лица из контакта и фэйсбука смотрят на тебя — так что невольно становится тесно, неуютно, все моргает прыгает и зовет тебя куда-то. Хочется все это дело прекратить одним кликом на крестик у окна браузера. Вот пример — http://mama-smile.ru.

8. Выпадающее меню, в несколько рядов и слоев. Ладно если просто один уровень, но когда из каждого пункта еще вылезает, а там еще и еще. То чтобы выбрать нужный пункт надо иметь очень твердую руку и недюжинное терпение. Вот пример — http://earlystudy.ru. А еще пример, но уже не блога — http://www.center-akusherstva.ru/akusherstvo/vedenie_beremennosti. Попробуйте пройтись от начала вложенности и до конца «естественные роды->роддома->роддом 6-> фотографии палат». Сколько попыток потратили?

А теперь что мне нравится в блоге или сайте. Конечно, нравится когда отсутствует все, что было перечислено выше. Но есть еще кое-что:

1. Большие картинки, особенно если это рецепт или рукоделие. Вот удачный пример — >http://www.mamagotovit.ru.

2. Маленькая шапка. Скажем так, шапка может быть любого размера, но так, чтобы «хорошая» часть контента была видна сразу и не надо было скролить, сразу, только попав на страницу. Вот удачный пример — маленькой шапки — http://www.prostomama.com.

3. Продуманная, хорошо проработанная главная страница.

4.  Спокойный фон и аккуратное меню. Вот хороший пример — http://orangefrog.ru.

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

9 комментариев
Присоединяйтесь к беседе и оставляйте комментарий.
  1. Александра (Красивая мама)

    О НЕ нравится:
    1. Заголовок этого блога хорошо читается и в глаза сильно не бросается и очень даже мило выглядит.
    3. Посмотрите на надпись в вашем блоге «Submit Comment»
    5. Анимацию я поставила, потому что хотела украсить блог к Новому году и принимала участие в конкурсе.
    6. А если вы первый раз на блоге, тогда откуда вы знаете кто публикует статьи?
    Вы дали ссылки в статье, что посетители посмотрели, на что вы указываете. Но, на мой взгляд, было бы более разумно сделать скриншот, а так теперь посетители могут многое не увидеть. И будут о вас не очень высокого мнения.

  2. Ксения Несютина

    Александра, ваш комментарий первый на моем блоге! Чему я очень рада =)

    Заголовок этого блога хорошо читается и в глаза сильно не бросается и очень даже мило выглядит.

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

    Посмотрите на надпись в вашем блоге «Submit Comment»

    Большое спасибо. Форма комментариев — пока не паханное поле. Буквы вот например с тенями и серые какие-то. По-тихоньку исправляю шаблон. Моему блогу меньше месяца ведь. Даже интересно как вы его нашли?

    Анимацию я поставила, потому что хотела украсить блог к Новому году и принимала участие в конкурсе.

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

    А если вы первый раз на блоге, тогда откуда вы знаете кто публикует статьи?

    Прочитаю страничку «об авторе блога»! В любом случае надпись «Автор: Таня» (и так около каждого поста) ни как не характеризует автора.

    Вы дали ссылки в статье, что посетители посмотрели, на что вы указываете. Но, на мой взгляд, было бы более разумно сделать скриншот, а так теперь посетители могут многое не увидеть. И будут о вас не очень высокого мнения.

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

  3. Olga 0207

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

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

  4. Ксения Несютина

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

    А мне очень нравятся замечания по делу, я бы и другим с радостью написала, что у них не так. Но многим обидно почему-то. Я и статью написала, не чтобы кого-то обидеть, а чтобы помочь.

  5. Olga 0207

    Так намного лучше посты читаются. :)

  6. Елена

    Приятно познакомиться.
    Ксения, позвольте и я добавлю. Цвет буковок на светло-голубом фоне лучше смените, их не видно. Да, и на главной можно их увеличить. Я, как и Ольга, предпочитаю шрифт покрупнее.
    А в целом мне здесь понравилось. Спокойное оформление блогов люблю. Ещё потом посмотрю поподробнее. Темы здесь, конечно, не мои, но некоторые блоги мам я смотрю, потому что очень привлекают авторы.

  7. Ксения Несютина

    Елена, спасибо за то что обратили внимание, тексты анонсов на главной и вправду так и пишутся маленьким шрифтом. Попробую сегодня подобрать что-то более удачное.
    Всегда рада видеть вас в гостях =)

  8. Юлия

    А мне не обидно, а наоборот интересно! Укажите, какие недостатки у сайта в подписи?

  9. Ирина Полякова

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

Оставить свой комментарий