Оригинал: How to Write Scannable Content: A 6-Step Approach
Пересказ: dimok

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

Добиться легкости восприятия текста можно с помощью следующих приемов:

1. Использование подходящей длины строки.

Не нужно заставлять читателя крутить головой по всей ширине экрана (а они сейчас весьма широкие). Существует множество исследований в это области и большинство говорят о том, что идеальная длина строки должна быть 400-600 пикселей, т.е. примерно 12-16 слов.

2. Разбивайте текст на параграфы.

Читать длинные простыни безразрывного текста крайне тяжело. Для текстов в блогах следует активно пользоваться абзацами.

3. Используйте заголовки и подзаголовки.

Они могут заметно улучшить восприятие текста. Я всегда стараюсь выделять блоки информации за счет тегов <H2>, <H3>, <strong>. На мой взгляд 2-3 уровня заголовков более чем достаточно.

4. Используйте списки!

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

5. Используйте выделение "жирным" и "курсивом".

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

6. Картинки - друзья блогера.

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


  • Могу еще немного дополнить 2 параграф. Абзацы стоит делать не более, чем из 2-3 предложений.
    Кстати, это правило очень полезно в блогах, позволяет не лить воду, а говорить только по существу, экономя время читающего.
    Это бывает сложно, даже при наличии опыта, но к этому нужно стремиться.
  • Димок, спасибо за пересказ. Очень полезный материал.
  • Согласен со Svift'ом - Краткость - сестра таланта.

    А вообще можно много чего сюда добавить. Вот только стоит ли? У каждого как-никак свою формула идеала (хотя про идеал - это я наверное завернул)!
  • Я бы еще добавил пункт о лаконичном изложении мыслей)
  • Многое "в тему", но эти правила очень часто могут "напрягать" автора, и я бы посоветовал оценивать текст на совместимость с этими советами уже после написания. То есть делать "предпечатную подготовку" текста уже после его написания
  • Есть замечательная книжка: "Текст для web" (издательство "Вильямс", 2003 год). Рекомендую.

    Про пунктиры - правда сущая :)
  • 6е - не только блогера, но и читателя)
    Немножко расслабляют глаза, а то один текст в большом кол-ве очень напрегает в больших объёмах)
  • Мне кажется, что 6 пункт мега-важен, так как часто запоминается не только мысль блогера, но и стилистика блога.
  • Евгений, спасибо, я поэкспериментирую с этим.

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

    как нащщщет ошибок в этой фразе - это привлекает или нет читателей блога?
  • Главная проблема сайта — мощный визуальный шум создаваемый пунктирами. Не на пользу и малый межстрочный интервал. Плохо сказывается на читабельности и быстро утомляет маленький отступ от левой границы и фоновая кавычка в цитатах.

    Я бы беспощадно удалил все лишнее.
    http://designformasters.info/not-for-dfm/dimok-blog.png
    (PNG, 180K, флеш на фото не попал)
  • Если кто укажет ошибки на моем сайте - буду весьма признателен.
  • art
    че то постоянно стал змечать чточитаю какое-то б/у
  • smo
    Видимо димок эти правила не читал :)
  • Всего 6 правил - а на сколько повышается читабельность !
    еще все бы их придерживались :)
  • да, все правильно, даже мало что добавить можно :)
  • Очень дельные советы, кроме разве что курсива, он не очень хорошо читается.
  • У мну тож 11 пунктов))
    11 советов при написании текста в блог
    да простит меня аффтор)
  • Кодга то и я писал о подобном, разве что у меня вышло 11 пунктов (:
  • самое главное правило: заголовок должен заставить читать текст, а текст должен читаться легко и приятно, не напрягая размером блока и прочими другими вещами...
    при этом, по-моему, использование большого количества всяких "приемов" (жирный шрифт, курсив, куча заголовков и т.д.) должно быть четко обоснованно семантически!

    и не стоит злоупотреблять этим, если через каждые три строчки будет заголовок, а каждое третье слово будет написано жирным — это только усугубит положение даже по сравнению с вообще никак не обработанным текстом!
  • Из всех этих пунктов единственно что мне кажется обязательным так это: разбиение на параграфы.
  • Действительно полезные советы. Но их мало просто знать, нужно уметь их грамотрно комбинировать.
  • Извините за оффтоп, провожу опрос. Назовите ваших любимых исполнителей/группы. И любимые марки машин. Просто хочу пост на эту тему сделать, опросив манимейкеров.
  • Не соглашусь с Feelov по поводу абзацев, мне, напрмер, чем больше абзацев, тем удобнее читать...ну а смысл в них конечно должен быть...
  • Курсив для заголовков, в эпоху Верданы и Ариала, это плохо очень! Это плохой совет, к сожалению, им пользуются довольно часто. Ругаю своих дизайнеров за любовь к курсиву в заголовках постоянно.
    А где курсив уместен:
    - в "цитатах из первоисточников"
    - во всяких авторских сносках типа (прим. переводчика)
    - в подписях к объектам, когда нужно явным образом отделить подпись от основного текста (да, про видео там сказано).
    Вообще курсив хорошо смотрится на уменьшенных шрифтах с засечками, типа Таймса, который в блогах редко используют, увы.
  • Да уж, по последнему пункту у меня тоже проблемки. Перевод отличный, спасибо!
  • Про первые два пункта...
    1. Кажись, 12-16 слов - это все таки много. Вот посчитай, сколько у тебя у самого слов в строке.
    2. "Следует активно пользоваться абзацами" - следует на самом то деле проставлять их только там, где они имеют смысл, для четкого логического структурирования текста, не больше. А не активно, где попало...

    остальное - по делу... ;)
  • Да, если лучшие друзья девушек - это голубые, то лучшие друзья блоггера это картинки. :)
  • Димок, классная статья! Спасибо за перевод!
  • Неплохо. Коротко, но основательно.
  • хороший перевод :)
  • http://www.useit.com/papers/webwriting/ - тут это более подробно изложено, на англ
blog comments powered by Disqus

Облако тегов

Связаться со мной можно по почте: dimokru@gmail.com или через твитер @dimokru
    follow me on Twitter

    Статистика

    • toodoo
    • TwitterCounter for @dimokru
    • Рейтинг блогов
    • Участник Blograte.ru