Шэзна Нэсса — специалист по визуальному сторителлингу, член журналистского общества JFC в Стэнфордском университете, бывший заместитель главного редактора Associated Press — о понятии визуальная грамотность и средствах ее достижения.
«Важно не то на что вы смотрите, а то что вы видите» — Генри Дэвид Торо
В последние годы визуализация данных в журналистике востребована как никогда: к ней обращаются как для поиска и анализа данных в исследовательских целях, так и для того, чтобы представить информацию публике. Более десяти лет я провела в новостных редакциях: сначала делала интерактивную графику самостоятельно, а затем координировала и оптимизировала работу графических, интерактивных и мультимедийных команд. Новостные редакторы делали все возможное, чтобы наши работы были дерзкими и инновационными: создавали междисциплинарные команды, чтобы повысить наши творческие возможности; нанимали талантливых специалистов за пределами традиционной журналистики, с предыдущим опытом работы в информационных технологиях, статистике или искусстве. В результате такого подхода часть наших визуализаций стала склоняться в сторону все более специфической аудитории. И мы теряли читателей, потому что не принимали во внимание визуальную грамотность нашей аудитории.
Визуализация данных и журналистика
Когда-то слово «визуализация» описывало акт создания мысленного образа. Сегодня оно скорее означает графическое представление информации. Мы живем во все более и более визуальном мире, всматриваемся в экраны разных размеров, разрешение которых с каждой новой версией устройств постепенно увеличивается. Мы живем в мире с большим количеством доступных нам данных, чем когда бы то ни было. IBM утверждает, что 90% данных в мире были созданы за последние два года, и что ежедневно мы создаем 2.5 квинтильона байтов данных, способствуя развитию того, что некоторые называют новой нервной системой планеты. Объедините большие объемы данных с тем фактом, что человеческий мозг быстрее и проще воспринимает изображения, чем текст — вы получите расцветающий мир визуализации данных. Для нас это наиболее действенный способ обнаружения и понимания скрытых образов, взаимосвязей. Текст, фотографии и видео — это журналистские форматы, которые информируют общественность и дают ей возможность принимать решения. Визуализация данных быстро присоединяется к их разряду, как не менее важный формат.
Джули Стил из О’Рейлли выделяет три категории визуализации:
Инфографика — использует небольшой набор данных и много ручной работы над дизайном, например, вот эта работа National Geographic.
Визуализация данных — использует большие наборы данных с меньшим количеством ручной работы над дизайном; базируется на алгоритмах. Например, интерактивная работа New York Times.
Визуальное искусство — однонаправленное кодирование. Красивые, но трудно поддающееся расшифровке визуализации, например, вычислительное искусство Кунала Ананда.
В чем проблема?
Визуализация данных в журналистике часто подвержена влиянию компьютерных наук и математики. В результате, чтобы представить данные в журналистских работах, используются причудливые формы, очертания и взаимосвязи. Этот эффект усиливается еще и быстрым размножением инструментов, которые делают создание любых видов визуализации проще, таких как Many Eyes, Tableau, и общедоступные библиотеки, в том числе D3.
В итоге многие работы привлекают только изощренных пользователей, но не позволяют вникнуть в суть вопроса непосвященным читателям, тем самым причиняя вред цели визуализации – информировать общественность. Именно поэтому настолько важно осознать и понять проблему визуальной грамотности в контексте визуализации.
Новая «визуальная грамматика» журналистики
Приведу в пример три работы, которые экспериментируют со способами представления интерактивной журналистики. Они выглядят внушительно, но и их интерпретация может стать для многих непростой задачей.
Права гомосексуалистов в США, штат за штатом
Визуализация The Guardian о правах гомосексуалистов в Соединенных Штатах наделала много шума в журналистских кругах и в мире визуализации данных из-за ее экспериментального формата. В разговорах и спорах особо выделяют напряженность между новизной и более привычными форматами. Графика представляет страну в виде круга, который позволяет вывести на экран больше информации, чем в формате карты. Формы и цвета привлекательны, но они же — дополнительный уровень для читателя, требующий приложить больше усилий, чтобы добраться до сути.
За последние несколько лет довольно сильно изменилось отношение к понятию «персональные данные». Сейчас каждый из нас знает, каким образом может быть получен доступ к его личной информации, как она может быть использована и даже монетизирована. Нам известно и о тех опасностях, которые эта информация представляет в том случае, еcли ее владелец не осознает своей собственной открытости: простая привычка чекиниться в определенных местах может повлечь за собой не только месяцы безобидной таргетированной рекламы, но и активизацию гораздо более страшных механизмов, которыми пользуется Агентство Национальной Безопасности США. Как для персональных данных, так и для информации, которая находится в открытом доступе, наступили непростые времена, но это — лишь начало рассвета инновационных способов работы с данными.
Среди тех, кто всерьез озабочен этими вопросами — информационный дизайнер Николас Фелтон. На протяжении своей переменчивой карьеры — и как один из дизайнеров Хроники Facebook, и в своем собственном приложении по сбору персональных данных Daytum, и в постоянно меняющихся личных годовых отчетах — Фелтон неизменно переводит данные в концептуальную область и изобретает новые способы визуализации математических данных.
Сегодня все чаще говорят об инфографике (от лат. informatio – осведомление, разъяснение, изложение; греч. γραφικός – письменный) – графическом способе подачи информации, данных как о новом слове в журналистике. А последние прогнозы свидетельствуют о том, что «инфографика как часть журналистики данных, безусловно, будет трендом 2013-2014 гг.»1. Многие практики и теоретики СМИ уверены, «что за ней будущее, т.к. это некая агрегирующая форма подачи информации, которая в идеале может включать видео, аудио, пролистывание фотографий. Вместе с тем, инфографика не должна входить в противоречие с большими текстовыми форматами»2.
Если на сайтах печатных СМИ инфографика появилась и стала бурно развиваться сравнительно недавно, то в печатных версиях газет она присутствует уже очень давно. «Дейли курант» (Daily Courant), английская газета начала XVIII в., еще в 1702 г. опубликовала материал о визите испанского короля Филиппа V в бухту Кадиз3. Журналист снабдил материал географической картой, на которой отметил места встречи монарха. В начале XIX в. графика стала постоянной составляющей криминальной хроники в «Таймс» (Times).
Сегодня инфографика не ограничена печатным форматом, на сайте она часто становится интерактивной. Сейчас «Инфографика развивается по двум основным направлениям. Первое – инфографика как часть документалистики и другое направление – простые графики, диаграммы»4, – рассказывает Алексей Новичков, заместитель руководителя студии инфографики «РИА Новости». Первое направление – инфографика интерактивная. «Это почти документальное кино, компьютерная игра. Документальная инфографика – это масштабные проекты, над которыми работают продюсеры, группа дизайнеров, журналисты. На такие проекты уходит от нескольких месяцев до полугода»5, – поясняет А. Новичков.
Почему инфографика получает бурное развитие на газетных сайтах? Продолжить чтение →
Данные можно представлять графически, для того чтобы показать их сложную взаимосвязь или доказать какое-либо умозаключение. А можно — для того чтобы описать факт или какую-нибудь мысль, которая стоит за сухими цифрами. В последнем случае речь идет об иллюстрировании данных. В этой теме мало кто разбирается, а она может быть крайне мощным инструментом.
Где-то год назад мы со Stefanie Posavec разговорились в твиттере о разнице между визуализацией и иллюстрацией данных. В итоге дискуссии мы остановились на чем-то вроде определения.
Стефани: я называю многие свои проекты иллюстрацией, а не визуализацией, потому что мне кажется, что это определение им подходит лучше. Мне нравится такая работа, но это не визуализация в прямом смысле этого слова.
Роберт: т.е. получается, если цель — произвести впечатление, вдохновить или заинтересовать человека, то это иллюстрация, а если проинформировать — визуализация.
Качественный план проекта — это уже заявка на победу. Для того, чтобы план сработал, он должен быть прозрачным и понятным всем участникам, и навыки визуального мышления тут очень пригодятся. Начать стоит с того, чтобы ответить себе на 5 основных вопросов:
Зачем? Что? Как? Кто? Когда?
Продолжить чтение →
За последние несколько столетий визуализация данных развилась настолько, что мы ежедневно пользуемся ей во всех сферах нашей жизни. Многие считают ее эффективным инструментом как сторителлинга, так и аналитики, способным преодолеть большинство языковых и образовательных барьеров. Но почему? Каким образом абстрактные формы и цвета порой способны передавать большие объемы данных эффективнее, чем таблицы с числами или абзацы текста? Понимание механизмов работы человеческого восприятия не только ответит на этот вопрос, но также обеспечит вас четким руководством и инструментами, позволяющими улучшить дизайн ваших собственных визуализаций.
Для того чтобы понять, как человеку удается интерпретировать визуализацию данных настолько эффективно, стоит начать с исследования основ восприятия и обработки информации, в частности визуальной информации.
Система 1 против Системы 2
Даниэль Канеман, в книге «Мышление, быстрое и медленное» — Thinking, Fast and Slow, вводит термины Система 1 и Система 2, чтобы дифференцировать обработку информации, которая происходит, соответственно, подсознательно и сознательно. Первый вариант подразумевает неуправляемые функции, которые не требуют от человека никаких усилий и работают непрерывно, в то время как последний ссылается на функции, которыми управляют, которые требуют участия и усилия с нашей стороны.
Чтобы лучше понять отличия между Системой 1 и Системой 2, рассмотрим рисунок 1. На фотографии слева мы сразу узнаем злого человека и, вероятно, ассоциируем изображенную сцену с громким криком и агрессивным поведением. Это чрезвычайно сложное истолкование простых пикселей происходит почти мгновенно, не требует никакого усилия и проходит совершенно естественно. Сравните этот процесс с умножением справа. Мы немедленно понимаем, о чем нас спрашивают, осознаем, что мы в состоянии решить задачку, но большинство из нас не станет делать вычисления в уме просто потому, что для этого потребуется сознательное усилие. Первоначальные реакции в обоих случаях – это чистая Система 1, в то время как вычисления в уме — пример Системы 2.
Рисунок 1. Задачи восприятия, которые первоначально инициировали Систему 1 и Систему 2, соответственно.
Эти отдельные системы развились достаточно, чтобы наши головы не засорялись примитивными задачами. Система 2 может сосредоточиться на более сложных осмыслениях и вычислениях, пока Система 1 обеспечивает ее необходимой информацией для таких задач. В визуализации данных мы должны стремиться закодировать как можно больше информации таким образом, чтобы она правильно воспринималась нашей Системой 1, которая затем освобождает Систему 2 для более вовлеченного понимания и анализа данных.
Почему визуализация?
Теперь, когда мы получили общее, абстрактное представление о том, как человек обрабатывает информацию, мы можем обратить внимание на то, как нуждающаяся в обработке информация проникает в наше сознание на первом этапе. Продолжить чтение →
Лето этого года — богато на события! Портал Как сделать презентацию и Международная высшая школа презентаций и коммуникаций приглашают 11 и 12 июля 2013 года предпринимателей, директоров по развитию бизнеса, маркетологов и всех, кто работает в креативном бизнесе, на II Международный форум презентаций Present! «Креатив, изменяющий мир: от идеи до воплощения».
11 и 12 июля 2013 года
Государственный университет управления. Москва, Рязанский проспект, дом 99. Бизнес-центр ГУУ, 1 этаж.
Регистрация на странице http://presportal.ru/present/
II Международный форум презентаций Present! посвящен креативу, изменяющему мир – от пространства города до парадигм мышления. Сильная идея и видение, выходящее за рамки привычного, – это то, что делает презентацию не только запоминающейся, но и изменяющей мышление и саму жизнь.
Цель форума – дать комплексные ответы и практические рекомендации по следующим вопросам:
Зарегистрироваться на II Международный форум презентаций можно при помощи формы на сайте http://presportal.ru/present/ или по e-mail vera.kovaleva@presportal.ru:
09.00-10.00 – Регистрация гостей
10.00-11.00 – Торжественное открытие форума, пресс-конференция
13.00 – 14.00 – Обед Продолжить чтение →
Этот пост — немного необычный. Это перевод поста Стивена Фью, гуру информационного дизайна и автора многих книг по визуализации. Он затронул очень важную тему, связанную с степенью «красоты» инфографики и графиков.
…далее идёт текст от лица Стивена:
В ответ на мой недавний пост про 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 предложили иерархию графических методов, основанную на эмпирических исследованиях, но их результаты работы были градацией считывабельности (иначе говоря, нашей возможности воспринимать информацию представленная графическими объектами легко и правильно). Полезность и применимость их градации была очевидна, так как наша возможность понимать информацию, содержащуюся в графиках, полностью завязана на наши возможности четко и аккуратно понимать атрибуты, закодированные простыми значениями (положение в пространстве, длины, площади, углы, наклоны, интенсивность цвета, и т.д.). Итак, возвращаясь к предложению Скелтона, существует ли иерархия интереса среди различных способов графического отображения информации, и если есть — то помогает ли она улучшить считывабельность?
Что есть противоположность «скучному», на что так напирает Скелтон? Он пишет:
Многие люди, которые создают визуализации данных — журналисты, НКО, правительственные организации — стараются изо всех сил привлечь внимание людей к своим данным в современном онлайн-мире, заполненном бесконечным количеством отвлекающих вещей. И когда вы пытаетесь привлечь чьё-то внимание, основенно если ваши данные — результат какого-то статистического среза — то дополнительная красота на графике способна сильно продлить «жизнь» визуализации.
Визуализация данных — не только способ представления данных. Визуализации часто являются «рекламными биллбордами» которые вам приходится делать, чтобы привлечь внимание людей к информации, которая на самом деле является первопричиной создания коммуникации.
В самом деле, качество визуального представления не имеет ничего общего с информацией, которая содержится в диаграмме. Наоборот, в случае заинтересованности, главный измеритель — это степень желания разглядывать диаграмму. Чем больше диаграмма привлекает глаз читателя — тем она более интересная. Тем не менее, бесполезно пытаться привлечь чьё-то внимание, если привлекать внимание не к чему. Я не вижу проблемы в том, что диаграммы из кружков привлекают внимание, они беспокоят меня потому что как только они захватывают внимание — с этого момента они не дают никакой дополнительной информации. Подобная диаграмма похожа на ребенка который кричит «посмотри на меня, посмотри н меня», но просто стоит с грустным выражением лица. Пока вы не полюбите ребёнка, подобное ощущение — лишь полное расстройство.
Аргументация, согласно которой диаграмма должна содержать определённую степень красоты для того, чтобы привлечь внимание читателя, даже когда задача решается отображением данных в не самых эффективных видах, страдает от двух фундаментальных проблем:
В отношении первой проблемы, когда люди начнут уставать от просмотра сотен красиво раскрашенных кружков, произвольно расположенных на экране, что нам останется делать — лишь заставить их постоянно вращаться и крутиться? Относительно второй проблемы, диаграмма которая привлекает внимание через отображение информации в неэффективной форме — это далеко не всегда ошибка дизайна. Графики могут быть специально предназначены для того, чтобы и привлекать внимание и чтобы рассказывать информацию — но для того чтобы достичь этого, требуется мастерство.
Для того чтобы продемонстрировать, как диаграмма с кружками, наподобие той которая появилась в Tableau 8, была полезна в его работе, Скелтон опубликовал следующий пример:
Название диаграммы: Где работают сотня самых высокооплачиваемых сотрудников
Эта диаграмма показывает потенциально интересную тему для жителей Ванкувера, но Продолжить чтение →
Благодарим Сергея Макаревича за предоставленный материал. Сергей — автор блога BusinessPresentation.ru
Я занимаюсь бизнес анализом и планированием в телекоммуникационном бизнесе на позиции директора, получил образование МВА, а профессиональное создание презентаций — мое хобби. Не всех презентаций, а только тех, которые можно назвать бизнес презентацией или информационной презентацией.
Принципы Гештальта или Гештальтопсихология – это описание особенностей восприятия человека, как наш мозг группирует и выстраивает визуальные формы. Сформированы принципы школой психологии, которую сформировал Макс Вертгеймер еще в далеком 1910 году. Школа провела исследования и говорит, что наше восприятие форм достигается благодаря следующим принципам:
Сегодня мы поговорим о первых двух и о том, как их использовать на благо качественного оформления таблиц. Давайте визуализируем, как это все выглядит. Продолжить чтение →
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus