Инфографика сценарий примеры

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

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

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

Кроме того, инфографиками можно делиться!

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

Чтобы вдохновить вас, мы составили список,  в котором представлена интерактивная инфографика.  А еще мы подготовили потрясающие шаблоны, которые побудят вас создать собственный визуальный контент.

Но сначала посмотрите это видео из серии уроков Visme на YouTube. В нем объясняется, как добавить всплывающую графику в ваш контент – а это является важным компонентом интерактивной инфографики.

Видеоурок: Как создавать всплывающие окна с помощью Visme

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

Ниже представлены 23 анимированные и интерактивные инфографики, которые вы можете добавить в закладки для вдохновения.

1 Анимированная инфографика хронологии «Во все тяжкие» (Breaking Bad)

Фильм «Путь: Во все тяжкие» (El Camino) от Netflix вышел в качестве продолжения сериала «Во все тяжкие» спустя годы после выхода финала в эфир. Ребята из Storygraph составили хронологию всего сериала, c которой можно ознакомиться перед просмотром «Путь: Во все тяжкие» в качестве краткого обзора.

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

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

2 Анимированная инфографика «Жизнь Спартака» (The Life of Spartacus)

Эта анимированная инфографика была разработана таким образом, чтобы напоминать роспись на керамике Древней Римской империи. В ней рассказывается о жизни Спартака и о том, как ему удалось собрать армию и создать Спарту.

Творческий аспект «Жизни Спартака» заключается в том, что все изображено в двухмерном формате, напоминающем рисунки на керамике той эпохи. Использование исторической визуальной привлекательности – это отличный способ вдохнуть жизнь в вашу инфографику.

3 Интерактивная инфографика о правах геев в США

Эта интерактивная круговая диаграмма от The Guardian рассказывает о том, что в каждом штате действуют разные законы и права. Интерактивность заключается в том, что при наведении курсора мыши на каждый штат высвечивается история о том, что означает каждый цвет.

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

К сожалению, последнее обновление этой диаграммы было сделано в 2015 году и было бы неплохо, если бы эта интерактивная инфографика была обновлена с учетом последних нормативных актов.

4 Интерактивная инфографика «Карта бро»

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

При нажатии на одно из слов в верхнем меню, подсвечивается соответствующий регион США. Для обозначения распространенности использования слова «бро» используется 5 последовательных цветов. Этот пример очень прост, но в то же время очень забавен.

5 Интерактивная инфографика лучших кличек для собак по породам

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

Эта интерактивная инфографика была создана с помощью программы Visme. Вы можете сделать подобную инфографику для своего собственного контента, следуя такому же стилю.

6 Интерактивный дисплей о цунами

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

Интерактивный дисплей цунами представлял собой сенсорный экран с визуализацией того, как формируются цунами, каково их воздействие на Землю и как они выглядят из космоса.

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

7 Анимированная инфографика ИВЛ для COVID-19

Tabletop Whale – это известный блог о научной иллюстрации и интерактивной инфографике. Неудивительно, что мы включили в этот список три примера их работ.

Это анимированная инфографика, объясняющая функции аппарата искусственной вентиляции легких, используемого для пациентов с COVID-19. Инфографика состоит из трех разделов. Первый наглядно показывает, как работает вентиляция легких, а затем демонстрируются два различных типа используемых аппаратов ИВЛ.

Такой тип анимированной инфографики – это отличный пример того, как легко объяснить внутреннюю работу сложного на первый взгляд аппарата. Информация такого рода будет полезна подписчикам.

8 Как сделать человеческую анимированную инфографику

Вторая интерактивная инфографика от Tabletop Whale – одна из самых известных. «Человек» – это анимированная инфографика о жизненном цикле человеческого зародыша. Дизайн представляет собой спиральную визуализацию, которая развивается снаружи внутрь.

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

9 Интерактивная инфографика о работе по дому

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

Мало того, здесь также есть надписи, объясняющие принцип работы анимации. Создать инфографику в таком стиле легко с помощью Visme. Вам нужно всего лишь применить функцию всплывающего окна и использовать несколько заметных иконок в качестве визуальных триггеров.

10 Интерактивная инфографика для посадочной страницы

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

Приведенный выше пример – один из победителей в этой категории. Это прокручивающаяся интерактивная инфографика, которая наглядно демонстрирует, как создавать лучшие посадочные страницы. Инфографику назвали «Магистраль посадочных страниц», и ее дизайн идеально подходит для этой цели.

11 Анимированная инфографика в стиле Баухаус

Изучая искусство и дизайн, нельзя обойти вниманием движение Баухаус. Видео выше – это познавательная анимированная инфографика об истории движения.

В соответствии с темой, дизайн прост, минимален и отвечает стилю Баухаус. Эта аккуратная интерактивная инфографика от 99designs – отличный пример того, как короткое видео вместо статичной графики может изменить ситуацию.

12 Интерактивная инфографика «Горизонт Нью-Йорка»

Интернет-издание National Geographic поделилось интерактивной инфографикой, наглядно демонстрирующей все новые небоскребы, которые планировали построить на Манхэттене к концу 2020 года.

Инфографика прокручивается на веб-странице горизонтально и разделена на секции, которые можно посмотреть в 3D. Здания выделены цветом в соответствии с годом их постройки, и даже отбрасывают тень на Центральный парк!

Создать такую интерактивную инфографику непросто. Для создания такого типа дизайна вам нужен профессионал. Но это того стоит!

13 Интерактивная инфографика видов животных

Большая часть визуального контента в Интернете сейчас имитирует видеоигры, которые обеспечивают пользователям захватывающий опыт, сочетая первоклассное повествование с интерактивностью.

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

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

14 Анимированная инфографика бабочек Северной Америки

Эта анимированная GIF-инфографика от Tabletop Whale одновременно обучает и развлекает.

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

15 Сравнительная интерактивная инфографика лучших инструментов для дизайна

Наша команда Visme создала эту интерактивную инфографику для сравнения 7 различных инструментов дизайна, доступных сегодня. Она стала частью статьи в блоге, в которой мы сравнили дизайна-инструменты.

Это интерактивная круговая диаграмма с измененными размерами фрагментов для представления конкретных аспектов данных.  Когда вы нажимаете на сектор, появляется история, которая объясняет специфику этого инструмента дизайна.

16 Интерактивная инфографика подключений

Если что и нравится современным читателям и зрителям, так это свобода выбора.

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

17 Анимированная инфографика корпоративного отчета Ustream

Эта интерактивная инфографика во весь экран привлекает внимание не только своим размером, но и умелым использованием ярких цветов, тонкой, но эффективной анимации и крупных шрифтов.

18 Интерактивный отчет Warby Parker за 2014 год

Warby Parker – это компания, известная тем, что она ломает шаблоны.

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

19 Анимированная инфографика UNICEF

Эта анимированная инфографика использует красивую меланхоличную музыку и графику, чтобы передать своим зрителям мощное послание.

Она задает правильный тон и использует идеальное количество анимации, графических элементов и текста для создания мощного впечатления.

20 Анимированная инфографика Ale Pixel

Эти потрясающие анимированные инфографики одновременно невероятно красивы и информативны. Они сочетают элегантный, профессиональный статичный дизайн с анимированными элементами, создавая уникальную и привлекающую внимание визуализацию данных.

21 Анимированная инфографика истории Интернета

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

22 Анимированная инфографика «Мост» от Eckert Caine

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

Если вы изучите каждый из переходов, то увидите, что здесь нет резких остановок; нет неустойчивых скачков от одной идеи к другой.

23 Анимированная инфографика «Make It Matter» от HP

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

Создавайте анимированную и интерактивную инфографику в Visme

Вдохновились?

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

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

Вы будете удивлены положительной реакцией читателей и подписчиков.

Не забудьте поделиться с нами своими творениями!

Иллюстрация: Оля Ежак для Skillbox Media

Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, «Монополию».

Инфографика — это графический способ подачи информации. Если ещё проще — это информация в виде картинок. В инфографику могут входить и другие элементы (текст, стрелки, диаграммы, блоки и схемы), однако ключевую роль играют именно изображения.

Созданием инфографики обычно занимаются графические дизайнеры, иногда — иллюстраторы.

Инфографика в целом и каждая её часть — самостоятельное средство передачи информации. Этим она отличается от, например, иллюстрации, которая хотя и передаёт информацию, но только дополнительную, и не может существовать без текста (исключение — комиксы или рисованные истории).

Инфографика предназначена для быстрой, наглядной и яркой подачи материала.

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

Во-первых, инфографика позволяет показать большой объём информации — не надо будет долго читать текст.

Во-вторых, хорошая инфографика делает информацию гораздо нагляднее.

В-третьих, интересная картинка помогает привлечь внимание аудитории, поэтому этот формат используют в публичных выступлениях, любят в медиа и используют в современных учебниках.

Инфографика применяется практически везде. Например, в СМИ её впервые начали использовать для подачи статистических данных.

Вот некоторые сферы применения:

• С помощью инфографики можно ознакомить с информацией клиентов или сотрудников.
• Показать важные новости.
• Прорекламировать свою продукцию/услуги.
• Сделать удобную техническую инструкцию, которая будет понятна всем, на каком бы языке люди ни говорили.
• Создать хорошо запоминающуюся и лёгкую для восприятия инструкцию по технике безопасности.
• Наглядно показать этапы приготовления в кулинарном рецепте.
• Оформить статистические данные, годовой отчёт, результаты исследования.
• Инфографику широко используют развлекательные и научно-популярные сайты — чаще всего для того, чтобы объяснить устройство или механизм какого-то явления. Для той же цели она применяется в учебных материалах.
• Дорожные знаки — тоже своего рода инфографика.

Существуют пять основных типов:

• Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные, в ней много цифр, диаграмм, графиков.

• Новостная инфографика. Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего вокруг.

• Конструкционная инфографика. Демонстрирует устройство объекта или механизм явления, иногда — хронологию и причины исторического события.

• Рекламная инфографика. Создаётся компаниями для продвижения своего продукта. Как правило, это яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо — то есть сочетает грамотный маркетинг и удачный дизайн.

• Сравнительная инфографика. Позволяет сравнить характеристики различных объектов.

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

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

Третий минус в том, что инфографика — это практически всегда некоторая схематичность, обобщение и упрощение действительности.

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

Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.

Вот несколько советов:

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

• При этом не стесняйтесь добавлять фразы, чтобы объяснить детали.
• Уберите элементы, не несущие смысловой нагрузки, — они затрудняют восприятие. Инфографика сильна именно концентрированностью подаваемой информации. Каждая линия, стрелка или значок должны нести смысл.

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

• Выстраивайте чёткую и логичную структуру там, где это возможно. Наиболее важные компоненты или крупные группы поместите по центру.
• Используйте яркие, выделяющиеся цвета. Следите, чтобы текст не терялся на фоне картинок. Если вы делаете корпоративный проект — используйте цвета компании.

• Используйте общедоступную символику и картинки. Они должны быть интуитивно понятны вашей аудитории, вызывать у неё стойкие ассоциации. Например, красный цвет у большинства ассоциируется с запретом, воспринимается как призыв к осторожности или знак опасности. В инфографике с помощью этого цвета можно показать, что чего-то недостаточно (значение ниже нормы).
• Оформляйте все элементы инфографики в одном стиле.

Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:

1. Сanva

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

2. Easel.ly

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

3. Piktochart

Этот онлайн-сервис подходит для создания аналитической инфографики. Можно загружать данные в виде Excel-файла. Базовые функции бесплатны, дополнительные возможности — при оформлении платной подписки. Русского языка нет.

4. Venngage

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

5. Creately

Подходит для создания диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества: можно менять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русского языка нет, но интерфейс несложен.

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

Научитесь: Графический дизайнер с нуля до PRO
Узнать больше

Современный маркетинг товаров и услуг уже давно переместился в сеть Интернет. Компьютер осваивают все слои населения, включая пенсионеров. Совершать покупки или пользоваться определенными услугами, не выходя из дома, это не просто удобно, но и необходимо при нынешнем ритме жизни. У клиентов нет времени ходить по магазинам и слушать рассказы о том, какой замечательный продукт производит компания. Люди совершают покупки только после того, как тщательно изучат отзывы тех, кто уже пользуется этим продуктом.

Еще недавно предпринимателю для ведения своей деятельности достаточно было просто создать сайт. Сегодня же требования для Интернет-бизнеса стали намного жестче. Сайт должен быть креативным, емким и ярким. Меньше текста – больше визуализации – вот главные принципы, которые должны лежать в основе продвигаемого сайта. Видео инфографика теперь не просто реклама – это неотъемлемая часть любого сайта, особенно если услуга новая и неизвестная широким слоя общества. К созданию объясняющего видео нужно относиться с умом и со всей ответственностью. Профессиональная видео студия INFOMULT готова поделиться с вами секретами, как создать видео инфографику качественно и профессионально. Мы имеем богатый опыт создания видео инфографики – за нами сотня уникальных и креативных проектов, которые успешно выполняют свое предназначение. Если вы хотите увеличить свои продажи – следуйте нашим советам.  

