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

infographer

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

Тема: Теория 6

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

Malofiej24: про интерактивы и виртуальную реальность

Событие2 г. назад Инструменты, События, ТеорияMalofiej, виртуальная реальность, интерактивная инфографика, конференция

Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать.

Во второй день конференции первым на сцену поднялся Simon Ducroquet из Nexo. Саймон делился своими мыслями и наработками в части использования виртуальной реальности для более наглядного представления информации.

Одна из представленных работ – масштабное описание масштабной гидроэлектростанции в Бразилии (отдельно обратите внимание – внизу длинного скрола справа будет ссылка на саму виртуальную реальность, версии под веб, iOS и андроид).

Для создания виртуальной реальности коллеги используют игровой движок Unity. Основным примером на выступлении был проект “Синий кит”.

Синий кит в виртуальной реальности

Синий кит в виртуальной реальности

 

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

Google’s Cardboard Design Lab – хороший “учебник” для начинающих дизайнеров виртуальной реальности

Инфографика — как игра-бродилка

Проблема с Unity в том, что не так то просто сделать хорошую вещь под web

Виртуальная реальность – это как наушники для ваших глаз

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

Len De Groot из Los Angeles Times тоже посвятил свое выступление виртуальной реальности, в частности он показывал проект, посвященный кратеру Gale на Марсе. И поделился техническими параметрами создания.

Кратер вулкани Gale на Марсе в виртуальной реальности

Кратер вулкана Gale на Марсе в виртуальной реальности

 

Виртуальная реальность дает нам возможность расширить понимание

Мы все знаем, что 3D-диаграммы – зло, так как они искажают и скрывают данные. Тоже самое с виртуальной реальностью.»

Мы думаем, что можем просто использовать печатную версию [для создание VR], и полностью проваливаем проект

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

Полная презентация доступна тут.

Закрывал сессию первой половины дня Archie Tse из The New York Times с провокационной темой “Почему NYT делает меньше интерактивных работ».

Работа NYT базируется на трех правилах визуального сторителлинга:

  1. Если читателю нужно кликнуть, а не скролить, потом должно произойти что-то из ряда вон выходящее.
  2. Исходите из того, что всплывающие подсказки и любые другие эффекты при наведении, никто никогда не увидит. Если контент важный — сделайте так, чтобы читатель сразу его увидел.
  3. Если вы хотите сделать что-то интерактивное, помните — будет дорого сделать так, чтобы это работало на всех платформах.
 Archie Tse: Три правила визуального сторителлинга

Archie Tse: Три правила визуального сторителлинга

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

Как эти правила изменили подход NYT:

  1. Большинство визуализаций теперь статичны
  2. Текстов стало больше
  3. Если движение в картинке нужно — оно появляется во время скрола

(Четвертый пункт гласит, что они по-прежнему делают интерактивные работы. Но теперь повод должен быть ОЧЕНЬ значимым).

Подход NYT к интерактивам

Подход NYT к интерактивам

Мы делали “многошаговки”. Пользователи останавливались на шаге 3. Читатели хотят просто скролить, а не кликать

слайд из презентации Archie Tse

Archie Tse: Scrolling Vs. clicking

Смотрите полную презентацию выступления.

Бонус: опенсорсовый проект ai2html, который позволяет достаточно легко переводить вектор в html.

Автор: Максим Горчаков

 

#MakeoverMonday

2 г. назад Uncategorised, Критический взгляд, Примеры визуализации, Теорияinsightful, tableau, визуальное мышление, интерактивная инфографика

Опять понедельник и опять новый набор данных для #MakeoverMonday Challenge.

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

Результаты он и Энди Котгрив публикуют у себя в блогах. Вызов может принять любой желающий и опубликовать результат в Twitter с тэгом #MakeoverMonday.

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

Тема этой недели – Цены на образование в США.

Ниже публикуем результаты прошлой недели — Рабство в XXI веке.

Скриншот с  оригинала от CNBC. Интерактивную версию смотрите на сайте:

The victims of the 21st-century slave trade by CNBC

The victims of the 21st-century slave trade by CNBC

#MakeoverMonday от Andy Kriebel. Подробное описание и интерактив — в блоге Энди:

Victims of the 21st-century Slave Trade by Andy Kriebel

Victims of the 21st-century Slave Trade by Andy Kriebel

#MakeoverMonday от Andy Cotgreave. Подробное описание и интерактив — в блоге Энди:

Victim of 21 century slave trade By Andy Cotgreave.

Victim of 21 century slave trade By Andy Cotgreave.

В Pinterest и Twitter можно найти варианты других людей.

Визуальная грамотность в эпоху данных

Статья3 г. назад 1 Книги, Критический взгляд, Теорияbig data, D3, National Geographic, New York Times, tableau, The Guardian, визуальное мышление, журналистская инфографика, законы восприятия, интерактивная инфографика, теория информационного дизайна, Эдвард Тафти
Китайские связи

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

«Важно не то на что вы смотрите, а то что вы видите» — Генри Дэвид Торо

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

Визуализация данных и журналистика

