это использовать, чтобы быстро доносить важные мысли и управлять вниманием читателя.
Сверхзадача визуального повествования — чтобы ключевые мысли текста доходили до людей без необходимости читать. Это не ошибка и не опечатка: не читая.
Читатель должен иметь возможность просмотреть страницу по диагонали, чтобы при этом у него сложилась общее представление о тексте. Он должен понять:
о чём здесь;
какова главная мысль;
полезно ли это изучить;
если полезно — с чего начать;
что изучить в первую очередь, если на текст мало времени.
Всё это можно донести с помощью инструментов визуального повествования.
Пляшите от визуалки
Выше вы видите пример длинной статьи, которую делали без учета принципов визуального повествования.
Заголовок и подзаголовки здесь не дружат, поэтому, если читатель хочет что-то понять, он даже не знает, с чего начинать чтение.
Иллюстрации — просто картинки ради картинок. Абстрактные мужчины в пиджаках — что это? О чем?
Цитата кого-то важного. Ее, возможно, прочитают. Но обычно в цитатах первых лиц нет ничего, кроме раздутого самомнения, пафоса и абстракций.
Чтобы эта статья заинтересовала читателя, он должен быть фанатом этой компании или журнала. Или он должен быть специалистом в теме — тогда он придёт критиковать авторов за некомпетентность.
Обычным людям здесь делать нечего.
Та же статья, но оформленная с учетом принципов визуального повествования.
Подзаголовки дружат с заголовком и складываются в общую связную историю.
Подзаголовки «в подбор» подчеркивают упорядоченность материала: в него приятно углубиться. Есть чувство, что авторы обо мне позаботились.
Таблица притягивает внимание, благодаря цветовым акцентам ее хочется изучить.
Каждая иллюстрация информативная и рассказывает историю. Общая история, которую я здесь вижу: «Акции — это прибыльно, но есть риск. Вклады — менее прибыльно, но и риска меньше». Эта история читается даже при беглом взгляде.
Так и быть, поставим цитату.
Если мне просто нужны выводы, я прочитаю плашку в конце.
Как добиться нужного эффекта. В вашем распоряжении инструментарий визуального повествования:
заголовки и подзаголовки;
перечни;
модульная структура статьи;
анкеты, микроформаты, рейтинги;
текстовые иллюстрации (примеры и диалоги);
иллюстрации фотографиями и видеороликами;
иллюстрации скриншотами и документами;
иллюстрации схемами и схематичными рисунками.
Важно, чтобы эти инструменты использовались осознанно. Нельзя механически усеять всё подзаголовками и случайными картинками, ожидая, что каким-то образом эта конструкция сама создаст нужный эффект. Дальше я покажу, как именно пользоваться этими инструментами, чтобы они работали на вас.
Также обратите внимание, как инструменты визуального повествования применяются в этой книге: где стоят заголовки и подзаголовки; как отбиваются новые главы и разделы; как представлены большие и малые примеры; когда и зачем используются тексты в столбик; как работают цветные акценты (галочки и крестики); в каких ситуациях применяются оранжевые рамки и серые фоны страниц.
Вы заметите, что книга тоже подталкивает вас к диагональному ознакомлению. Посмотрев на какой-нибудь разворот, вы мгновенно понимаете, где здесь хорошие и плохие примеры; вам ясно, откуда начинать читать и где ждет самое интересное. Всё это сообщается вам инструментами визуальной подачи. Будет хорошо, если вы внимательно прочитаете текст, но если нет — вы всё равно за что-нибудь зацепитесь взглядом.
Между делом: абзацы
Абзацы сложно назвать частью визуального повествования, но ради порядка нужно отметить:
Избегайте абзацев длиннее 8 строк в широкой колонке и длиннее 12 строк в узкой. Они создают ощущение полотна текста. Подступиться к ним тяжелее, чем к остальному тексту.
Хорошо, когда абзац заканчивается не в самом начале строки, а хотя бы на ее трети. Если у вас на последней строке абзаца стоят два-три слова — лучше сократите текст.
Аналогично с переносом абзаца: избегайте переноса одной или двух строк на следующую страницу. Обычно говорят, что переносить на следующую страницу нужно как минимум три строки абзаца, чтобы не было ощущения «обрубка». Либо добавьте в абзац подробностей, чтобы ему потребовалось больше строк; либо сократите, чтобы абзац целиком влез на предыдущую страницу.
Последние два принципа трудно соблюдать в интернете, где длина строки зависит от размера экрана. Но на печати — следите.
Заголовки и подзаголовки
У любого текста должен быть заголовок. А если текст, условно говоря, длиннее двух третей экрана, у него должен быть хотя бы один подзаголовок.
Условно — потому что здесь нет четкого правила. Оценивайте на глаз: подзаголовок полезен, когда текст начинает казаться читателю длинным. Если разложить повествование «по полочкам» с помощью подзаголовков, то один длинный текст превратится в несколько коротких, а к ним подступиться легче.
Задача заголовков и подзаголовков — ответить на вопросы «Что это?», «О чем?», «Мне это нужно?». В заголовке читатель должен узнавать себя, свои задачи, вопросы и интересные для него темы.
Соблюдайте баланс: заголовки должны создавать ощущение, что с их помощью я могу выбрать в статье важное для себя. Заголовки не должны перетягивать на себя всё внимание и становиться основным элементом текста. Навскидку, подзаголовок должен встречаться каждые 5–10 абзацев, не чаще.
Например, вот варианты заголовков и подзаголовков в статье о покупке машины. Все варианты рабочие:
Как купить машину с рук. Выбор модели. Общение с продавцом. Проверка документов. Проверка машины. Сделка.
Машина с рук: как купить правильно. Ликвидные модели. Признаки мошенника. Как проверить документы и машину.
Машина с «Авито»: как купить безопасно и выгодно. Шаг 1: поиск. Шаг 2: проверка. Шаг 3: общение с продавцом. Шаг 4: еще проверка.
Чтобы заголовок и подзаголовки выполняли свои функции, старайтесь делать их простыми и не вызывающими дополнительных вопросов. Если заголовок получился игривым, это скорее помешает читателю, чем поможет:
Девятка с большой дороги. Путь эконома. Не обманешь — не продашь. Долг платежом красен. Пуля — дура, штекер — молодец.
Сложные заголовки заставляют читателя терять время на изучение вашей задумки. А нам нужно, чтобы сразу было ясно.
Хорошо, когда