Совет №1. «Театр начинается с вешалки», а видео инфографика – со сценария. Именно сбору информации и написанию сценария нужно уделить особое внимание при создании видео инфографики. В любой профессиональной видео студии просто обязан быть в штате сценарист, который и начинает плотно работать с заказчиком. Конечно, некоторые клиенты, которые обращаются в студию INFOMULT, уже имеют свой сценарий. Однако, в любом случае, его надо тщательно проработать и адаптировать к будущему видеоролику. Для получения более полной информации о деятельности компании, мы обычно предлагаем клиентам заполнить Бриф. Основные вопросы, которые необходимо раскрыть сценаристу для получения эффективного видео продукта:

— Что продаем, где продаем?

— Для чего мы создаем рекламный продукт?

— Кому продаем и почему не покупают?

— Сильные и слабые стороны продукта (бренда)?  

Кроме того, необходимо сразу же обговорить бюджет видео инфографики, хронометраж, пожелания по стилистике, возможно, предоставить материалы в качестве референса. Все эти вопросы являются ключевыми, которые будут отражены в объясняющем видео. 

Давайте рассмотрим необходимость написания качественного сценария на примере видео инфографики для компании PayQR.

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

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

Совет №2. Видео инфографика должна нравиться вам самим, тогда она понравится и клиентам.

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

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

Именно так и поступил online-портал ESA. Видео инфографика, созданная студией INFOMULT, получилась яркой и запоминающейся.

ESA – единая система автошкол, которая предоставляет актуальную и достоверную информацию о рынке автошкол. Уникальный портал представляет из себя социальные функции сетевого сообщества и отображает современные технологии обучения. Положительные впечатления от ролика создали анимационные герои, которые изображают учеников автошкол, инспекторов ГАИ и преподавателей.  Смотреть такое объясняющее видео интересно, ведь анимационные герои привлекают к себе несомненно больше внимания, чем графики и текст. С помощью юмористических персонажей мы показали, как пользователи портала могут узнать о различных акциях, оставить отзыв и всегда быть в курсе актуальной информации, пообщаться с одногруппниками и учителями.

Совет №3. Наполните объясняющее видео атмосферными звуками, подходящим сайнд-дизайном и приятным голосом диктора. 

Чтобы у потенциальных клиентов осталось приятное послевкусие от просмотра видео инфографики, нужно уделить внимание саунд дизайну и озвучке. Качественный профессиональный продукт складывается из всех мелочей, нельзя упускать ни один пункт подготовки видеоролика. Попросите у видео студии предоставить несколько вариантов музыкального сопровождения и голосов профессиональных дикторов. Выберите тот, который нравится именно вам. Как правило, звукорежиссер студии INFOMULT интуитивно чувствует, что подойдет тому или иному рекламному продукту. Однако он всегда предоставляет клиенту выбор, а уже потом высказывает свою точку зрения. Только совместно с клиентом можно добиться желаемого результата, чтобы конечный вариант отвечал всем целям и задачам. 

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

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

Совет №4. Анализируйте просмотры видео инфографики. 

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

И в заключении хочется добавить:

Упрощайте сложное, создавайте видео инфографику, повышайте свои продажи и уровень сервиса, помогайте клиентам разбираться в тонкостях использования продукта, ну и, в конце концов, просто украшайте свой сайт стильными видеороликами! Профессиональная студия анимации и инфографики http://infomult.ru/ поможет вам решить эти и другие задачи оперативно и качественно.

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

Важное отличие инфографики от обычной иллюстрации с текстом — в том, что даже если убрать весь текст (кроме заголовков), картинка все равно передаст основную информацию. Поможет зрителю понять идею автора и верно ее интерпретировать. Быстро разобраться в вопросе, требующем погружения и изучения внушительного количества источников. Более того, некоторые смыслы можно увидеть только благодаря правильной визуализации — и в статье мы покажем такие примеры.

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

Мы в «Видеозайце» с 2013 года занимаемся созданием инфографики и объясняющих видеороликов — за это время собрали портфолио из 700+ работ. В статье рассказываем, что важно знать об инфографике — зачем она нужна, какие задачи решает и с чего начать, если вы хотите сделать инфографику самостоятельно. 

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

Полетели 🚀

Содержание

• Когда нужна инфографика и как её отличить от неинфографики
• Какие бывают виды инфографики: статичная, интерактивная, видеоинфографика
• Как развивалась инфографика: краткий исторический экскурс
• Преимущества и недостатки инфографики как метода визуализации в бизнесе:
  • Преимущества
  • Недостатки
• Как создается инфографика: принципы, процесс и ошибки
  • Принципы создания работающей инфографики
  • Основные этапы создания инфографики
  • Частые ошибки при создании инфографики
• 10 лучших программ и сервисов по созданию инфографики
  • Любительские
  • Профессиональные
• Книги об инфографике и визуализации данных
• Коротко о главном

Когда нужна инфографика как отличить её от неинфографики

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

В крупном бизнесе инфографику часто используют, чтобы отразить сложные процессы и сделать их понятными для зрителей — инвесторов, клиентов или сотрудников. А вот и пример нашего производства:

Инфографика — это когда именно с помощью графики (иллюстрации) мы понимаем месседж, а не через один только текст. Когда графика сама по себе несет в себе основной пласт информации, а текст — дополняет и поясняет. А еще это способ ужать огромный массив информации в маленький объем.

Как определить, уместна ли инфографика в случае вашего бизнеса и задач. Перед тем как создавать инфографику, нужно спросить себя: «На какой вопрос или вопросы будет отвечать мое сообщение аудитории?» 

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

Нужно прорекламировать гаджет —  тогда достаточно эффектно показать его реалистичной картинкой, фото или заказать видеорекламу с интересным сюжетом и приятной графикой.

Хотите обсудить с инвесторами или инженерами новую разработку в сборке тех же гаджетов, сравнить две модели с технической точки зрения — значит, можно смело заказывать инфографику. Она сэкономит ваше время и нервы, поможет выстроить общение с аудиторией в нужном ключе и быстро рассказать о сложном.

Чтобы создать инфографику, которая принесет пользу, сначала важно определить: 

• что мы хотим сказать зрителю;
• зачем мы это делаем;
• что наш зритель уже знает по нашей теме, а что лучше пояснить для него, на чем остановиться подробнее;
• как донести информацию так, чтобы зритель уловил и правильно понял наше послание;
• какие ресурсы у нас есть и хватит ли их на создание качественной, понятной и запоминающейся инфографики.   

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

Иллюстрация — это инструмент эмоционального восприятия, а инфографика —  инструмент объяснения. Она лежит на пересечении трех вещей: 