Когда-то слово «визуализация» описывало акт создания мысленного образа. Сегодня оно скорее означает графическое представление информации. Мы живем во все более и более визуальном мире, всматриваемся в экраны разных размеров, разрешение которых с каждой новой версией устройств постепенно увеличивается. Мы живем в мире с большим количеством доступных нам данных, чем когда бы то ни было. IBM утверждает, что 90% данных в мире были созданы за последние два года, и что ежедневно мы создаем 2.5 квинтильона байтов данных, способствуя развитию того, что некоторые называют новой нервной системой планеты. Объедините большие объемы данных с тем фактом, что человеческий мозг быстрее и проще воспринимает изображения, чем текст — вы получите расцветающий мир визуализации данных. Для нас это наиболее действенный способ обнаружения и понимания скрытых образов, взаимосвязей. Текст, фотографии и видео — это журналистские форматы, которые информируют общественность и дают ей возможность принимать решения. Визуализация данных быстро присоединяется к их разряду, как не менее важный формат.

Джули Стил из О’Рейлли выделяет три категории визуализации:

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

Визуализация данных — использует большие наборы данных с меньшим количеством ручной работы над дизайном; базируется на алгоритмах. Например, интерактивная работа New York Times.

Визуальное искусство — однонаправленное кодирование. Красивые, но трудно поддающееся расшифровке визуализации, например, вычислительное искусство Кунала Ананда.

В чем проблема?

Визуализация данных в журналистике часто подвержена влиянию компьютерных наук и математики. В результате, чтобы представить данные в журналистских работах, используются причудливые формы, очертания и взаимосвязи. Этот эффект усиливается еще и быстрым размножением инструментов, которые делают создание любых видов визуализации проще, таких как Many Eyes, Tableau, и общедоступные библиотеки, в том числе D3.

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

Новая «визуальная грамматика» журналистики

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

Права гомосексуалистов в США, штат за штатом

Визуализация The Guardian о правах гомосексуалистов в Соединенных Штатах наделала много шума в журналистских кругах и в мире визуализации данных из-за ее экспериментального формата. В разговорах и спорах особо выделяют напряженность между новизной и более привычными форматами. Графика представляет страну в виде круга, который позволяет вывести на экран больше информации, чем в формате карты. Формы и цвета привлекательны, но они же — дополнительный уровень для читателя, требующий приложить больше усилий, чтобы добраться до сути.

Права гомосексуалистов

Интерактив о правах гомосексуалистов, The Guardian

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

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

Статья5 г. назад Теорияанимированная инфографика, интерактивная инфографика, тренды
Микросайт Nike Better World

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

Три тренда будущего инфографики

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

Инфографика умерла?

Cоучредитель соучредитель компании Column Five, Джейсон Лэнкоу, считает правильным то, что люди озабочены судьбой инфографики в условиях возрастающего информационного насыщения сети контентом такого типа. Если верить его словам, сейчас мы наблюдаем смерть новизны инфографики, но не снижение ее значимости. Так же, как популярность нового музыкального жанра не влияет на ее легальность (правда, хипстеры?), широкое распространение инфографики никак не ограничивает возможность создания невероятно качественных и полезных работ в этом формате. Бум в области данных и неиссякаемая необходимость объяснять сложные концепции простым языком, гарантируют графической визуализации большую востребованность в последующие годы.  Продолжить чтение →

Приступая к работе с визуализацией после первого знакомства с ней

Статья5 г. назад Инструменты, ТеорияD3, R, tableau, инструменты инфографики, интерактивная инфографика, книги по инфографике, курсы, научиться инфографике, советы инфографики

В этом посте Нейтан Яу, автор блога The Flowing Data и книги «Искусство визуализации в бизнесе», рассказывает о том, в каком направлении стоит двигаться после того, как вы усвоили азы визуализации. Именно тогда, когда пришла пора браться за серьезную работу.

Начало работы после знакомства

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

Однако на этом не стоит останавливаться. Часто начинающие прекращают движение на этом этапе: они прочли книги Тафти (читай – небрежно пролистали и запомнили выделенный текст) и отправили их на книжную полку или прикнопили к доске, как дипломы по визуализации. Возможно, вы один из них? Я тоже был таким.

Но вы хотите стать лучше, не так ли? С этого момента я буду считать, что вы ответили «да».

Работайте с данными, на самом деле.

К сожалению, от этого никуда не деться.

Если вы намереваетесь в чем-либо преуспеть, вы Продолжить чтение →

RoamBI — красивейшие управленческие дэшборды

Статья8 г. назад 10 Инструменты, Теорияusability, бизнес инфографика, дэшборды, интерактивная инфографика, софт для визуализации
Roambi Cardex - пример дэшборда на iPad

Что требуется от визуализационного инструмента? Красиво отобразить данные.

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

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

Мы, работая с RoamBI, переняли опыт создателей, и накопили также собственный. Поэтому я с радостью познакомлю вас с RoamBI поближе. Сразу оговорюсь:  RoamBI работает только на айфоне/айпаде, но зато полностью использует его возможности.

Roambi - управленческие дэшборды, информационная панель руководителя

Roambi - управленческие дэшборды c помощью Infographer

Как это работает: вы отдаёте RoamBI вашу таблицу с данными — и она развёрнуто представляется в одном из 5 графических видов:

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

Темы раздела
Инструменты 3События 1Теория 6Uncategorised 1Критический взгляд 2Примеры визуализации 1Книги 1
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

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

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

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

Имейл: mg@infographer.ru

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