• Агентство
  • ← Блог

infographer

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

Тема: видео-инфографика 18

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

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

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

hans-rosling

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

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

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

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

eurosport-cycling

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

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

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

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

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

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

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

II Международный форум презентаций Present! в Москве

Событие12 г. назад 3 Событиявидео-инфографика, конференция, креатив, мастер-класс, презентации, создание презентаций, теория информационного дизайна

Лето этого года — богато на события! Портал Как сделать презентацию и Международная высшая школа презентаций и коммуникаций приглашают 11 и 12 июля 2013 года предпринимателей, директоров по развитию бизнеса, маркетологов и всех, кто работает в креативном бизнесе, на II Международный форум презентаций Present! «Креатив, изменяющий мир: от идеи до воплощения».

11 и 12 июля 2013 года

Государственный университет управления. Москва, Рязанский проспект, дом 99. Бизнес-центр ГУУ, 1 этаж.

Регистрация на странице http://presportal.ru/present/

II Международный форум презентаций Present! посвящен креативу, изменяющему мир – от пространства города до парадигм мышления. Сильная идея и видение, выходящее за рамки привычного, – это то, что делает презентацию не только запоминающейся, но и изменяющей мышление и саму жизнь.

Цель форума – дать комплексные ответы и практические рекомендации по следующим вопросам:

  • Генерирование инновационных и жизнеспособных бизнес-идей
  • Развитие бизнеса за счет мозгов, а не инвестиций
  • Проектирование структуры убедительной презентации
  • Использование технологических решений в презентации и продвижении идей
  • Представление бизнес-идей на языке инфографики: как изложить 100-страничную презентацию бизнеса на 1 странице
  • Применение видеопрезентаций, роликов и корпоративного ТВ в бизнесе
  • Коммуникации, переговоры и публичные выступления
  • Дизайн информации: визуализация бизнес-идей
  • Digital и креатив

Зарегистрироваться на II Международный форум презентаций можно при помощи формы на сайте http://presportal.ru/present/ или по e-mail vera.kovaleva@presportal.ru:

Программа мероприятия

ДЕНЬ 1. 11 июля, четверг 

09.00-10.00 – Регистрация гостей

10.00-11.00 – Торжественное открытие форума, пресс-конференция

11.00-13.00 – Секция “Создание креативных идей и нестандартные подходы к развитию бизнеса”

  • Василий Лебедев, один из руководителей креативного агентства RedKeds и основатель курсов для обучения digital-дисциплинам ИКРА.
  • Константин Самойлов, исследователь user experience в Google. London, UK.

13.00 – 14.00 – Обед  Продолжить чтение →

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

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

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

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

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

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

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

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

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

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

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


 

 

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

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

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

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

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

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

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

 

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

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

 

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

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

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

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

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

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

Статья14 г. назад 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 работает прекрасно.

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

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

Говорит и показывает Меркатор

Событие15 г. назад 4 Событиявидео-инфографика

Инфографика, меркатор

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

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

Этот эпиграф — отрывок из статьи Андрея Скворцова. Ну а в понедельник мы были на его семинаре в Московской Школе Компьютерной Графики ScreamSchool, существующей в рамках БВШД. Андрея мы уже упоминали ранее на страницах нашего блога, а для тех кто недавно с нами, позвольте представить: генеральный директор компании Меркатор.

Трехчасовой семинар Андрея был составлен из тем двух его отдельных, больших семинаров: «Инфографика: как научить ваши цифры говорить» и «Визуальные аллегории: как визуализировать идеи». Была огромная масса интересной информации по инфографике в целом, и  видео-инфографике в частности.

Мы смогли, прежде всего, посмотреть на результаты труда основной компании на российском рынке ТВ-инфографики. В частности, Меркатор производит «под ключ» для канала «Вести-24» 50-секундные ролики, напичканные статистикой. Сами придумывают тему, сами ищут информацию, сами реализуют.

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

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

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

Например, поразбирали бизнес-работы для РЖД, Brunswick, Магнезит’а. Эти видео вы можете посмотреть на их сайте.

И самое восхитительное — у Андрея есть команда видео-инфограферов, которой нет больше ни у кого.

Что же касается инфографики, то её Андрей делит на следующие виды:

  1. Инфографика как развлечение (то, что мы для себя называем «журналистская инфографика»);
  2. Инфографика как доказательство (тут мы подразумеваем «бизнес инфографику»).

Ну и много советов от мэтра:

  • Цвет имеет значение;
  • Грамотно пользуйтесь аллегорией и метафорой (какие они должны быть — читайте в его статье);
  • Выбирайте диаграммы соответственно задачам — тут не забуду напомнить об удобном инструменте. Андрей пользуется аналогом такой же таблички;
  • Остальное читайте в статьях на его сайте.

Справка:

Андрей Скворцов — эксперт в области корпоративной и индустриальной рекламы. Автор маркетинговых и инвестиционных фильмов и презентаций для сотен российских и западных компаний, генеральный директор компании «Меркатор» (www.mercator.ru) — ведущего коллектива по производству информационной графики, презентаций и видео.

  • обладатель золотой медали NewYorkFestivals-2009
  • член жюри NewYorkFestivals-2010
  • автор более 100 презентационных фильмов
  • выпускник Гарвардской школы бизнеса (OPM)
  • MBA (AIBEc)
  • выпускник МГУ (географичекий ф-т)
  • участник сценарного семинара Роберта Макки
  • участник семинара инфодизайна Эдварда Тафти

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

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

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

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

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

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

Назад
Темы раздела
Примеры визуализации 16Критический взгляд 1Теория 2События 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+