• Информация — ЧТО мы хотим сказать?
• Коммуникация — К КОМУ мы обращаемся и ЗАЧЕМ мы это делаем?
• Дизайн — КАК мы это скажем?

Как распознать, что перед нами не инфографика, а обычная иллюстрация с текстом. Для этого нужно мысленно или в специальной программе убрать на картинке весь текст (кроме заголовков — они задают контекст, о чем идет речь — и это важно). И спросить себя: остался ли посыл автора понятным? Если с текстом пропадает весь смысл — это не инфографика. Если смысл остается, это инфографика.

Читать статью о различиях между инфографикой и неинфографикой

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

Какие бывают виды инфографики: статичная, интерактивная, видеоинфографика

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

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

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

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

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

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

Как развивалась инфографика: краткий исторический экскурс

Инфографика существовала еще до появления цивилизации. Самыми ранними примерами инфографики можно считать наскальные рисунки, которые, по мнению многих экспертов, использовались для передачи информации о животных и методах охоты. 

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

1600-е годы. Географические карты существовали задолго до XVII века, но именно тогда были заложены принципы измерения и обозначения расстояний, а также специальная геометрия. 

Кристофа Шайнера обычно называют родоначальником первой инфографики — в том виде, в котором мы привыкли представлять ее сегодня. Его карта солнечных пятен была напечатана в далеком 1626 году, а метод визуализации стал использоваться в исследованиях Солнца повсеместно. Благодаря знаниям о количестве, местоположении и движении солнечных пятен, стало возможным предсказывать солнечные вспышки.

1700-е годы. Конец XVIII  века в Европе был золотым веком для наук и искусств. Выделяется дата 1786 года, когда шотландец по имени Уильям Плейфер опубликовал свой труд «Коммерческий и политический атлас». Работа содержит первые примеры гистограммы. Плейферу также приписывают изобретение линейных, площадных и круговых диаграмм.

1800-е годы были эпохой графиков. Многие правительственные учреждения начали использовать диаграммы для статистического анализа. Их популярность диаграмм привела к значительным инновациям в типах и стилях. Например, появились пузырьковые диаграммы.

А еще в эти годы инфографика начала влиять на историю. Если бы не карта холеры Джона Сноу 1841 года (на которой были показаны вспышки холеры, возникшие на фоне общего источника воды), он, вероятно, не смог бы убедить государственных чиновников в том, что эта болезнь распространяется через воду. Благодаря его визуализации, скважинный насос был снят.

В 1858 году Флоренс Найтингейл создала инфографику, чтобы убедить королеву обеспечить лучшее медицинское обслуживание для солдат во время Крымской войны. В своем исследовании она использовала новейшие для того времени методы статистического анализа —  и отразила результаты на инфографике. Тем самым показала, что, улучшив санитарные условия в госпиталях, можно сберечь тысячи жизней. Это стало началом реформы медицинского обслуживания в Англии. 

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

В 1860 году карта рабства повлияла на ход Гражданской войны в США (1861–1865 гг). Увидев, где живет больше всего рабов, Союз смог определить, какие районы будут упорнее бороться за сохранение рабства, а какие могут перейти на другую сторону.

Одна из первых инфографик, объединяющая несколько типов данных, была создана в 1869 году дизайнером Чарльзом Минардом. Он визуализировал вторжение императора Наполеона в Россию в 1812 году — отразил количество войск, пройденное расстояние, температуру и пересеченные реки.

1900-е годы. До этого периода инфографика в основном использовалась для передачи данных в научных кругах и нишевой аудитории. Бум 1900-х годов показал, что инфографика была принята основными средствами массовой информации.

А еще в это время люди переезжали в города, и общественный транспорт становился все сложнее. Инфографика была нужна, чтобы помочь им ориентироваться. Первые несколько попыток нанести на карту системы метро в Нью-Йорке были далеки от идеальных. Только в 1967 году маршруты метро на картах были отмечены собственным цветом.

Отдельного внимания заслуживает инфографика советских художников. Одной из задач советской инфографики был показ достижений страны. Научными консультантами по этому вопросу стали австрийский философ О. Нейрат и немецкий художник Г. Арнц, основатели так называемого «венского метода наглядного обучения» (метода изображения связей Isotype). Они были приглашены в Москву, чтобы развивать и усиливать это направление в СССР.

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

1990-е — начало 2000-х. Компьютеры, наконец, стали доступными и достаточно компактными, чтобы их можно было использовать в домах. А программное обеспечение для проектирования сделало возможным визуализацию данных без необходимости рисовать что-либо вручную.

Результатом стала гораздо более сложная инфографика, такая как сетевые графики, дендрограммы, диаграммы солнечных лучей и хордовые диаграммы.

2000-е. Эпоха, с которой мы знакомы. В связи с огромным спросом на визуальный контент, все — от маркетологов до государственных учреждений и некоммерческих организаций — начали использовать инфографику.

Стремление к визуальному контенту привело к резкому увеличению количества плохой инфографики. В одной статье 2011 года в Atlantic инфографический тренд был назван «чумой» и «повсеместным явлением в блогосфере».

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

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

Преимущества и недостатки инфографики как метода визуализации

Инфографика, как и любой другой метод визуализации, имеет свои преимущества и недостатки. 

Преимущества 

• Помогает рассказывать просто о сложном, а аудитории — легко и с интересом воспринимать много информации. Концентрация внимания человека во время просмотра чего угодно в интернете низка. Не уловил послание — ушел на другой сайт. Чтобы всесторонне изучить статью или любой другой текстовый материал, нужно хотя бы 5–10 минут — однако даже это время не все готовы уделять чему-то одному. 

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

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

• Привлекает внимание. Например, в статье инфографика выделяется на фоне текста, помогает читателю понять основные тезисы и решить, стоит ли изучать контент полностью. Если с умом подойти к созданию вовлекающей инфографики, читатель обязательно захочет узнать больше и останется на сайте, в идеале — запомнит ваш бренд.

• Нет единого шаблона — отсюда свобода для творчества. Инфографика может быть разработана настолько по-разному, что возможностей удивить свою аудиторию становится очень много. Большинство читателей будут смотреть на инфографику сверху вниз и слева-направо (в зависимости от языка и страны) — и, пожалуй, это единственные ограничения, которые стоит учитывать.
• Вирусность достижима проще, чем с другими видами представления информации. Любой контент может стать вирусным. Но случится это или нет, зависит от ряда факторов. У хорошей инфографики есть все шансы для этого: она максимально содержательна и требует минимум времени зрителя, чтобы уловить смысл. 

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

