Визуальная упаковка смыслов: как захватывать внимание, доносить идеи и продавать в современном визуальном мире

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

Т.е. до пяти объектов мы можем быстро визуально распознать. Но если количество объектов будет увеличиваться, то для наших глаз это будет просто «много». В быстром распознавании «много» помогают подсказки в виде цифр.

Перейдём к диаграмме. Например, отобразить большое количество объектов можно их прямой визуализацией. Нарисуем 100 крестиков. Быстрому ответу на вопрос «Сколько?» помогает цифра. Причём, когда добавляем цифру, не обязательно реально отрисовывать именно 100 крестиков. Глаза видят много крестиков, а цифра подсказывает, сколько их тут.

Но для наших глаз аналогичной по смыслу будет и такая картинка.

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

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

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

При относительном сравнении целое легко представить в виде какого-то стандарта. Самым часто используемым является стандарт – 100 процентов, когда целое представляется в виде 100 процентов, а части будут являться долями от целого.

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

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

Времени на всё не хватает, поэтому вам в помощь я написал небольшую шпаргалку по пяти основным видам диаграмм и вариантам их применения. Шпаргалку можно прочитать, перейдя по ссылке https://clck.ru/33thqu

Здесь нам важно запомнить, что при количестве объектов более пяти нам трудно их быстро посчитать. Поэтому нужно добавлять подсказки – цифры. А сами цифры для их количественной оценки нужно с чем-то сравнивать.

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

Но, в отличие от изображений портретов, здесь делается фокус на количественной характеристике образа. Например, когда мы говорим об идеальной размерах девушки-модели, рисуем силуэт женщины. Но здесь фокус не на форме силуэта, а на количественных значениях объёмов. А если мы по смыслу хотели бы передать отличие от идеала, то отвечали бы на вопрос «Кто?/Что?», и в фокусе были бы формы объектов, а цифры второстепенны.

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

Количественные обозначения лучше подписывать рядом с диаграммой или в самом теле диаграммы. При визуализации цифр с большим количеством нулей, лучше использовать сокращённые подписи.

Итак резюмируем, базовым визуальным якорем при ответе на вопрос «Сколько?» будет выступать диаграмма. Слышим по смыслу «Сколько?» – рисуем диаграмму.

При составлении визуального словаря главными смысловыми вопросами являются «Кто?», «Что?», «Сколько?». Если визуализируем смыслы через вопросы «Кто?/Что?», фокусируемся на форме и отличительных качествах. Отвечая визуально на вопрос «Сколько?», фокусируемся на количественных характеристиках.

2.4. Приём «объектная визуальная метафора» для визуализации абстрактных смыслов

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

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

Через это свойство восприятия можно объяснить механизм действия визуальных метафор. Визуальная метафора помогает сознанию ответить на вопрос «Где я раньше это видел?»

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

Суть приёма в следующем. Когда нужно визуализировать абстрактность, ищем некий объект (образ), через свойство которого можно раскрыть (донести) это понятие. Например, если нужно визуализировать ветер, вспоминаем, что в реальном мире есть объект – ветровой чулок. У него есть свойство, он устанавливается на аэродромах и показывает направление ветра. Т. е. через свойства объекта мы визуализируем абстрактное понятие – ветер.

Ритм можно визуализировать через барабан. Ведь на нём играют ритмичную музыку. Дружбу можно визуализировать через мем – рукопожатие. Здесь свойство, что проявлением дружелюбия может быть рукопожатие. Опасность можно выразить через объект из природного мира – акулу. Ведь это опасный хищник.

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

Используя алгоритм «объектной визуальной метафоры», мы можем действовать технологичнее при сборке своего абстрактного визуального словаря. А когда в основу положен алгоритм, проще сформировать и отточить до интуитивного уровня навык использования визуального словаря.

2.5. Три мира визуальных метафор: природа, технологии, мемы

Ок, можете сказать вы. Ясно, для визуализации абстрактностей нужно искать образ (метафору). А где их искать и как быть, если на ум ничего не приходит? И на этот случай есть опробованный на практике приём.

Дэн Роэм в своей книге «Бла-бла-бла. Что делать, когда слова не работают» предлагает искать метафоры в двух мирах: «Природном» и «Технологичном». Я добавляю третий мир – «Мир мемов».