Malofiej 25

Краткий дневник с главного инфографического события года. Редактируется и дополняется.

День первый

30.03.2017

Isabel Meirelles

Профессор на факультете дизайна и исследователь лаборатории визуальной аналитики OCAD University of Toronto. Один из организаторов http://informationplusconference.com/

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

Историю интерактивной графики на конкурсе (индустриии) глобально можно разделить на 3 блока:

  1. Мы использовали кнопки, вкладки, аудиоэффекты, бегунки – очень много разных видов интерактивности в рамках одной работы
  2. Начиная с Малофей 14 призы получают более исследовательские работы, основанные на больших объемах данных, требующие длительного изучения, больше похожие на дашборды
  3. С Малофей 21, год, когда приз получила Лавина, мы начинаем использовать встроенные возможности браузера. И переходим на формат лонгридов. А интерактивность редуцируется до скролла и подсказок на визуализациях данных

По большому счету, ничего нового:

  1. Мы адаптируемся к новым устройствам
  2. Мы адаптируемся к новым браузерам
  3. Мы адаптируемся к новым платформам и каналам дистрибуции

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

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


Jon Schwanish

Экономист, специалист в визуализации данных, автор книги Better Presentations: A Guide for Scholars, Researchers, and Wonks.

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

  1. Аннотация. Подписи на визуализации, которые позволяют быстро и правильно считать мысль.
  2. Рассказ. Последовательная подача информации, большей во объёму, чем п.1. Но без сильной эмоциональной составляющей и без развития и кульминации.
  3. Собственно история.

Ну и конечно ролик Курта Воннегута


Javier Zarracina

Руководитель команды интерактивных журналистов в Vox в Вашингтоне.

Ограничение размера провоцирует к созданию новых новостных форматов:

1. WTF формат

2. Объяснение в 3 предложениях. Рассказ о сложном очень кратко.

Правила команды визуализаторов:

  1. Документируй все
  2. Все должны быть в чате. Используют Slack и trello
  3. Правило PIOTS (put it on the site). Если пришла идея, сразу делай и публикуй
  4. Отслеживай аналитику
  5. Создавай инструменты для редакторов (графики, слайдеры и т.д.). Autotune (открытый ресурс для создания инструментов)https://product.voxmedia.com/2015/7/8/8907841/introducing-autotune
  6. Создавай мультиплатформенный дизайн
  7. Встраивай графики в видео

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

В завершение, сайт перестаёт выделяться среди других каналов дистрибуции. Vox старается охватить как можно больше платформ. (Кстати, Малофей ввёл номинацию «Графика для соцсетей», прим. Нади).


Michael Braner

Лондонская студия

http://beyondwordsstudio.com/

Майкл всячески агитировал за создание скетчей.

Скетчинг это не рисование. И если рисование это рассказ, то скетчинг это исследование, это идея, представленная в чистом виде.

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

Рабочий процесс в студии

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

Скетч это хорошо, делай скетч, будь как скетч!

Обед

Ели бургеры…

Petri Salmen

Финский дизайнер-инфограф

Hs.fi

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

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

2. Активно используют вращение и перемещение по модели для последовательного рассказа

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

4.Преобразование статьи в видео ролик с инфографики и диктором. Печатная версия состоит из объемной статьи и пары графиков.

5.Гифки! Как правило используют элементы и иллюстрации из принт версии. Логично :)

Что интересно, разработчиков в команде больше, чем дизайнеров


Pablo Loscri

La Nacion http://www.lanacion.com.ar/

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

Малые формы: маленькие визуализации, которые могут быть собраны в большой проект.

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

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

Все форматы используют на телеканале холдинга.

Ещё один крутой проект:

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


Mariano Zafra

http://www.univision.com/

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

  • Инструмент для анализа мобильной версии страницы https://chartbeat.com/
  • Ещё один инструмент. https://www.hotjar.com/ куда доходит пользователь.
  • Ориентация телефона. 60–80% используют вертикально. Рабочая зона – около 500 пикселей по вертикали. И 175 пикселей (половина) по вертикали в горизонтальной ориентации.
  • МОБАЙЛФЕРСТ. Как одно из решений, десктопная версия собирается из модулей – экранов мобильника как из плитки
  • Проект строится из относительно независимых модулей, каждый из которых может быть расшарен. Модули могут быть использованы в других материалах
  • Инструменты прототипирования