• Это простой способ продемонстрировать свою экспертизу в отрасли. С помощью инфографики вы экономите время читателей: знания и опыт укладываются в формат, который им понятен без больших усилий. И такой подход ценится — ведь реклама бренда ассоциируется с пользой и качеством, а не пустотой и цифровым шумом. Если у вас умная целевая аудитория, это отличный способ запомниться ей с положительной стороны.

Недостатки 

• Подготовка может занять много времени. Создание инфографики — процесс длительный и непростой. Особенно если мы говорим о видеоинфографике. Нельзя просто разместить несколько слов поверх привлекательной картинки, опубликовать это и рассчитывать на результат. 

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

• Поисковые системы не всегда распознают текстовое содержание инфографики. Поисковые роботы воспринимают многие инфографики просто как цифровые изображения. Это означает, что с точки зрения SEO ценность информации, включенной в графику, невысока. Таким образом, чтобы получить хорошие позиции в выдаче, многие компании на своих сайтах публикуют текстовый контент в дополнение к визуальному — в том числе к инфографике.
• Информация на инфографике может быть некорректно истолкована зрителем. Даже если вы показываете статистику и факты, не все данные могут быть правильно поняты читателем. Особенно если их много, и все на одной картинке. 

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

  Рассмотрим пример.

В этой инфографике размеры секторов не соотносятся с цифрами. Например, красный сектор с цифрой 500 выглядит больше, чем зеленый сектор с цифрой 29 млн, а синий сектор с цифрой 3,3 млн —  больше желтого сектора с цифрой 3,8 млн. Зритель может запутаться: например, подумать, что поисковых запросов в Google в минуту появляется меньше, чем постов в Facebook  — хотя на самом деле все наоборот.

• Нужно быть готовым дать ссылки на источники, которые вы задействовали при сборе данных для инфографики. Необходимо быть готовым рассказать о своих источниках читателям, чтобы они могли убедиться в достоверности всего, о чем сказано в инфографике. Так все будут знать, что вы не выдумываете и не подтасовываете факты, чтобы доказать свою точку зрения. В противном случае можно затратить много ресурсов на разработку инфографики — и испортить репутацию. 
• Хорошая инфографика — это дорого. Конечно, в интернете есть бесплатные шаблоны: казалось бы, ничего сложного — бери и делай. Однако, если вы хотите не просто сделать рядовую инфографику, каких очень много в сети — шаблонов недостаточно. 

  Чтобы создать что-то стоящее, нужна экспертность: понимание того, что и в каких сферах заходит лучше, сильные дизайнерские навыки и умение передавать сложные смыслы понятным образом. Обычно этим занимается не один человек. Поэтому, чтобы не разочароваться в результате и не потратить нервы, время и деньги впустую, лучше сразу заказать инфографику у профессионалов.

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

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

• Велик риск наткнуться на псевдоэкспертов и получить неинфографику. Это может быть как агентство, так и фрилансер. Если вы недостаточно хорошо ознакомились с портфолио исполнителя и доверили сразу сложную работу, велик риск, что он сделает не то, что нужно. 

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

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

Как создается инфографика: принципы, процесс и ошибки 

В этом разделе статьи — кратко о процессе и нюансах создания инфографики. Будет полезно прочитать тем, кто хочет попробовать себя в этом. Или просто разобраться в вопросе, перед тем как поставить задачу исполнителям. 

Принципы создания хорошей инфографики 

Согласно данным компании Меркатор, есть 4 принципа хорошей инфографики.

Рассмотрим каждый подробнее. 

Содержательность. На инфографике в идеале должна быть информация о количестве — проще говоря, цифры. Без них нет точности, а без точности сложно делать выводы и понимать истинное положение вещей.

Говоря о содержательности, нельзя не упомянуть выступление Ханса Рослинга, шведского врача, всемирно известного лектора и гуру статистики. С помощью инфографики он всего за 4 минуты (!) рассказал о росте доходов 200 стран начиная с 1810 года. На видео Ханс показывает, насколько мир, в котором мы живем сегодня, на самом деле богат и отличается от того, что происходило с ним 100-200 лет назад. Must watch.

Смысл. В инфографике под смыслом чаще всего подразумевается сравнение и возможность сравнить. Здесь и драматургия, и конфликт — сопоставленные друг с другом цифры помогут зрителю увидеть протянутую через инфографику историю и услышать ваше сообщение. Этот смысл он и вынесет, запомнит, обсудит с другими. 

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

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

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

А вот пример аллегоричности в инфографике. Авторы взяли за основу пирамиду здорового питания — и ее содержимое заменили на медиа-потребности современного человека. Понимать это можно по-разному, но точно есть над чем подумать.

Основные этапы создания инфографики 

Шаг 1. Мозговой штурм с коллегами 

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

• на сколько процентов продажи за год выросли по сравнению с предыдущими годами; 
• на сколько процентов сократились издержки; 
• как рост выручки компании опережает средний рост выручки компаний по рынку;
• какой спрос на продукт есть сейчас и какой прогнозируется в ближайшем будущем;
• как ваш продукт поможет закрыть потребности целевой аудитории и почему он это сделает лучше других;
• почему в вашу компанию выгодно инвестировать и почему вложения окупятся. 

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

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

Шаг 2. Сбор данных

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

Вот примеры таких данных: 

• Отчет об исследовании и выводы, интересные вашей целевой аудитории.
• Результаты опроса, который вы (или ваши коллеги) провели, чтобы поделиться выводами с аудиторией, доказать или опровергнуть существующие гипотезы.
• Процесс, в котором вашей аудитории сложно разобраться самостоятельно. Он может относиться к научной разработке — готовой и важной для компании — или планируемой (если вы, например, хотите привлечь инвесторов с помощью эффектной и запоминающейся инфографики — и запустить новый проект). 
• Отчеты отдела бизнес-аналитики. Специалисты по профилю Business Intelligence помогут найти и собрать любые данные по бизнесу, подсказать какие-то неочевидные взаимосвязи, скажем, по количеству клиентов, по их кластеризации или по другим характеристикам.

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

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

Шаг 3. История на основе собранных данных

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

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

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

• вдохновить;
• развлечь;
• проинформировать;
• подтолкнуть к выводам;
• заинтересовать тем или иным вопросом, проблемой (для решения которой у вас есть продукт). 

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

Остальное — за структурой повествования. Важно связать факты, цифры, выводы и визуальную часть в убедительную, последовательную и понятную историю. 

В ней должно быть заявление (или привлечение внимания к проблеме), аргументы (или способы решения проблемы) и выводы — все это каркас, на который будут наслаиваться визуальные и сюжетные приемы. Завершить можно призывом к действию — смотря какая цель у вашей инфографики.

Шаг 4. Визуальная часть 

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

