Тема: Теория 10
С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
Визуальная грамотность в эпоху данных
Шэзна Нэсса — специалист по визуальному сторителлингу, член журналистского общества JFC в Стэнфордском университете, бывший заместитель главного редактора Associated Press — о понятии визуальная грамотность и средствах ее достижения.
«Важно не то на что вы смотрите, а то что вы видите» — Генри Дэвид Торо
В последние годы визуализация данных в журналистике востребована как никогда: к ней обращаются как для поиска и анализа данных в исследовательских целях, так и для того, чтобы представить информацию публике. Более десяти лет я провела в новостных редакциях: сначала делала интерактивную графику самостоятельно, а затем координировала и оптимизировала работу графических, интерактивных и мультимедийных команд. Новостные редакторы делали все возможное, чтобы наши работы были дерзкими и инновационными: создавали междисциплинарные команды, чтобы повысить наши творческие возможности; нанимали талантливых специалистов за пределами традиционной журналистики, с предыдущим опытом работы в информационных технологиях, статистике или искусстве. В результате такого подхода часть наших визуализаций стала склоняться в сторону все более специфической аудитории. И мы теряли читателей, потому что не принимали во внимание визуальную грамотность нашей аудитории.
Визуализация данных и журналистика
Когда-то слово «визуализация» описывало акт создания мысленного образа. Сегодня оно скорее означает графическое представление информации. Мы живем во все более и более визуальном мире, всматриваемся в экраны разных размеров, разрешение которых с каждой новой версией устройств постепенно увеличивается. Мы живем в мире с большим количеством доступных нам данных, чем когда бы то ни было. IBM утверждает, что 90% данных в мире были созданы за последние два года, и что ежедневно мы создаем 2.5 квинтильона байтов данных, способствуя развитию того, что некоторые называют новой нервной системой планеты. Объедините большие объемы данных с тем фактом, что человеческий мозг быстрее и проще воспринимает изображения, чем текст — вы получите расцветающий мир визуализации данных. Для нас это наиболее действенный способ обнаружения и понимания скрытых образов, взаимосвязей. Текст, фотографии и видео — это журналистские форматы, которые информируют общественность и дают ей возможность принимать решения. Визуализация данных быстро присоединяется к их разряду, как не менее важный формат.
Джули Стил из О’Рейлли выделяет три категории визуализации:
Инфографика — использует небольшой набор данных и много ручной работы над дизайном, например, вот эта работа National Geographic.
Визуализация данных — использует большие наборы данных с меньшим количеством ручной работы над дизайном; базируется на алгоритмах. Например, интерактивная работа New York Times.
Визуальное искусство — однонаправленное кодирование. Красивые, но трудно поддающееся расшифровке визуализации, например, вычислительное искусство Кунала Ананда.
В чем проблема?
Визуализация данных в журналистике часто подвержена влиянию компьютерных наук и математики. В результате, чтобы представить данные в журналистских работах, используются причудливые формы, очертания и взаимосвязи. Этот эффект усиливается еще и быстрым размножением инструментов, которые делают создание любых видов визуализации проще, таких как Many Eyes, Tableau, и общедоступные библиотеки, в том числе D3.
В итоге многие работы привлекают только изощренных пользователей, но не позволяют вникнуть в суть вопроса непосвященным читателям, тем самым причиняя вред цели визуализации – информировать общественность. Именно поэтому настолько важно осознать и понять проблему визуальной грамотности в контексте визуализации.
Новая «визуальная грамматика» журналистики
Приведу в пример три работы, которые экспериментируют со способами представления интерактивной журналистики. Они выглядят внушительно, но и их интерпретация может стать для многих непростой задачей.
Права гомосексуалистов в США, штат за штатом
Визуализация The Guardian о правах гомосексуалистов в Соединенных Штатах наделала много шума в журналистских кругах и в мире визуализации данных из-за ее экспериментального формата. В разговорах и спорах особо выделяют напряженность между новизной и более привычными форматами. Графика представляет страну в виде круга, который позволяет вывести на экран больше информации, чем в формате карты. Формы и цвета привлекательны, но они же — дополнительный уровень для читателя, требующий приложить больше усилий, чтобы добраться до сути.
Интерактив о правах гомосексуалистов, The Guardian
Интервью: Николас Фелтон о персональных данных в эпоху Big Data
За последние несколько лет довольно сильно изменилось отношение к понятию «персональные данные». Сейчас каждый из нас знает, каким образом может быть получен доступ к его личной информации, как она может быть использована и даже монетизирована. Нам известно и о тех опасностях, которые эта информация представляет в том случае, еcли ее владелец не осознает своей собственной открытости: простая привычка чекиниться в определенных местах может повлечь за собой не только месяцы безобидной таргетированной рекламы, но и активизацию гораздо более страшных механизмов, которыми пользуется Агентство Национальной Безопасности США. Как для персональных данных, так и для информации, которая находится в открытом доступе, наступили непростые времена, но это — лишь начало рассвета инновационных способов работы с данными.
Среди тех, кто всерьез озабочен этими вопросами — информационный дизайнер Николас Фелтон. На протяжении своей переменчивой карьеры — и как один из дизайнеров Хроники Facebook, и в своем собственном приложении по сбору персональных данных Daytum, и в постоянно меняющихся личных годовых отчетах — Фелтон неизменно переводит данные в концептуальную область и изобретает новые способы визуализации математических данных.
Все, что Вы должны знать, если хотите развивать инфографику на газетном сайте
Сегодня все чаще говорят об инфографике (от лат. informatio – осведомление, разъяснение, изложение; греч. γραφικός – письменный) – графическом способе подачи информации, данных как о новом слове в журналистике. А последние прогнозы свидетельствуют о том, что «инфографика как часть журналистики данных, безусловно, будет трендом 2013-2014 гг.»1. Многие практики и теоретики СМИ уверены, «что за ней будущее, т.к. это некая агрегирующая форма подачи информации, которая в идеале может включать видео, аудио, пролистывание фотографий. Вместе с тем, инфографика не должна входить в противоречие с большими текстовыми форматами»2.
Если на сайтах печатных СМИ инфографика появилась и стала бурно развиваться сравнительно недавно, то в печатных версиях газет она присутствует уже очень давно. «Дейли курант» (Daily Courant), английская газета начала XVIII в., еще в 1702 г. опубликовала материал о визите испанского короля Филиппа V в бухту Кадиз3. Журналист снабдил материал географической картой, на которой отметил места встречи монарха. В начале XIX в. графика стала постоянной составляющей криминальной хроники в «Таймс» (Times).
Сегодня инфографика не ограничена печатным форматом, на сайте она часто становится интерактивной. Сейчас «Инфографика развивается по двум основным направлениям. Первое – инфографика как часть документалистики и другое направление – простые графики, диаграммы»4, – рассказывает Алексей Новичков, заместитель руководителя студии инфографики «РИА Новости». Первое направление – инфографика интерактивная. «Это почти документальное кино, компьютерная игра. Документальная инфографика – это масштабные проекты, над которыми работают продюсеры, группа дизайнеров, журналисты. На такие проекты уходит от нескольких месяцев до полугода»5, – поясняет А. Новичков.
Почему инфографика получает бурное развитие на газетных сайтах? Продолжить чтение →
Роберт Косара: Зачем иллюстрировать цифры
Данные можно представлять графически, для того чтобы показать их сложную взаимосвязь или доказать какое-либо умозаключение. А можно — для того чтобы описать факт или какую-нибудь мысль, которая стоит за сухими цифрами. В последнем случае речь идет об иллюстрировании данных. В этой теме мало кто разбирается, а она может быть крайне мощным инструментом.
Где-то год назад мы со Stefanie Posavec разговорились в твиттере о разнице между визуализацией и иллюстрацией данных. В итоге дискуссии мы остановились на чем-то вроде определения.
Стефани: я называю многие свои проекты иллюстрацией, а не визуализацией, потому что мне кажется, что это определение им подходит лучше. Мне нравится такая работа, но это не визуализация в прямом смысле этого слова.
Роберт: т.е. получается, если цель — произвести впечатление, вдохновить или заинтересовать человека, то это иллюстрация, а если проинформировать — визуализация.
Наука в основе визуализации данных
За последние несколько столетий визуализация данных развилась настолько, что мы ежедневно пользуемся ей во всех сферах нашей жизни. Многие считают ее эффективным инструментом как сторителлинга, так и аналитики, способным преодолеть большинство языковых и образовательных барьеров. Но почему? Каким образом абстрактные формы и цвета порой способны передавать большие объемы данных эффективнее, чем таблицы с числами или абзацы текста? Понимание механизмов работы человеческого восприятия не только ответит на этот вопрос, но также обеспечит вас четким руководством и инструментами, позволяющими улучшить дизайн ваших собственных визуализаций.
Для того чтобы понять, как человеку удается интерпретировать визуализацию данных настолько эффективно, стоит начать с исследования основ восприятия и обработки информации, в частности визуальной информации.
Система 1 против Системы 2
Даниэль Канеман, в книге «Мышление, быстрое и медленное» — Thinking, Fast and Slow, вводит термины Система 1 и Система 2, чтобы дифференцировать обработку информации, которая происходит, соответственно, подсознательно и сознательно. Первый вариант подразумевает неуправляемые функции, которые не требуют от человека никаких усилий и работают непрерывно, в то время как последний ссылается на функции, которыми управляют, которые требуют участия и усилия с нашей стороны.
Чтобы лучше понять отличия между Системой 1 и Системой 2, рассмотрим рисунок 1. На фотографии слева мы сразу узнаем злого человека и, вероятно, ассоциируем изображенную сцену с громким криком и агрессивным поведением. Это чрезвычайно сложное истолкование простых пикселей происходит почти мгновенно, не требует никакого усилия и проходит совершенно естественно. Сравните этот процесс с умножением справа. Мы немедленно понимаем, о чем нас спрашивают, осознаем, что мы в состоянии решить задачку, но большинство из нас не станет делать вычисления в уме просто потому, что для этого потребуется сознательное усилие. Первоначальные реакции в обоих случаях – это чистая Система 1, в то время как вычисления в уме — пример Системы 2.
Рисунок 1. Задачи восприятия, которые первоначально инициировали Систему 1 и Систему 2, соответственно.
Эти отдельные системы развились достаточно, чтобы наши головы не засорялись примитивными задачами. Система 2 может сосредоточиться на более сложных осмыслениях и вычислениях, пока Система 1 обеспечивает ее необходимой информацией для таких задач. В визуализации данных мы должны стремиться закодировать как можно больше информации таким образом, чтобы она правильно воспринималась нашей Системой 1, которая затем освобождает Систему 2 для более вовлеченного понимания и анализа данных.
Почему визуализация?
Теперь, когда мы получили общее, абстрактное представление о том, как человек обрабатывает информацию, мы можем обратить внимание на то, как нуждающаяся в обработке информация проникает в наше сознание на первом этапе. Продолжить чтение →
Что делает график… скучным?
Этот пост — немного необычный. Это перевод поста Стивена Фью, гуру информационного дизайна и автора многих книг по визуализации. Он затронул очень важную тему, связанную с степенью «красоты» инфографики и графиков.
…далее идёт текст от лица Стивена:
В ответ на мой недавний пост про Tableau 8, в значительной степени критически настроенный в отношении новых диаграмм из кружков (packed bubble charts, полноценного достойного русского аналога пока нет — поэтому будем называть их так) и облаков из слов, Chad Skelton (Чад Скелтон) из The Vancouver Sun написал возражение (http://blogs.vancouversun.com/2013/03/21/in-defence-of-eye-candy-bling-and-tableau-8/). Он поддержал мою критику, но также и отметил, что иногда стоит использовать диаграммы из кружков для того чтобы представлять информацию общественности, например, в новостных публикациях, потому что «столбиковые диаграммы слишком скучны».
Стивен подозревает, что ты излишне украшаешь графики!
Скелтон предполагает, что существует градация, иерархичность «интереса» к различным графикам, возможно, основанная на форме и цветах которые используются для отображения данных. Но возможно ли поместить различные объекты, кодирующие данные, такие как прямоугольники (в столбиковых диаграммах), линии, отдельные точки данных (в точечных диаграммах), и круги (в пайчартах и диаграммах из кружков) на некоторую непрерывную линию — от скучности на одном конце, до яркой, соблазняющей глаз красоты на другом? Вспоминая начало 1980х годов, William Cleveland и Robert McGill предложили иерархию графических методов, основанную на эмпирических исследованиях, но их результаты работы были градацией считывабельности (иначе говоря, нашей возможности воспринимать информацию представленная графическими объектами легко и правильно). Полезность и применимость их градации была очевидна, так как наша возможность понимать информацию, содержащуюся в графиках, полностью завязана на наши возможности четко и аккуратно понимать атрибуты, закодированные простыми значениями (положение в пространстве, длины, площади, углы, наклоны, интенсивность цвета, и т.д.). Итак, возвращаясь к предложению Скелтона, существует ли иерархия интереса среди различных способов графического отображения информации, и если есть — то помогает ли она улучшить считывабельность?
Что есть противоположность «скучному», на что так напирает Скелтон? Он пишет:
Многие люди, которые создают визуализации данных — журналисты, НКО, правительственные организации — стараются изо всех сил привлечь внимание людей к своим данным в современном онлайн-мире, заполненном бесконечным количеством отвлекающих вещей. И когда вы пытаетесь привлечь чьё-то внимание, основенно если ваши данные — результат какого-то статистического среза — то дополнительная красота на графике способна сильно продлить «жизнь» визуализации.
Визуализация данных — не только способ представления данных. Визуализации часто являются «рекламными биллбордами» которые вам приходится делать, чтобы привлечь внимание людей к информации, которая на самом деле является первопричиной создания коммуникации.
В самом деле, качество визуального представления не имеет ничего общего с информацией, которая содержится в диаграмме. Наоборот, в случае заинтересованности, главный измеритель — это степень желания разглядывать диаграмму. Чем больше диаграмма привлекает глаз читателя — тем она более интересная. Тем не менее, бесполезно пытаться привлечь чьё-то внимание, если привлекать внимание не к чему. Я не вижу проблемы в том, что диаграммы из кружков привлекают внимание, они беспокоят меня потому что как только они захватывают внимание — с этого момента они не дают никакой дополнительной информации. Подобная диаграмма похожа на ребенка который кричит «посмотри на меня, посмотри н меня», но просто стоит с грустным выражением лица. Пока вы не полюбите ребёнка, подобное ощущение — лишь полное расстройство.
Аргументация, согласно которой диаграмма должна содержать определённую степень красоты для того, чтобы привлечь внимание читателя, даже когда задача решается отображением данных в не самых эффективных видах, страдает от двух фундаментальных проблем:
- В мире шума, кричать громче и громче — не самое эффективное средство пробираться сквозь шум в попытках быть услышанным. Попытка кричать ярче лишь создаёт ещё больше шума.
- Предполагается, что вы не можете привлечь чьего-то внимания к данным без использования using an inferior chart, one that is visually eye-catching but information-impoverished.
В отношении первой проблемы, когда люди начнут уставать от просмотра сотен красиво раскрашенных кружков, произвольно расположенных на экране, что нам останется делать — лишь заставить их постоянно вращаться и крутиться? Относительно второй проблемы, диаграмма которая привлекает внимание через отображение информации в неэффективной форме — это далеко не всегда ошибка дизайна. Графики могут быть специально предназначены для того, чтобы и привлекать внимание и чтобы рассказывать информацию — но для того чтобы достичь этого, требуется мастерство.
Для того чтобы продемонстрировать, как диаграмма с кружками, наподобие той которая появилась в Tableau 8, была полезна в его работе, Скелтон опубликовал следующий пример:
Название диаграммы: Где работают сотня самых высокооплачиваемых сотрудников
Эта диаграмма показывает потенциально интересную тему для жителей Ванкувера, но Продолжить чтение →
Принцип Гештальта для оформления таблиц
Благодарим Сергея Макаревича за предоставленный материал. Сергей — автор блога BusinessPresentation.ru
Я занимаюсь бизнес анализом и планированием в телекоммуникационном бизнесе на позиции директора, получил образование МВА, а профессиональное создание презентаций — мое хобби. Не всех презентаций, а только тех, которые можно назвать бизнес презентацией или информационной презентацией.
Принципы Гештальта или Гештальтопсихология – это описание особенностей восприятия человека, как наш мозг группирует и выстраивает визуальные формы. Сформированы принципы школой психологии, которую сформировал Макс Вертгеймер еще в далеком 1910 году. Школа провела исследования и говорит, что наше восприятие форм достигается благодаря следующим принципам:
- Объекты, которые расположены рядом воспринимаются как целое
- Объекты, которые похожи по цвету, форме, размеру воспринимаются как целое
- В восприятии мы стремимся к упрощению и целостности
- В восприятии мы стремимся завершать фигуру, что бы она приобретала замкнутый вид
- На нашу интерпретацию влияет прошлый опыт и ожидания
Сегодня мы поговорим о первых двух и о том, как их использовать на благо качественного оформления таблиц. Давайте визуализируем, как это все выглядит. Продолжить чтение →
Данные, информация, знания. Продолжение.
В ответ на наш недавний пост о видах визуализации, Лиза Орешкина опубликовала свою заметку с рефлексией на ту же тему.
Напоминаю, наше видение:
Визуализация данных — самый базовый уровень, помогающий «прочитать» ряд цифр. Информации — помогает создать картину события и последнее, самое сложное — визуализация опыта, идей и мнений.
Лиза же идет от вопроса «Зачем?» — какое назначение и функция есть у визуализации? И приходит к структуре задач и соответствующих решений. Целей может быть три: объяснить, убедить, увлечь. А о том, какими инструментами этой цели достичь, и всю логику размышлений читайте в блоге Designthe.INFO
Лиза, спасибо за развитие темы и интересный материал!
Три уровня визуализации: данных, информации, знания
Так как понятие «инфографика» довольно ново и мало структурировано, до всего доходишь сам и медленно. Мы пытаемся разобраться в вопросе и предложить структуру — а какая же инфографика бывает?
Когда пытаешься разобраться в видах и подвидах инфографики и визуализации, то сначала начинаешь делить по секторам экономики: в бизнесе, в журналистике, в науке и т.д.
Потом приходит предложение классифицировать по типу результата:
- статическая (изображение, презентация и т.д.)
- динамическая (анимационный ролик, например)
- интерактивная (веб-решения, где ты можешь выбрать параметры отображения информации)
Но эта структура может быть применена к чему угодно, не обязательно к информационному дизайну.
Так, вот, нам кажется, что мы пришли к глубокому пониманию вопроса — визуализация бывает 3х уровней:
1. Визуализация ДАННЫХ помогает прочитать цифры — переработка массива данных в диаграммы, позволяющая увидеть закономерности. Об этом навыке хорошо рассказывает книга «Говори на языке диаграмм».
2. Визуализация ИНФОРМАЦИИ соединяет различные факты в историю, и в какой-то степени уже предлагает интерпретацию событий. Наверное это и есть «инфографика» в ее чистом виде.
3. И наконец, визуализация ЗНАНИЙ. Когда, например, предприниматель хочет донести миру идею своего инновационного бизнеса. Идея у него в голове и ему надо помочь облечь ее не в форму слов, а изображение \ схему \ карту.
Попробуем разобраться на примерах: Продолжить чтение →
Иллюстрация или инфографика?
Дошли руки, пытаюсь описать свои мысли, родившиеся во время семинара в Майлдберри.
А мысли эти родились во время разбора разворота из «Секрета Фирмы». Я критиковала их инфографику, называла некачественной, а в ответ получила аргумент, что это очень хорошая иллюстрация и судить ее нужно по другим законам. Поэтому считаю полезным разобраться где заканчивается одно и начинается другое.
Проще всего это сделать на примере того самого разворота. Я уже публиковала его некоторое время назад. С первых выпусков 2010 года практически каждая статья теперь сопровождается инфографикой. В первых выпусках визуализировалось все, даже излишне, избыточно, сейчас журнал постепенно приходит к балансу.
А теперь к работе, которая позволит отделить два понятия: «иллюстрация» и «инфографика»:
На карте нанесены крупнейшие бюджетные «дыры», проекты на поддержание которых государство тратит и будет тратить. Тема животрепещущая и для наглядности, это проекты были нанесены на карту России. Как иллюстрация это изображение сделано очень качественно:
- Интересный рукописный шрифт
- К каждому проекту сделана стилизованная иконка
- На карту нанесены интересные эелементики, которые приятно разглядывать: олени, нефтяные вышки, Байконур, тигры
- Яркая, насыщенная цветовая гамма
А вот как инфографика, эта работа очень сырая и причины следующие:
- Шрифт занимает неоправданно много места и это мешает отображению самой информации.
- Если вы решаете работать в контексте карты, то нужно соблюдать соответсвующее расположение объектов. Сейчас (не в последнюю очередь из-за шрифта и больших иконок) Автоваз находится в далеком забайкалье, подмосковный Жуковский переместился в Якутию. И с фактологической перспективы это неприемлемо.
- Акцент с основного сообщения размылся и сместился в детали
- Цветовое решение очень спорно — оно несколько «беззаботно» для такой серьезной темы. В случае с Автовазом это вопрос жизни и смерти, сейчас это обыграно слишком уж радостно.
Как сказал бы Эдвард Тафти, здесь не соблюдена пропорция информации и чернил. На 6 информационных объектов истрачено много чернил, краски, вообщем все это переходит в украшение и красота начинает преобладать над информационной составляющей.
Пожалуй, это и есть основной критерий разграничения:
- Если информация подчинена дизайну — это иллюстрация
- Если дизайн подчинен информации — это инфографика