Новый дизайн блога | что выбрать 5% или 15% конверсии

Ты когда-нибудь бывал на сайте с многообещающим крутым контентом и… оххх этот раздражающий и все тормозящий дизайн + вываливается какая нить хреновина с рекламой??? Ты когда-нибудь читал дальше первой строки контент, после первого «неудачного» знакомства с блогом задизайненным супер-пупер дизайном? Если да, тогда ты меня поймешь.

Контент все-таки может быть и король, но дизайн также важен. Визуальность важна. Опыт и удобство также важно! А еще простота в дизайне, минимализм понимаешь?

Если твой сайт выглядит, как помойка — быть может пора его обновить и освежить? Ведь приходя к тебе первый раз люди оценивают «по-одежке», это уже потом смотрят какой ты умный, и насколько ты опытный. Буквально несколько нано-секунд и выбор сделан, твой контент оценили даже не прочитав!

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

Что еще предстоит сделать, и что рекомендую сделать Вам:

  1. Резиновый дизайн (адаптивный дизайн писем)
  2. Поток контента
  3. Типографика

Резиновый | адаптивный дизайн

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

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

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

гугл-штрафует-за-верстку

Поток контента

То, как выглядит контент играет очень важную роль, будут ли его читать дальше или нет. Иногда я спрашиваю себя: «Как я могу изменить стиль контента, так чтобы он стал еще привлекательней для читателя?» — ведь это всего лишь буквы, слова и предложения. Как я могу задизайнить буквы?

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

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

  1. Используй теги H1, H2, H3 для разделения смысловых блоков. И вот почему именно их; В0 первых визуально разделять контент очень важно, это позволяет правильно расставлять акценты, там где надо, а не там где получиться. Во вторых ты говоришь поисковым машинам о чем твой контент, используй ключевые слова в тегах, но не нужно переспамливать!
  2. Пользуйся отступами, и всегда разделяй текст на блоки. А бывает читаешь что-то полезное, но на 5 й строчке уже засыпаешь вольно, не вольно закрываешь такой блог или сайт.
  3. Ну и еще тема, старайся разбавлять сухой текст картинками, слегка увеличь межстрочный интервал, в общем создай свой стиль письма, не повторяй шаблонов!

Следующий шаг в nextgen блоггинге

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

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

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

Гугл+ Ивана Субботина

Подписаться на Ивана Субботина в G+

  • Михаил

    Ваня, блог действительно стал привлекательнее. Но оранжевый цвет в футере режет мне глаза. Аааа, я кровоточу! =) Поиграйся с цветам, пожалуйста!

  • Предложи, какой цвет по RGB (0,0,0) поставить… поиграемся)))