• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: Примеры визуализации 10

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

В память о Хансе Рослинге: лучшие видео

6 г. назад Примеры визуализацииgapminder, анимация, видео, видео-инфографика, статистика, Ханс Рослинг

С прискорбием сообщаем, что харизматичная звезда необычных статистических презентаций, Ханс Рослинг, покинул наш мир в возрасте 68 лет. В честь его имени, давайте пересмотрим ещё раз самые знаменитые видео с его участием.

hans-rosling

Продолжить чтение →

Велоспорт: как это устроено

Видео7 г. назад Примеры визуализацииcycling infographics, анимация, анимированная инфографика, велоспорт, видео, видео-инфографика

Телеканал Eurosport сделал серию видео о том, как устроен велоспорт, каждый сюжет — шикарное анимированное объяснение сложных тактик побед.

eurosport-cycling

Если вы не особо следите за новостями, то расскажем вам, что в эти дни проходит велогонка Tour de France. Она крута и сложна тем, что длится 21 день, за это время почти 200 гонщиков проезжают 3,529 километров, и за это время успевают подняться на несколько десятков вертикальных километров. Каждый день гонщик в среднем расходует 12.000 калорий (для сравнения, у обычного человека норма — 2.000 калорий в день). Командный велоспорт — это сложная стратегия, которую первым взглядом непросто  разглядеть новичку.  Продолжить чтение →

Роберт Косара: Зачем иллюстрировать цифры

Статья8 г. назад Критический взгляд, Примеры визуализации, Теориявидео-инфографика, визуальное мышление, Роберт Косара, теория информационного дизайна

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

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

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

Продолжить чтение →

Климат меняется. Меняются ли люди?

Изображение11 г. назад Примеры визуализациивидео-инфографика

Мы давно являемся поклонниками итальянской студии Density Design и следим за их работами. Раньше в портфолио итальянцев превалировал принт, но в последнее время появилось довольно много анимационных роликов.

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

Climate Changes. What about People? from DensityDesign on Vimeo.
В ролике есть несколько хороших приемов «хозяйке на заметку». Идея довольно проста, но красива и действует как магнит:

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

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

Графики атакуют

Изображение12 г. назад 2 Примеры визуализацииfun, видео-инфографика

Статистика может быть убийственной, эту мысль развила в своем рекламном ролике компания Ivesco.  «Случайное инвестирование может случиться с каждым. Но не обязательно. Познайте международное инвестирование с Investco».

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


 

 

Анимированная инфографика — лучшие примеры

Видео13 г. назад 7 Примеры визуализациивидео-инфографика

Поддержим тему, начатую Костей красивыми примерами! Сегодня — анимированная инфографика.

Анимированная инфографика бывает двух основных типов: либо она превращает презентацию данных в последовательный рассказ (и правильный сценарий позволяет превратить скучную сухую наполненную данными презентацию в действительно увлекательный рассказ, которым будет заинтригована аудитория), либо красиво иллюстративно рассказывает некую историю. Мы в своей работе практикуем принцип «story telling», а поэтому хотим познакомить вас немного с этой темой.

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

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

У этого видео есть целая история. В 1926 году иллюстратор Фритц Канн (1888-1968) изобразил человека в виде набора механизмов, как если бы это был индустриальный завод. Весьма прогрессивная визуализация для того времени. В визуализации сделан акцент на химические процессы, происходящие внутри организма, и это неудивительно: в то время германская химическая была лидирующей в мире.

 

Хеннинг Ледедер - Der Mensch als Industrienpalast - Человек как индустриальный завод

Хеннинг Ледедер - Der Mensch als Industrienpalast - Человек как индустриальный завод

 

Вперёд в биологическую тему. Давайте теперь посмотрим, какую полезность приносит сахар организму. Отлично раскрыта вполне сложная химически-биологическая тема. К теме устройства человека мы уже обращались, когда исследовали тему клонирования карт метро (ссылка).

Важное качество анимации — возможность рассказать «историю». Давайте обратимся к Google и посмотрим, как эта компания развивалась:

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

Какое из этих видео «врезалось» вам в память больше всего?

Кстати обратите внимание на длительность этих видео.Минута-полторы — и вы знаете максимум о выбранной теме.
Это ли не идеал коммуницирования информации?!

Анимация в инфографике

Статья13 г. назад 5 Колонка со-авторов, Примеры визуализации, Теорияанимированная инфографика, видео-инфографика, типы диаграмм, Ханс Рослинг