Самостоятельно заниматься дизайном, не имея в этом опыта, в случае инфографики не рекомендуем: это отдельное ремесло, и им нужно владеть. Иначе все, о чем мы писали в предыдущих трех пунктах пойдет насмарку.  

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

Ниже показали пример, как плохим дизайном можно отбить желание погружаться даже в злободневную тему. Шрифт и основной цвет фона неконтрастны друг другу — поэтому без значительного приближения невозможно прочитать, что написано. Заголовков мало, непонятно, за что цепляться. Какой бы сильной и интересной ни была идея (в этом случае — сравнение вакцин), с таким дизайном ее мало кто поймет.

А вот обратный пример. Благодаря хорошему контрасту даже небольшой шрифт легко прочитать. Заголовки и грамотная подача вызывают у зрителя желание познакомиться с содержанием — даже если тема довольно узкая и не для всех актуальна.

Частые ошибки при создании инфографики

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

❌ Думать, что инфографика — это стиль. А именно — то, как нарисовано изображение, какие приемы использовал дизайнер при создании. 

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

Инфографика — это в первую очередь про содержание и смыслы, а не только про красоту.

❌ Использовать инфографику как инструмент привлечения внимания, а не инструмент коммуникации. Настоящая инфографика начинает создаваться в тот момент, когда вы ставите себе цель что-то рассказать или донести до людей. И отталкиваясь от этого, выбираете способ взаимодействия с аудиторией, формат.

Это может быть статья, пост, фото, иллюстрация, инфографика, видеоролик. И в случае инфографики (особенно если это видеоинфографика) вам придется потрудиться — собрать много данных, фактов, которые впоследствии передадите графически. В правильно построенной инфографике все факты будут работать на ваше сообщение. При этом останутся достоверны и не вызовут у зрителей скепсис. 

А вот и пример.

❌ Добавлять слишком много текста на слайд. Чем больше текста на одном слайде в момент времени — тем сложнее его воспринимать. И не каждый пользователь захочет это делать. Поэтому будьте аккуратнее и проверяйте свои идеи с разных устройств — еще когда готовите концепт, сами или с подрядчиком. Чем больше продуманной графики и чем меньше текста, кроме заголовков, тем лучше.

❌ Не учитывать масштаб. Рассмотрим эту ошибку сразу на примере.На 10-й минуте видео TEDx мы встречаем инфографику. С ее помощью автор попытался донести до зрителей, что средняя глобальная температура повысилась на 0,8 °C за небольшой промежуток времени. И привлечь внимание к теме глобального потепления.

Смотреть видео полностью

При слишком далеком ракурсе это невозможно заметить, поскольку график ровный, горизонтальный (из-за этого выглядит, будто проблемы не существует). Но стоит применить более удобный масштаб и обратить внимание на цифры, ситуация изменится:

Мы увидим, как плавно возрастала температура за каждое новое десятилетие раньше, и как резко — начиная с 1980-х. Отсюда — поймем, что в конце прошлого и начале текущего века произошло сильное преждевременное повышение средней температуры. Так мы заметим проблему, и смысл инфографики прояснится.

❌ Давать в инфографике голые факты и цифры, не подталкивая зрителя к выводам и не помогая сравнить, сопоставить. Информация нужно давать в контексте чего-то или в сравнении с чем-то — если мы, конечно, не описываем сложный процесс с помощью инфографики.

Например, «5 тысяч скачиваний нашего приложения» — это цифра ради цифры. По ней сложно понять, много это или мало. А если сказать «У нашего приложения 5 тысяч скачиваний — это 80% от всех скачиваний в категории фитнес в AppStore за последний год» — всем станет понятно, что приложение самое популярное в своей категории, а разработчик — лидер отрасли, и его продукт заслуживает доверия.

❌ Создавать диаграммы, из-за которых у зрителя складывается неверное представление о цифрах и их соотношениях. Задача диаграммы — помочь людям получить корректное представление о числах или их соотношениях в контексте того или иного вопроса. 

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

Чтобы подробнее изучить вопрос создания диаграмм и узнать, какие еще ошибки часто допускают новички, рекомендуем прочитать книгу Джин Желязны: «Говори на языке диаграмм».

10 лучших программ и сервисов по созданию инфографики

В этом разделе рассматриваем программы как для новичков в инфографике, так и профессиональные. 

Любительские

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

Canva

Универсальный онлайн-сервис с множеством шаблонов. Подходит для создания несложных инфографик, креативов для сайтов и соцсетей, обложек для Youtube, различных иллюстраций, в том числе анимированных. 

Сколько стоит:  есть бесплатная версия с ограничениями, платно — от 332,50 рублей в месяц

Vista Create (ранее известный как Crello)

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

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $10 в месяц

Piktochart

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

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $14 в месяц

Visual.ly

Это сообщество специалистов, которые могут помочь создать инфографику для бизнеса. Регистрируемся, описываем проект и задачу — и получаем предложение от  профессиональных дизайнеров онлайн. И ничего не придется делать вручную.

Сколько стоит: определяется индивидуально в зависимости от проекта и задачи

Venngage

Удобный онлайн-сервис для создания инфографики и другого визуала с прицелом на бизнес-задачи. Шаблонов очень много — и все они разные. Можно найти почти полностью готовое решение для любой ситуации. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $16 в месяц

Visme

Ещё один онлайн-сервис для создания презентаций, инфографик, графики для постов в соцсетях и не только. Удобное решение для бизнеса — маркетологов, SMM-специалистов и всех, кто работает с данными. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $15 в месяц

Google Charts

Удобный сервис от Google для создания инфографики. Подходит для тех, кто много работает с цифрами: в сервисе есть все для визуализации данных в виде диаграмм. А еще здесь можно создавать карты, QR-коды, дисплеи. Понятно, просто, для людей — все в лучших традициях Google.

Сколько стоит: бесплатно

Infogram

Как и Google Charts, больше подходит для графиков и диаграмм, чем креативных инфографик. Работать в программе просто: вводим данные в таблицу (внешне напоминающую Excel), задаем вверху настройки отображения — например, в виде какой диаграммы представить данные — затем смотрим результат в виде инфографики, уже на новой вкладке. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от  $19 в месяц

Профессиональные

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

Adobe Illustrator

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

Сколько стоит: от 1 622,40 рублей в месяц

Houdini

Этот софт выбирают не только дизайнеры, но и 3D-художники. Подходит, если нужно изобразить объекты в трехмерной графике: это актуально в технических сферах, науке, медицине — везде, где есть сложные для понимания процессы.

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

Сколько стоит: от $269 в год

Tableau 

Этот сервис для визуализации данных популярен среди профи, но подойдет и новичкам — при желании его не очень сложно освоить — и оперативно создавать подробнейшие отчеты. Сервис может взять данные из обычного текстового документа, может из облака или различных баз данных. 