Rob Bieling

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

Самое интересное, это их сервис:

Map4news.com

И сервис для генерализации (упрощения) контуров.


День второй

31.03.2017

Alberto Lukas

National Geographic

http://www.lucasinfografia.com/

Автор примерно трети моей доски про инфографику в пинтересте рассказывает о своём опыте

El Correo

South China Morning Post

Моя любимая работа. Собрала 25 млн просмотров на сайте. Это так, для справки.

Работа, которую Альберто делал по ночам «как хобби». Справа реальный размер.

National Geographic

Первая работа в журнале. Долго искал решение

В результате сделал визуализацию из бумаги.

Начал и закончил тезисом, мол не сдавайтесь, если не получается, и любите то, что делаете. Аллилуйа


Jose Roberto de Toledo

Журналист, до последнего времени в Estado

Примеры хороших исследовательских визуализаций политической жизни в Бразилии, второй страны в мире по числу партий

http://www.estadao.com.br/infograficos/

Анализ твиттер акаунтов политиков, кто кого фоловит. Каждая точка – политик. Цвет – партия. Видно, какие партии ближе друг к другу.

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

«Базометр». Сложный инструмент, ориентированный очевидно на журналистов. Насколько каждый конгрессмен (точка, цвет – партия) поддерживает решения правительства

Конгрессмены и правительство практически проигнорировали. Но на базе этой штуки написали около 20 научных статей и выпустили книжку.


Claus Norregaard

Датский дизайнер, газета Politiken

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

Но они же делают более сложные работы.

Но в основном чуваки фигачат джанк-чарты


Tom Giratikanon

The New York Times

Или я устала, или все действительно скучновато. Пара тезисов:

Визуализаторы начинают рулить ньюзрумом.

Несколько моментов для улучшения взаимодействия с читателем:

1. Первый вопрос, как читатель попадёт на историю. Нужно создавать дополнительные входы на нее

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

3. Более подробное освещение даже типовых форматов, если они интересны читателю. Выходить за пределы таблички

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

В результате проект про выборы: 1 млн человек на проекте единовременно, более 200 млн просмотров.


Anna Flagg

The Marshall Project

Трамп-трамп-трамп-трамп

Как заставить людей обратно доверять дата журналистам?

Узнай, что нужно аудитории и покажи доказательства, дай доступ к данным и предложи участвовать.

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

Хочешь сочувствия от пользователя, рисуй человечка. А ещё лучше более реалистичного, а ещё лучше – разных.

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


Julius Wiedemann&Kaitlin Yarnall

Taschen&National Geographic

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

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


Nathaniel Lash

Журналист, Tampa Bay Times

Проводит параллели между детскими книжками и публикациями

Делали сложные визуализации, например про сегоегацию в городе. Но пришли к выводу, что читатели те же дети:

  • Любопытны
  • Делают странные предположения на неверных данных
  • Тяжело удерживать их внимание: Один тезис один экран и простые формулировки

Жанр Сторибук – это путешествие, где ты узнаешь что-то новое о мире, неожиданное и офигительное

Особенности жанра:

  • Простой язык
  • Свежие, захватывающие иллюстрации
  • Знакомое, но новое
  • Повторяющееся, но не одинаковое

Когда это работает: когда недостаточно слов, когда визуализация работает лучше слов, когда сочетание слов и графики делают историю более эффективной.

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

Пара финальных выводов

  • Данных не существует
  • Данные ничего не значат, пока их не интерпретируют

Sarah Slobin

Quartz

We know that the future of news will be written in code.

На примере интерфейса стиральной машины рассказала о нескольких правилах:

  1. Создайте структуру, последовательность действий
  2. Используйте сетку. Сетка создаёт границы. Границы образуют воздух
Мы не приглашаем читателя в казино, мы не хотим чтобы они потерялись

3. Типографика это объект

А ещё у неё крутой муж

http://www.ericpalma.com/


That’s all, folks!

Напоследок прекрасная картинка Дениса. Я там есть, хотя почти не видно


4 часа ожидания, и мы скоро узнаем победителей среди 1300 присланных работ

России в золоте нет, но ура на всякий случай

Самое главное: список победителей

http://www.malofiejgraphics.com/wp-content/uploads/2017/03/M25_AwardsList_OK3.pdf