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

Сверхзадача визуального повествования — чтобы ключевые мысли текста доходили до людей без необходимости читать. Это не ошибка и не опечатка: не читая.

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

о чём здесь;

какова главная мысль;

полезно ли это изучить;

если полезно — с чего начать;

что изучить в первую очередь, если на текст мало времени.

Всё это можно донести с помощью инструментов визуального повествования.

Пляшите от визуалки

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

Заголовок и подзаголовки здесь не дружат, поэтому, если читатель хочет что-то понять, он даже не знает, с чего начинать чтение.

Иллюстрации — просто картинки ради картинок. Абстрактные мужчины в пиджаках — что это? О чем?

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

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

Обычным людям здесь делать нечего.

Та же статья, но оформленная с учетом принципов визуального повествования.

Подзаголовки дружат с заголовком и складываются в общую связную историю.

Подзаголовки «в подбор» подчеркивают упорядоченность материала: в него приятно углубиться. Есть чувство, что авторы обо мне позаботились.

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

Каждая иллюстрация информативная и рассказывает историю. Общая история, которую я здесь вижу: «Акции — это прибыльно, но есть риск. Вклады — менее прибыльно, но и риска меньше». Эта история читается даже при беглом взгляде.

Так и быть, поставим цитату.

Если мне просто нужны выводы, я прочитаю плашку в конце.

Как добиться нужного эффекта. В вашем распоряжении инструментарий визуального повествования:

заголовки и подзаголовки;

перечни;

модульная структура статьи;

анкеты, микроформаты, рейтинги;

текстовые иллюстрации (примеры и диалоги);

иллюстрации фотографиями и видеороликами;

иллюстрации скриншотами и документами;

иллюстрации схемами и схематичными рисунками.

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

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

Вы заметите, что книга тоже подталкивает вас к диагональному ознакомлению. Посмотрев на какой-нибудь разворот, вы мгновенно понимаете, где здесь хорошие и плохие примеры; вам ясно, откуда начинать читать и где ждет самое интересное. Всё это сообщается вам инструментами визуальной подачи. Будет хорошо, если вы внимательно прочитаете текст, но если нет — вы всё равно за что-нибудь зацепитесь взглядом.

Между делом: абзацы

Абзацы сложно назвать частью визуального повествования, но ради порядка нужно отметить:

Избегайте абзацев длиннее 8 строк в широкой колонке и длиннее 12 строк в узкой. Они создают ощущение полотна текста. Подступиться к ним тяжелее, чем к остальному тексту.

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

Аналогично с переносом абзаца: избегайте переноса одной или двух строк на следующую страницу. Обычно говорят, что переносить на следующую страницу нужно как минимум три строки абзаца, чтобы не было ощущения «обрубка». Либо добавьте в абзац подробностей, чтобы ему потребовалось больше строк; либо сократите, чтобы абзац целиком влез на предыдущую страницу.

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

Заголовки и подзаголовки

У любого текста должен быть заголовок. А если текст, условно говоря, длиннее двух третей экрана, у него должен быть хотя бы один подзаголовок.

Условно — потому что здесь нет четкого правила. Оценивайте на глаз: подзаголовок полезен, когда текст начинает казаться читателю длинным. Если разложить повествование «по полочкам» с помощью подзаголовков, то один длинный текст превратится в несколько коротких, а к ним подступиться легче.

Задача заголовков и подзаголовков — ответить на вопросы «Что это?», «О чем?», «Мне это нужно?». В заголовке читатель должен узнавать себя, свои задачи, вопросы и интересные для него темы.

Соблюдайте баланс: заголовки должны создавать ощущение, что с их помощью я могу выбрать в статье важное для себя. Заголовки не должны перетягивать на себя всё внимание и становиться основным элементом текста. Навскидку, подзаголовок должен встречаться каждые 5–10 абзацев, не чаще.

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

Как купить машину с рук. Выбор модели. Общение с продавцом. Проверка документов. Проверка машины. Сделка.

Машина с рук: как купить правильно. Ликвидные модели. Признаки мошенника. Как проверить документы и машину.

Машина с «Авито»: как купить безопасно и выгодно. Шаг 1: поиск. Шаг 2: проверка. Шаг 3: общение с продавцом. Шаг 4: еще проверка.

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

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

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

Хорошо, когда