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