Сколько стоит: от $15 в месяц

Книги об инфографике и визуализации данных

Джин Желязны, «Говори на языке диаграмм»

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

Рэнди Крам, «Инфографика. Визуальное представление данных»

В этой книге — о современной инфографике и нюансах ее создания. Рассмотрены даже такие узкие вопросы, как инфографика и SEO, корпоративная инфографика. Даны важные тезисы и рекомендации по дизайну. Автор — признанный эксперт в области инфографики.

Дэвид Маккэндлесс, «Инфографика»

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

Нейтан Яу, «Искусство визуализации в бизнесе»

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

Валентина Д’Эфилиппо и Джеймс Болл, «История мира в инфографике»

Одна из самых оригинальных книг на тему инфографики. Внутри необычные иллюстрации: они особенно понравятся тем, кто увлечен историей. Причем в самых разных ее проявлениях — в книге есть работы на тему развития цивилизации, и одновременно с этим — рейтинг самых продаваемых книг в конце прошлого столетия. Инфографики выполнены в разных стилях, с разными приемами — благодаря этому проще почерпнуть самое привлекательные кейсы.

Рекомендуем прочитать книги Эдварда Тафти — это гуру инфодизайна. Его работы пока не переведены на русский язык, но определенно заслуживают внимания. Вот одна из лучших книг этого автора.

Эдвард Тафти, Envisioning Information

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

Коротко о главном 

1. Инфографика — это инструмент коммуникации и объяснения. Визуальное представление мыслей и процессов. В ней на первом месте смыслы, а не визуальная красота.
2. Инфографика отвечает на вопросы «Как?», «Почему?», «Каким образом?», «Как взаимосвязаны между собой эти вещи?». Но ни в коем случае не «Что?».  
3. Существует три вида инфографики: статическая, интерактивная и видеоинфографика. 
4. Инфографика (в виде сочетания графики и информации) впервые появилась в XVII веке. А в отечественной инфографике особого внимания заслуживают работы советских художников.
5. Основные преимущества инфографики — возможность уложить много информации в небольшой объем, легкость и скорость её восприятия. Недостаток — в цене и сложности производства.
6. Чтобы создать инфографику самостоятельно или с коллегами, нужно начать с мозгового штурма. Набросать до 10 идей того, какие смыслы вы хотите донести до аудитории. Затем решить, какая из них сильнее всех — и на основе нее создать инфографику.
7. Принципы хорошей инфографики — содержательность, легкость для восприятия, смысл и аллегоричность. 
8. Не стоит намеренно искажать восприятие темы и вводить людей в заблуждение с помощью инфографики. Это может плохо отразиться на репутации.
9. С помощью хорошей инфографики можно презентовать инвесторам идею проекта или новую разработку максимально быстро и наглядно. Это очень актуально в технических сферах и крупном бизнесе. 
10. Всем, кто интересуется инфографикой, стоит прочитать книги Джин Желязны и Эдварда Тафти — это настольные библии инфографистов.

Заключение

Создание инфографики — даже самой простой, без движущихся объектов (анимации) — длительный и кропотливый процесс, в который, как правильно, вовлечено много людей. Организовать этот процесс самостоятельно можно, но если нет опыта управления творческой командой и минимальных познаний в графическом дизайне, оценить работу на выходе будет затруднительно. 

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

Инфографика — информация, поданная в виде изображений с целью упростить визуальную коммуникацию, преподнести некую сложную информацию кратко и ясно. Термин состоит из слов двух древнейших языков: латинского informatio (разъяснение, изложение) и древнегреческого γραφικός (письменный). 

Применение инфографики

Впервые об инфографике заговорили в середине прошлого века, когда появилась необходимость взаимодействовать с аудиторией не только посредством текста, требующего времени для прочтения, но и с помощью графических элементов. Так, в СССР большое распространение инфографика получила при оформлении выставок. В США в 80-х годах запустили производство газеты USA Today, где активно использовалось это нововведение. Впоследствии популярность газеты стала толчком к распространению визуализации данных и в остальных периодических изданиях США и других стран.

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

Среди областей применения инфографики можно выделить следующие основные.

• Экономика (бизнес, маркетинг). Здесь в основе инфографики лежат числовые данные, по которым строятся графики, схемы, диаграммы. Данный стиль характерен для экономических, маркетинговых исследований, аналитических отчетов об эффективности бизнеса.
• Социальная сфера (новости, политика, экология, общественно значимые вопросы и др.). Здесь инфографика используется для подачи оперативной информации и готовится под конкретное событие или проблему. Пожалуй, такая инфографика наиболее разнообразная и сложная, потому что она должна не только информировать, но и вызывать эмоции у читателя. 
• История и наука. Хронографика, или историческая инфографика, используется там, где необходимо реконструировать какие-то события, воссоздать динамику в хронологическом порядке. Этому стилю в большей степени присущи повествовательный способ подачи информации, множество деталей и богатый сюжетный ряд. Такая инфографика часто сопровождается большими объемами текста.

Главная черта инфографики

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

Преимущество инфографики

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

Основные типы инфографики

Так как основная цель инфографики — доступное донесение сложных данных, то основные подходы к подаче такой информации можно разделить на два типа: пояснительный и исследовательский.

1. Пояснительная инфографика представляет собой результат проведенного исследования информации, своего рода синтез определенных фактов и выявленных в них закономерностей. Автор такой подачи берет на себя ответственность за изучение объемов данных, а аудитории демонстрирует лишь сделанные им выводы. Такая инфографика очень популярна, она наглядна и доступна простому обывателю. 

1. Исследовательская инфографика предназначена, скорее, для среды профессионалов или людей, хорошо разбирающихся в тематике. Такой способ подачи характеризует большой объем данных, часто отобранных в организованные графики и массивы для удобства анализа. Задача автора состоит в том, чтобы собрать и структурировать информацию. Выводы делают сами читатели. Этот стиль подачи данных, как правило, сложнее для восприятия и требует определенного уровня знаний.

Если говорить о способах реализации инфографики, то здесь можно выделить следующие стили.

1. Минималистическая инфографика. Для этого способа подачи данных характерны минимум эстетики и несущественных компонентов. Основное внимание сосредоточено на точности подачи информации, что характерно для научных работ или инфографики в сфере бизнес-аналитики.

1. Детальная инфографика, напротив, отличается обилием элементов, с помощью которых создаются привычные читателю образы, что, в свою очередь, обеспечивает выразительность и образность информации. Такая стилистика в большей степени свойственна поясняющей разновидности инфографики.

Минусы инфографики

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

