Смысловые иллюстрации — это как горгонзолла в пицце 4 сыра

Без неё тоже очень вкусно и наедательно. Но с ней совсем хорошо.

Да, да. Это необязательный элемент. Основная смысловая нагрузка, по моему мнению, всё ж ложится на текст.

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

Смысловая иллюстрация — это картинка, которая усиливает и дополняет текст.
Она всегда несёт в себе дополнительную ценность о продукте или услуге: помогает лучше его понять, убеждает в правдивости, визуализирует пример или демонстрирует какое-то свойство.

Вот несколько примеров для наглядности.

Что вообще может быть смысловой иллюстрацией?

Да любая штука, которая показывает продукт, его свойство или ценность:
✓ Видео
✓ Фото
✓ Иконка
✓ Схема
✓ Скриншот софта
✓ ПДФ-документ
✓ Чек, квитанция
✓ Тридешка
✓ Аудиозапись
✓ Персонаж
✓ Скриншот чата
И т.д.

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

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

№1. Помогает лучше понять

Продукт, какой-то конкретный смысл или свойство. Например, в нашем диване какая-то уникальная конструкция, благодаря которой он тонну выдерживает — такую конструкцию лучше показать в разрезе, чем просто объяснять словами. Или мы продаём конструктор квизов. Наглядно показать, какая конверсия у сайта будет без квиза и какая с квизом — показать 100 человечков и 30% «с» и 20 человечков и 5% «без». Особенно, если не все в ца понимают, что такое конверсия.

№2. Усиливает эффект

Например, мы сравниваем два термоса по удержанию тепла. Написать словами «Этот держит 60° 2 часа, а вот этот те же 60° 8 часов» — уже понятно. Но если нарисовать температурный график, это усилит эффект ценности за счёт наглядности. Или мы продаём генераторы и говорим, что они выдерживают экстремальные условия: картинка с дикой зимой и градусником на -50° + наш рабочий генератор — усилят ощущение «экстремальных условий».

№3. Раскрывает дополнительные свойства

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

№4. Наглядно показывает принцип работы

Например, если мы продаём комплексные охранные системы. Слово «комплексные» отлично покажет схема, на которой будет изображён дом, цветом выделен его периметр и на периметре будут акцентированы объекты: камера, датчик задымления, сигнализация и так далее. Можно перечислять словами в абзаце, а можно один раз супер-понятно показать.

№5. Усиливает доверие читателя

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

№6. Вызывает ощущение «хочу»

Можно писать текстом, какой зашибенный вид в нашем отеле, но лучше один раз показать. Да ещё и видосом и в разное время дня: на закате и на рассвете. Или если мы даём лид-магнит даже в b2b-нише типа «Получите чек-лист проверки качества дизайнера» — круто показать кусочек этого чек-листа, чтобы немного заинтриговать и подогреть хотелку.

№7. Просто показывает сложное

Особенно, если аудитория не экспертна. Допустим, мы продаём конструктор ботов для Телеги и нам нужно прогреть тех, кому нужна автоворонка, но они не знают, как она выглядит. Можно писать текстом, а можно снять скринкаст и в нём наглядно показать: вот так ты из готовых блоков собираешь логику, а вот так это выглядит со стороны твоих клиентов. Или нам нужно показать, как работает передача импульса в мозге, когда нейронные пути нарушены и когда они в нормальном состоянии. Можно просто схематично показать, что когда путь нарушен — нейрон бежит в обход и тратит лишнее время. Это гораздо быстрее и проще донесёт идею до человека, чем текст.

№8. Позволяет не читать

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

№9. Добавляет эмоций

Причём как негативных (для «до», например), так и позитивных. Чтобы усилить давление, добавить ощущений или разбавить сухую тему. Если мы продаём машины, то фотография счастливого обладателя будет усиливать эффект, в сравнении с пресной фоткой тачки. Или зафиналить лендинг фитнес-тренера фотографией грустного толстячка с посылом «если не начёшь щас, будешь выглядеть так».

№10. Показывает результат

Тот, который хочет получить человек, когда воспользуется продуктом. Например, формат до/после: до курса по рилсам 30 подписчиков, после курса 15 000 подписчиков. Или мы оборудуем внедорожники выхлопом на крыше, чтоб они могли по реке ехать — идеально показать скрытый на ¾ под водой крузак, чтобы ещё волны от него шли и было очевидно, что он едет, а не утонул.

№11. Демонстрирует товар лицом

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

№12. Показывает продукт в действии

Идеально показывать товар в процессе использования. Не просто мощный фонарь на 10 000 люменов, а как он в кромешной ночи освещает лес на 100 метров. Не просто непромокаемую куртку, а видос, как чел выходит из под душа в полностью мокрой куртке, снимает её, а под ней абсолютно сухая футболка.

№13. Помогает понять внутреннее устройство

Не обязательно какого-то предмета, но и услуги тоже, например, через этапы. Если мы продаём прибор, который делает воду водородной — показать, как к обычной молекуле H2O добавился ещё один атом водорода. Или если мы продаём услугу регистрации товарных знаков: показать две схемы — как человек потратит тыщу лет, если будет делать это сам и как с нами сэкономит 999 лет и 11 месяцев жизни, расписав при этом, за счёт чего это происходит на каждом из этапов.

№14. Подтверждает факты

Чтобы они не выглядели как «на заборе тоже написано». Если мы продаём утепление домов и заявляем, что с его помощью экономится 40% на отоплении — надо показать две квитанции с одной площадью до и после. Или мы утверждаем, что о нас говорят в ведущих сми — чтобы это доказать, нужно показать скриншот нашего интервью в Форбсе.

№15. Усиливает боль человека

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

№16. Усиливает ценность в сравнении с ценой

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

Ну и 3 дополнительных критерия чисто на здравый смысл.

По ним подробно пройдёмся на практикумах и когда будем разбираться с тем, как делать иллюстрации не нужно. Не только смысловые, но и вообще.

№17. Не противоречит сути

№18. Не уводит от основной мысли

№19. Не усложняет восприятие

Почему вообще эти критерии так уж важны?

Если верить исследованиям, то около 60% всех людей — визуалы. Они быстрее и легче воспринимают визуальную информацию, чем текстовую или аудиальную. Плюс, естественно, иллюстрации привлекают внимание сильнее текста и мы должны использовать это привлечённое внимание себе на пользу. И лучше всего с этим справится смысловая иллюстрация, а не какая-то бесполезная абстракция.

Позже поговорим ещё:

• Как придумывать смысловые иллюстрации
• Какие иллюстрации точно нельзя использовать
• Как и какие возражения / вопросы можно снимать иллюстрациями
• Ну и прочее, там дофига ещё чего можно поразбирать :)