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

infographer

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

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

5
Comments
Linkedin
2
ВКонтакте
0
Pocket


Я благодарю Иру и Макса за приглашение в число соавторов 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 работает прекрасно.

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

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

Окт 19, 2010Варик
Статья была интересной?
  • Поделюсь (0)
  • Полезно (0)
  • Бесполезно (0)
  • Банально (0)
Как спасали Чилийских шахтеровАнимированная инфографика - лучшие примеры
Главная Книги Анимация в инфографике
Статья12 г. назад 5 Колонка со-авторов, Примеры визуализации, Теорияанимированная инфографика, видео-инфографика, типы диаграмм, Ханс Рослинг
Варик
Сайт
  • Zoid

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

  • Ivan Poukhkal

    Довольно известная анимация от NYT: http://www.nytimes.com/interactive/2009/07/02/business/economy/20090705-cycles-graphic.html

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

  • Ivan Poukhkal

    Пример, когда анализ удобнее выполнять по статичной раскадровке — «Публико» о рекорде Болта

    [img]http://infographer.ru/wp-content/uploads/2010/10/publico bolt.gif[/img]

    (фрагмент http://www.flickr.com/photos/diariopublico/4084246982/sizes/o/ )

  • Константин Варик

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

  • Ivan Poukhkal

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

    http://www.nytimes.com/2008/06/04/us/politics/04margins_graphic.html?_r=1

  См. также  
Примеры визуализации

Итальянцы и Европейцы

Шедевр инфографики, сделанный с помощью простейшей анимации, пары кружков и... 2

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

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

Статистика может быть убийственной, эту мысль развила в своем рекламном ролике компания Ivesco.
Но честно, говоря, это мог быть сюжет... 1

Книги, Теория

Краткая история визуализации информации

Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. 1

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

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

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

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

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

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

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

Лопнувшие империи

Елементарные пузыри, от которых отделяются более мелкие. 0

Инструменты

Классификация графиков и их назначение

Это исчерпывающий каталог всевозможных типов визуализаций с примерами и принципами выбора. 1

Теория

Три тренда в инфографике в 2014 году

Теперь, когда все полюбили инфографику, ранние последователи и передовые мыслители хотят знать, что же с ней будет дальше. 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+