1. Инфографика — это обобщение и схематичность, что уместно не во всех ситуациях.
2. Визуализация и схематизация сложных данных требуют экспертного контроля, так как художник или дизайнер может пренебречь важными фактами или цифрами, что приведет к искажению информации. Это особенно актуально для научных публикаций и инфографики и сфере экономики.
3. Несерьезность восприятия изображений читателями, нередко даже пренебрежение к иллюстрациям может помешать им воспринимать информацию. Такое отношение чаще характерно для старших поколений — миллениалы и более молодые люди привыкли к визуальной подаче данных с ранних лет и воспринимают инфографику как что-то само собой разумеющееся.
4. Стоимость реализации инфографики для заказчиков довольно высока. Сложные и многосоставные данные требуют тщательной проработки, что не может не сказаться на цене ее исполнения. Однако этот минус является одновременно большим плюсом для дизайнеров!

Принципы хорошей инфографики

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

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

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

Используйте общедоступные и понятные элементы и символы для передачи визуальной информации (например, символы часов для обозначения периода времени, цифры для нумерации этапов, сегментированный круг для обозначения долей целого и т.д.). Соблюдайте единый стиль всех элементов.

Не бойтесь добавлять поясняющий текст, особенно если речь об инфографике для широкого круга пользователей.

Сервисы для создания инфографики

Основные профессиональные инструменты для создания инфографики — это векторный графический редактор Adobe Illustrator и растровый Adobe Photoshop, реже — Corel Draw, Figma, Sketch и др. Но если вы пока владеете ими плохо, то вам помогут популярные и доступные онлайн-сервисы. Вот некоторые из них.

1. Google Developers

Бесплатный сервис для создания графиков и диаграмм от Google. Есть возможность выбора стиля графиков и диаграмм с настройкой параметров. Данные из исходной таблицы обновляются на графиках в реальном времени.

1. Easel.ly

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

1. Piktochart

Сервис, который подойдет для создания аналитической графики. Доступна загрузка данных в виде xlsx-файла. Не русифицирован.

1. Visual.ly

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

Отдельно стоит выделить сервис Сanva, который перестал быть доступным российским пользователям. Но ранее скачанная и активированная версия приложения до сих пор функционирует.

• Инфографика
• 5 мин на чтение
• 1230

Инфографика для вдохновения

Хорошие примеры инфографики — это настоящее искусство, но не многие это понимают и «штампуют» свои картинки по несколько штук в неделю (а то и в пару дней). Поэтому сейчас зарубежный интернет, да и постепенно рунет стали переполняться самыми простыми и некачественными примерами того, что их авторы называют «инфографикой». Для этого вполне можно проследовать в раздел Атипичной инфографики.

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

Древнееврейская космология

Иллюстрация библеского космоса, который, по представлениям древних, состоял из трех основных компонент: небеса, земля и подземный мир.

Проект на сайте автора

Фестиваль экспериментальной музыки «Instal»

Плакат, созданный специально для музыкального фестиваля «Instal», содержащий основную информацию для посетителей: количество гостей, время встреч и тд…

Проект на сайте автора

Исследование Марса

За всю историю освоения космоса к Марсу было более сорока экспедиций, однако, лишь малая их часть достигала поверхности планеты.

Проект на сайте автора

Самые дорогие картины мира

Проект на сайте автора

Дистракторы

В какой последовательности вы пользуетесь различными социальными сетями, когда отправляете твит, когда заходите в ICQ, а когда идете ставить чайник для кофе? У всего этого есть своя закономерность.

Проект на сайте автора

Потребление воды

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

Проект на сайте автора

Статистика использования воды

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

Проект на сайте автора

Статистика «Битлз»

Из названия уже все понятно. Эта визуализация наглядно описывает творчество одной из самых известных музыкальных групп в мире.

На сайте автора представлены и другие визуализации группы по разным категориям: песни, популярность и другие.
Проект на сайте автора

Спутники

На самом деле вокруг Земли вращается далеко не 10 и даже не 20, а сотни искусственных спутников, запущенных в разное время для разных исследований и целей.

Проект на сайте автора

Грузовики

Интересная визуализация с примерами различных грузовиков, которые используются в мире от Франческо Франки.

Проект на сайте автора

Население и экономика

Визуализация самых важных демографических и экономических изменений в жизни Германии со времен образования ФРГ.

Проект на сайте автора

Жюль и Джим

Наглядная картина развития отношений главных героев в фильме «Жюль и Джим», снятого в 1962 году.

Проект на сайте автора

Гармония Евангелий

Четыре Евангелия рассказывают историю земной жизни Иисуса Христа.

Проект на сайте автора

Генеалогия музыки

Краткая история развития 70-ти направлений музыки с 1955 по 1978 годы.

Проект на сайте автора

Еда по сезонам

В этой диаграмме каждому виду продуктов соответствует свой цвет и все они разбиты по временам года.

Проект на сайте автора

Эволюция мобильных телефонов

В 1983 Моторолла выпустила свой мобильный аппарат, который весил чуть ли не 5 кг. С тех пор многое изменилось…

Проект на сайте автора

Ежегодный отчет Николаса Фелтрона

Те, кто внимательно следит за нашими новостями, уже видели недавно последний его отчет за 2011 год.

Проект на сайте автора

Содержимое почтового ящика

Что попадает в почтовый ящик за год? Оказывается, много разного добра.

Проект на сайте автора

Утомление от перелета

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

Проект на сайте автора автор решил обновить свой сайт, поэтому временно его работы не доступны для просмотра.

Крупнейшие банкротства

Интересная идея по отображению крупнейших банкротств за последние 20 лет.

Проект на сайте автора

Что случилось при пожаре

Наглядная поэтапная иллюстрация того, что случилось при пожаре в жилом доме: как распространялся огонь, какие квартиры были повреждены.

Проект на сайте автора

Мусор в Тихом океане

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

Проект на сайте автора

Таксономия

Как придумывают названия для различных спортивных команд? В США используют названия городов, растений, животных, путешественников, предметов, а в России названия известных спонсоров, рабочих профессий, героев истории. Наглядная инфографика, которая рассказывает, кто и как придумывает названия для команд.

Проект на сайте автора

Лабиринт памяти

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

Проект на сайте автора

Гугл за работой

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

Проект на сайте автора

Кодак за работой

Наглядная иллюстрация процесса работы в компании Кодак (более не существующей).

Проект на сайте автора

Информационный голод

Человечество всегда хотело знать все, что только можно узнать. Согласно исследованию Калифорнийского университета, с 1998 по 2008 годы объем потребления информации в США рос на 6% в год и достиг 3,6 зеттабайт.

Проект на сайте автора

Оригинальная статья

• 0