Я благодарю Иру и Макса за приглашение в число соавторов infographer.ru. Перед первой встречей с ними я наткнулся  в блоге Information Aesthetics на описание интересного исследования анимации в визуализациях данных. И в первую очередь решил написать как раз про него.

В презентациях шведского врача Ханса Рослинга (Hans Rosling, wiki) он рассказывает удивительные истории с помощью придуманной им программы GapMinder. Она одна из первых позволила добавлять анимацию к графикам, чтобы показать временные изменения комплексных данных и выявить закономерности.

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

Исследователи из Microsoft Research и Georgia Tech придумали и провели серию экспериментов и опубликовали работу «Эффективность анимации в визуализации тенденций» (Effectiveness of Animation in Trend Visualization, PDF, microsoft.com).

Джордж Робертсон с коллегами сравнили три различные визуализации исторических данных ООН, очень похожих на те, что Ханс Рослинг представлял на TED Talk. Они измеряли эффективность в трёх категориях: точность восприятия, скорость и субъективное удовлетворение.

Участникам эксперимента предлагалось оценить три варианта представления данных:

  1. Анимация графика рассеивания с анимированными точками  как в GapMinder.
  2. Метод Small Multiples, который Сергей Сурганов в переводе книги Тафти “Представление информации” перевёл как Параллельное изложение. Это серия Bubbles Chart (wiki), показывающих изменения в каждой стране отдельно.
  3. График рассеивания с отображением следов изменений, как показано ниже.

Отдельные кадры из анимации:

Small Multiples:

Следы:

В работе раздельно исследуются две цели визуализации: представление данных (презентация) и их и анализ. Ответы меняются в зависимости от цели.

Основные результаты исследования:

  • Small multiples помогают более точно передать информацию.
  • По скорости восприятия в целях представления (на 60-70% быстрее) была первой анимация.
  • Она же была самая медленная в целях анализа (медленнее на 50-80%).
  • Людям больше удовольствия и удовлетворения приносит анимация.
  • Но в техническом плане явных победителей не выявилось.

Рекомендации авторов исследования:

  • Разделять цели представления данных и их анализа. Одна и та же техника визуализации не может быть одинаково эффективна и для анализа, и для представления. У разных задач разное решение.
  • Анимация хорошо подходит для эффектного и интересного представления данных. Анимация способствует эмпатии и чувству соучастия у аудитории.
  • Не стоит ожидать, что люди запомнят детали. Согласно исследованию люди легко путаются и точность восприятия данных остаётся низкой при любой технике.
  • Необходимо тщательно отбирать данные, чтобы не перегрузить людей их количеством.
  • Для хорошей коммуникации всегда необходим хороший докладчик. Ханс Рослинг гениальный докладчик, и в его руках GapMinder работает прекрасно.

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

Есть ли у вас интересные примеры использования анимации для представления информации?

Красная Шапочка по-инфограферски

Изображение13 г. назад 2 Примеры визуализацииfun, видео-инфографика

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

И музыка такая техногенная, не сказочная вовсе.

Только вот тема съедания бабушки по-моему не раскрыта — там ведь столько интересных процессов ))

откопала на www.visions.com.ua

И снова вулканы и самолеты

Изображение13 г. назад 1 Примеры визуализациианимация, видео-инфографика

Инфограферам только дай повод!

Публикую ускоренную запись с Flightradar — фантастический сервис непрерывно отслеживающий авиа перелеты. Во время активности «Большого Э.» и после.

Airspace Rebooted from ItoWorld on Vimeo.

Познавательное видео о Японии

Видео13 г. назад 5 Примеры визуализациианимация, видео-инфографика, информационный дизайн

Видео-инфографика о маленькой, но гордой стране.

Увлекательно и довольно много фактов для 10 мин. С проф точки зрения могу отметить несколько приемов, использованных при создании:

Наглядность большим цифрам (даю по одному примеру, но их в ролике гораздо больше)

  • 35000 самоубийств в год пересчитаны на количество человек в день, чтобы мы могли представить себе эту большую абстрактную цифру

Сравнения

  • говоря о перенаселенности Токио, показывают квадрат земли и показывают сколько людей на нем будет жить в США, в Японии в среднем, в Токио

Юмор

  • Про туалеты конечно же

Подведение итога в конце



Спасибо Кириллу Емельянову из Минэкономразвития за ссылку

Назад
Темы раздела
Примеры визуализации 16Критический взгляд 1Теория 2Колонка со-авторов 1
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+