Привет, Хабр!
Мне очень понравились ваши отклики на одну из моих недавних статей «Не трогай моих чертежей! История науки в знаменитых изображениях» (и ваша высокая оценка +43), поэтому я какое‑то время подумывал продолжить эту тему большой статьёй об инфографике. Но время шло, и за помощью по этой теме я обратился к уважаемой Анастасии Лазукиной @anastasiamrr, ранее писавшей для этого блога отличные гостевые посты. На Хабре Анастасия сотрудничает с корпоративным блогом FirstVDS, где пишет замечательные материалы с выраженной биореакторной спецификой. Подписывайтесь на неё, следите за обновлениями, а пока заходите под кат. Далее — от автора.
Давайте начистоту. Что цепляет вас сильнее: яркая картинка или длинный текст? Скорее всего, вы, как и большинство, запоминаете визуальные образы лучше. Ведь что может быть убедительнее, чем емкая инфографика, которая за секунды доносит суть, даже если за ней скрываются тонны данных? Она не только экономит время, но и оставляет яркий след в памяти, особенно если дополнена краткими пояснениями. Отличный инструмент для донесения идей и собственного мнения.
При этом простота восприятия информации позволяет «выключить» внимание. Возникает иллюзия, что ты понял сложный материал. Это может быть похоже трюк фокусника, где он, играя на психологии человеческого восприятия, легко и ловко обманывает людей. В инфографике такое часто применяют.
В этой статье мы поговорим об этом, взяв за основу книгу «Инфографика. Визуальное представление данных» Рэнди Крама. Расскажем о самых распространенных приемах манипуляции при визуализации данных и попробуем понять, как инфографика изменила правила игры в бизнесе, науке и даже в нашей повседневной жизни.
Что такое инфографика
Начнём с того, что такое инфографика. Часто люди не понимают разницу между инфографикой и визуализацией данных.
Например, картинка ниже — инфографика или визуализация данных?
Есть точка зрения, что визуализация данных переходит в инфографику, когда к ней добавляют историю, сюжет (и именно такой точки зрения придерживается Рэнди Крам). Например, добавляют блоки текста, создают историю, делают вывод из графика или вообще объединяют несколько графиков общим сюжетом и подписями. Достаточно простое описание и понятное. Визуализация данных — графики, инфографика — графики с сюжетными дополнениями и лором. Однако что, если график самодостаточный и показательный? Анатомический атлас будет инфографикой или нет?
Возьмём ещё для примера определение из Википедии:
Инфографика — визуализация данных или идей, целью которой является донесение сложной информации до аудитории быстрым и понятным образом. Средства инфографики помимо изображений могут включать в себя графики, диаграммы, блок‑схемы, таблицы, карты, списки...
Вроде бы понятно. То есть наглядный график будет являться инфографикой по данному определению. А если перенести сюда пример с анатомическим атласом, то станет понятно, инфографика это или нет? Это быстрое и понятное донесение информации? Список — инфографика тоже? Думаю, определить всё ещё несколько проблематично.
А вот определение Александра Богачева: Инфографика — графическое представление данных, информации, знаний в форме графиков, карт, схем и подобного.
Здесь, на мой взгляд, сразу становится всё понятно. Любое ГРАФИЧЕСКОЕ представление информации/данных — инфографика.
Отсюда графики — основной элемент инфографики (один график тоже инфографика, он графически представляет данные), карты/схемы — инфографика. Анатомический атлас — инфографика. Отдельно взятый рисунок печени (без подписей, без контекста) — не инфографика, а иллюстрация. При этом инфографика не сводится только к визуализации данных.
Так а что с первой картинкой? Понять и выжать информацию / знание мы при всем желании из этой картинки не можем. График не очень наглядный. Не хватает пояснений. Но это визуализация данных и инфографика в том числе (потому что датавиз по определению — инфографика). Понятно?
Несмотря на то, что определение инфографики в вышеупомянутой книге несколько устарело, она по-прежнему полезна. Инфографика уже тогда, на момент выхода книги (она на русском была опубликована в 2015) была популярна, сейчас же ее потребление и производство только растет. Почему? Потому что мы с вами информоядные. По крайней мере, так говорится в книге.
Современный человек постоянно ищет новую информацию. Если очень просто — мы хотим быть осведомленными, чтобы принимать более верные решения. Конечно, чем больше ты знаешь об окружающем мире, тем больше вероятность выживания. Так сложилось эволюционно. Кто больше осведомлен, тот лучше знает, как выжить. И выживет та группа людей, у которой больше информации, например, о выращивании злаков и фруктов, нежели у собирателей.
Также у нас есть острая необходимость принимать правильные решения. Например, мы можем 10 раз подумать, прежде чем купить определенную марку машины. Мы же хотим сделать наилучший, наиболее правильный выбор? И вот уже несколько дней сравниваем характеристики, читаем отзывы и пересматриваем обзоры.
На самом деле, своими раздумьями мы хотим показать окружающим, насколько хорошо информированы. И насколько способны делать правильный выбор. Это уже вопросы психологических потребностей, но все же информация тут играет определяющую роль.
Ввиду желания быть информированным, желательно быстро, люди ищут простые способы получения информации. И инфографика в данном случае — волшебная палочка.
Почему же инфографика лучше для восприятия и запоминания, чем книга или таблица?
Эффект превосходства изображений
Наш мозг запоминает визуальную информацию гораздо лучше, чем текст или речь. Если перед нами текст с картинкой, мы сначала обратим внимание на изображение, и только потом — на слова.
Почему так происходит? Снова вернемся к эволюции. Зрительная информация всегда играла критическую роль в выживании: распознавание опасности, поиск пищи, ориентация в пространстве. Мозг человека за тысячи лет адаптировался к быстрой обработке звуковых, обонятельных и визуальных данных. Другими данными мозг просто не умел пользоваться. Поэтому мы до сих пор для познания мира сначала пользуемся такими путями познания. Их восприятие и анализ как бы уже «аппаратно» поддерживаются нашим мозгом. Ему не требуется тратить дополнительных усилий на анализ изображения.
А как дела с текстом? Чтобы понять текст, сначала нужно увидеть буквы, т.е. подключить зрительную кору. Затем эти буквы нужно скомпоновать и выразить смысл слова, затем предложения. А чтобы предложение было понятно, нам его нужно представить внутри себя (визуализация или внутреннее проговаривание. И нужно отметить, что речь воспринимается в основном хуже, потому поговорим за воспроизведение картинки, образа). Таким образом, когда вы читаете описание внешнего вида какого‑либо объекта, ваш мозг вынужден дополнительно синтезировать изображение. Или он может на основе прочитанного провести работу над оценкой «адекватности» того, что он синтезировал, и если все ок, то тогда он это изображение отправляет в те же центры, где обрабатывалась бы информация, которую он увидел сразу глазами (или услышал). Понимаете, сколько лишней работы проводит мозг, чтобы преобразовать текст в то, что ему привычно воспринимать эволюционно? Мозг сам по себе ленив. (И это вовсе не плохо). Ищет как попроще. Если вы ему скармливаете что‑то неудобоваримое, то он и кортизолом вам может наподдать. Станете тревожным и раздражительным. А даёте инфографику — и он радуется. Как за пару тысяч лет до нашей эры, вот это я понимаю.
Цифры говорят сами за себя: спустя три дня после прочтения текста мы в среднем запоминаем лишь 10% информации. Но если та же информация сопровождается подходящим изображением, через три дня мы сможем воспроизвести уже 65%.
Чтобы инфографика приносила нам пользу, нужно ее применять правильно. Важно понимать, что не любая картинка подойдёт. Изображение должно быть уместным, соотноситься с контекстом и усиливать основной посыл. Конечно, можно пойти другим путём и использовать что‑то эксцентричное, чтобы привлечь внимание. Но в таком случае запомнится именно картинка, а текст останется в тени.
Существует масса видов инфографики, еще больше — количества ее применений. Но стоит остановиться на, наверное, самом важном виде на сегодняшний день — онлайновой инфографике.
Онлайновая инфографика
Что это такое? Онлайновая инфографика — та, что распространяется онлайн. Всё просто.
Почему это важно и максимально популярно? Потому что мы в Интернете проводим львиную долю нашего времени. Общаемся, играем, делаем бизнес и самое важное — ищем информацию.
Онлайновая инфографика хороша тем, чем может представлять информацию в самом разном виде: интерактив, изменения в реальном времени, с элементами гифок, видео, тысячи вариантов.
Все это делает онлайновую инфографику максимально вирусной среди прочих (листовок, журналов и др.).
Маркетологи давно прознали это и пользуются онлайновой инфографикой, делая «вкусную» рекламу, вызывая у нас эмоции и скрытые мотивы сделать что‑либо. И это нашло свое применение также в поисковой оптимизации сайтов. Как именно? Разберём ниже.
Инфографика и SEO
На первый взгляд, связь между инфографикой и поисковой оптимизацией (SEO) может показаться неочевидной. Ведь инфографика — это, по сути, одна большая картинка, а поисковые системы, как известно, «не видят» текст на изображениях. Да и сами изображения не воспринимают. Тогда зачем это все? Чтобы что?
Всё дело в том, как инфографику использовать.
Самое важное — вирусный потенциал инфографики, о котором говорилось чуть выше. Если работа действительно интересна, ей начнут делиться в социальных сетях, блогах и на других сайтах. Каждый репост — это дополнительный трафик и обратные ссылки, что положительно сказывается на позициях сайта в поисковой выдаче.
Вдобавок приятные картинки удерживают внимание и, соответственно, пользователь проводит больше времени на странице.
Важно время жизни инфографики. Это как с постами. Есть истории на века, есть сиюминутные новости, о которых все забудут спустя пару дней, недель, месяцев. Это стоит учитывать при поисковой оптимизации. Что лучше: быстрый трафик, который через пару дней падает до нуля или не очень быстрый, но стабильный? У каждого на этот вопрос будет свой ответ.
Если обратиться к книге, то по SEO рассказывается о вставках текста перед инфографикой и после нее, а также о правильных заголовках. Это полезные советы. Насколько они релевантны при выборе неподходящей для блога темы?
Если мы сделаем красивую инфографику про вино (как ниже), пропишем правильно заголовки, добавим интересного текста и… разместим такую инфографику в блоге по продаже автомобилей? Даст ли это вывод блога на первые строчки поисковиков? Нет. Поисковики стараются учитывать общую релевантность блога. Поэтому лучше будет сделать что‑то с привязкой к виду деятельности блога/сайта и др.
Внутрикорпоративная инфографика
В книге Рэнди Крама есть и отдельная глава и о такой разновидности инфографики.
Такая инфографика полезна и нужна для емкой передачи как фактической информации о чем‑то, так и информации о протоколах, алгоритмах, порядках действия, структурах чего либо.
Например схема потоков коммуникации:
С одной стороны, кажется, что внутрикорпоративные материалы не требуют особого внимания к дизайну и визуализации. Зачем тратить время на красоту, если главное — донести информацию? Но с другой стороны, именно качественная инфографика может значительно повысить эффективность обмена данными между сотрудниками. Ведь в компаниях, особенно крупных, накапливаются огромные объёмы внутренних данных, которые нужно не только собирать, но и правильно интерпретировать, а затем доносить до каждого отдела. В какой компании коммуникация лучше — в той и будет быстрее продвижение и захват рынка (как правило).
Роль дизайна при подготовке инфографики и визуализации данных
Очень часто из‑за плохого дизайна (и тут речь даже не о подборе цветов), можно полностью исказить восприятие информации. И это будет уже ошибка. Ошибки могут быть разными: от достаточно банальных — ошибочно составленных круговых диаграмм…
А вот менее очевидная ошибка, допущенная при расчёте площадей фигур:
Инфографика в науке. Постерные сессии
Наверное, один из самых популярных вариантов научной инфографики — это схемы. Например, ПЦР. Эта тема достаточно специфична и сложна для понимания неподготовленному человеку. Взгляните. Вам всё понятно?
В науке инфографика необходима. Многие молекулярные процессы текстом могут быть вообще непонятны. Про анатомию из начала статьи тоже помним. А необходимость представлять новые результаты исследований и множество постерных сессий уже даже не намекают, а кричат о необходимости освоить визуализацию данных и создание цельной симпатичной инфографики. Или же попробовать все спихнуть на ИИ? Да, ученые им любят баловаться. Но и у них не обходится без ошибок. Причем вопрос далеко не всегда в таких «простых» типах ошибок, как были указаны выше…
Вот вам интересный пример инфографики, которая должна была объяснять суть исследования и украшать статью в важном журнале. Исследование было о связи между сперматогониальными стволовыми клетками и сигнальными путями (JAK‑STAT). Инфографика должна была пояснить, откуда брались стволовые клетки, как культивировались и множество других действий в идеале. Картинка украсила статью в журнале, правда ненадолго.
Статья была написана тремя учёными из Китая, отредактирована исследователем из Индии и проверена двумя учёными из США и Индии. И никого такая инфографика не смутила. Ее посчитали идеально описывающей суть эксперимента. Статью уже снесли и извинились. Обновленное исследование так и не опубликовали.
Инфографика стала неотъемлемой частью постерных сессий. Ученые создают постеры, содержащие ключевые аспекты их работы: цели, методы, результаты и выводы. Главное преимущество постеров — их наглядность. Они сочетают текст, графики, диаграммы и прочие элементы, что позволяет быстро передать суть исследования неподготовленной аудитории. Тем более, что обычно лаборатории узконаправленные и мало кто разбирается в конкретной теме. На конференциях по определенной теме можно вообще не понимать специфику коллег.
Участники конференции могут подходить к постерам, задавать вопросы авторам, обсуждать результаты или залипать на красивые картинки (привет биоинформатикам). К слову, о них. Практически вся биоинформатика сводится к графическому представлению данных. Причем часто сложных, требующих внимательного рассмотрения и анализа. И это все равно лучше, чем описывать все только текстом. Результаты обработки — графики, результаты исследования — графики. И часто это наглядная инфографика (даже из одного графика, но очень показательного, как правило, с подписями). И взять на вооружение главным образом для науки можно главу с дизайном. Напомнить о том, как делать не стоит. И какие виды графиков выбирать для наглядного представления тех или иных данных (но глава подойдет не для всех исследований, стоит учитывать этот факт: графов не будет, скрипичных графиков тоже).
Пример интерактома (совокупность взаимодействий в клетке) при шизофрении. Гены, связанные с шизофренией, показаны тёмно‑синими узлами, новые взаимодействующие гены — красными узлами, а известные взаимодействующие гены — синими узлами.
Отсюда следует очевидный вывод: инфографика важна в науке. Довольно грустно ходить мимо постеров, где все завалено текстом, а после идет 1–2 гистограммы или линейных графика.
Нечистоплотные манипуляции и неверное представление данных
Одной из ключевых проблем, связанных с использованием инфографики, является возможность манипуляции данными при их визуализации. Это может происходить как непреднамеренно, из‑за недостатка опыта в визуализации (из разряда ошибок, как описано выше), так и преднамеренно, с целью создания ложного впечатления о результатах.
Встречаются следующие виды манипуляций:
Выборочное представление данных
Люди могут сознательно или случайно выбирать только те данные, которые подтверждают их гипотезу, игнорируя противоречащие результаты. Ну или переставлять местами данные на гистограмме, создавая нормальное распределение.
Например, могут визуализировать только часть данных падения. Если бы взяли только кусок данных, выделенных красным прямоугольником.
Манипуляция шкалами графиков
Изменение масштаба осей на графиках — один из самых распространенных способов манипуляции. Например, увеличение или уменьшение диапазона значений по оси Y может сделать различия между данными более или менее значимыми, чем они есть на самом деле. Не всегда шкала не от 0 — плохо. Однако часто с изменением шкалы есть вопросы. Здесь есть достаточно смешной пример визуализации, оцените (внимание на шкалу Y):
Рост знаменитостей в сравнении. По оси Y рост в сантиметрах. Нашла в тг‑канале.
Графики ради графиков
Иногда хочется сделать красивый график, но непонятно, какие данные он отражает.
Видов манипуляций визуализацией данных (осознанных/преднамеренных или нет) бывает гораздо больше. Некоторые совсем серьезно отражаются на обществе и приводят к плохим последствиям для автора. Но об этом в другой раз.
Сегодня инфографика повсюду. И именно она со своими возможностями простого и наглядного донесения информации становится краеугольным камнем в коммуникации в бизнесе, науке, маркетинге и других областях. Как думаете, техническая информация без визуализации скоро канет в Лету?
