Тема: законы восприятия 25
Визуальная грамотность в эпоху данных
Шэзна Нэсса — специалист по визуальному сторителлингу, член журналистского общества JFC в Стэнфордском университете, бывший заместитель главного редактора Associated Press — о понятии визуальная грамотность и средствах ее достижения.
«Важно не то на что вы смотрите, а то что вы видите» — Генри Дэвид Торо
В последние годы визуализация данных в журналистике востребована как никогда: к ней обращаются как для поиска и анализа данных в исследовательских целях, так и для того, чтобы представить информацию публике. Более десяти лет я провела в новостных редакциях: сначала делала интерактивную графику самостоятельно, а затем координировала и оптимизировала работу графических, интерактивных и мультимедийных команд. Новостные редакторы делали все возможное, чтобы наши работы были дерзкими и инновационными: создавали междисциплинарные команды, чтобы повысить наши творческие возможности; нанимали талантливых специалистов за пределами традиционной журналистики, с предыдущим опытом работы в информационных технологиях, статистике или искусстве. В результате такого подхода часть наших визуализаций стала склоняться в сторону все более специфической аудитории. И мы теряли читателей, потому что не принимали во внимание визуальную грамотность нашей аудитории.
Визуализация данных и журналистика
Когда-то слово «визуализация» описывало акт создания мысленного образа. Сегодня оно скорее означает графическое представление информации. Мы живем во все более и более визуальном мире, всматриваемся в экраны разных размеров, разрешение которых с каждой новой версией устройств постепенно увеличивается. Мы живем в мире с большим количеством доступных нам данных, чем когда бы то ни было. IBM утверждает, что 90% данных в мире были созданы за последние два года, и что ежедневно мы создаем 2.5 квинтильона байтов данных, способствуя развитию того, что некоторые называют новой нервной системой планеты. Объедините большие объемы данных с тем фактом, что человеческий мозг быстрее и проще воспринимает изображения, чем текст — вы получите расцветающий мир визуализации данных. Для нас это наиболее действенный способ обнаружения и понимания скрытых образов, взаимосвязей. Текст, фотографии и видео — это журналистские форматы, которые информируют общественность и дают ей возможность принимать решения. Визуализация данных быстро присоединяется к их разряду, как не менее важный формат.
Джули Стил из О’Рейлли выделяет три категории визуализации:
Инфографика — использует небольшой набор данных и много ручной работы над дизайном, например, вот эта работа National Geographic.
Визуализация данных — использует большие наборы данных с меньшим количеством ручной работы над дизайном; базируется на алгоритмах. Например, интерактивная работа New York Times.
Визуальное искусство — однонаправленное кодирование. Красивые, но трудно поддающееся расшифровке визуализации, например, вычислительное искусство Кунала Ананда.
В чем проблема?
Визуализация данных в журналистике часто подвержена влиянию компьютерных наук и математики. В результате, чтобы представить данные в журналистских работах, используются причудливые формы, очертания и взаимосвязи. Этот эффект усиливается еще и быстрым размножением инструментов, которые делают создание любых видов визуализации проще, таких как Many Eyes, Tableau, и общедоступные библиотеки, в том числе D3.
В итоге многие работы привлекают только изощренных пользователей, но не позволяют вникнуть в суть вопроса непосвященным читателям, тем самым причиняя вред цели визуализации – информировать общественность. Именно поэтому настолько важно осознать и понять проблему визуальной грамотности в контексте визуализации.
Новая «визуальная грамматика» журналистики
Приведу в пример три работы, которые экспериментируют со способами представления интерактивной журналистики. Они выглядят внушительно, но и их интерпретация может стать для многих непростой задачей.
Права гомосексуалистов в США, штат за штатом
Визуализация The Guardian о правах гомосексуалистов в Соединенных Штатах наделала много шума в журналистских кругах и в мире визуализации данных из-за ее экспериментального формата. В разговорах и спорах особо выделяют напряженность между новизной и более привычными форматами. Графика представляет страну в виде круга, который позволяет вывести на экран больше информации, чем в формате карты. Формы и цвета привлекательны, но они же — дополнительный уровень для читателя, требующий приложить больше усилий, чтобы добраться до сути.
Интерактив о правах гомосексуалистов, The Guardian
Наука в основе визуализации данных
За последние несколько столетий визуализация данных развилась настолько, что мы ежедневно пользуемся ей во всех сферах нашей жизни. Многие считают ее эффективным инструментом как сторителлинга, так и аналитики, способным преодолеть большинство языковых и образовательных барьеров. Но почему? Каким образом абстрактные формы и цвета порой способны передавать большие объемы данных эффективнее, чем таблицы с числами или абзацы текста? Понимание механизмов работы человеческого восприятия не только ответит на этот вопрос, но также обеспечит вас четким руководством и инструментами, позволяющими улучшить дизайн ваших собственных визуализаций.
Для того чтобы понять, как человеку удается интерпретировать визуализацию данных настолько эффективно, стоит начать с исследования основ восприятия и обработки информации, в частности визуальной информации.
Система 1 против Системы 2
Даниэль Канеман, в книге «Мышление, быстрое и медленное» — Thinking, Fast and Slow, вводит термины Система 1 и Система 2, чтобы дифференцировать обработку информации, которая происходит, соответственно, подсознательно и сознательно. Первый вариант подразумевает неуправляемые функции, которые не требуют от человека никаких усилий и работают непрерывно, в то время как последний ссылается на функции, которыми управляют, которые требуют участия и усилия с нашей стороны.
Чтобы лучше понять отличия между Системой 1 и Системой 2, рассмотрим рисунок 1. На фотографии слева мы сразу узнаем злого человека и, вероятно, ассоциируем изображенную сцену с громким криком и агрессивным поведением. Это чрезвычайно сложное истолкование простых пикселей происходит почти мгновенно, не требует никакого усилия и проходит совершенно естественно. Сравните этот процесс с умножением справа. Мы немедленно понимаем, о чем нас спрашивают, осознаем, что мы в состоянии решить задачку, но большинство из нас не станет делать вычисления в уме просто потому, что для этого потребуется сознательное усилие. Первоначальные реакции в обоих случаях – это чистая Система 1, в то время как вычисления в уме — пример Системы 2.
Рисунок 1. Задачи восприятия, которые первоначально инициировали Систему 1 и Систему 2, соответственно.
Эти отдельные системы развились достаточно, чтобы наши головы не засорялись примитивными задачами. Система 2 может сосредоточиться на более сложных осмыслениях и вычислениях, пока Система 1 обеспечивает ее необходимой информацией для таких задач. В визуализации данных мы должны стремиться закодировать как можно больше информации таким образом, чтобы она правильно воспринималась нашей Системой 1, которая затем освобождает Систему 2 для более вовлеченного понимания и анализа данных.
Почему визуализация?
Теперь, когда мы получили общее, абстрактное представление о том, как человек обрабатывает информацию, мы можем обратить внимание на то, как нуждающаяся в обработке информация проникает в наше сознание на первом этапе. Продолжить чтение →
Алексей Каптерев. Мастерство презентации
Мы давно следим за деятельность Алексея Каптерева, развивающего направление эффективных презентаций. Очень приятно, что российский специалист начал завоевывать международное признание, особенно со стороны таких профи как Нэнси Дуарте.
Некоторое время назад вышла книга Алексея «Мастерство презентаций». На русском языке ее выпустило издательство Манн, Иванов и Фербер.
Хоть это и книга, а не презентация, её очень легко читать, она чётко структурирована и явно построена по всем тем же правилам, которые Алексей рекомендует для презентаций.
Нам, как инфограферам, были интересны факты собранные Алексеем об особенностях восприятия. Все знают эту прописную истину, что 80% человек воспринимает через зрение и лишь 20% на слух. Но, оказывается, есть и другие факты, подтверждающие важность графического сопровождения любой информации.
Например, по данным Вайса и МакГрата через 72 часа люди способны вспомнить
- лишь 10% того что они услышали,
- лишь 20% того что они увидели,
- целых 60% если они имели шанс получить информацию и визуально и аудиально одновременно.
Второе интересное утверждение – дизайн становится новой «письменностью». Иными словами, умение писать и читать были необходимыми для вхождения в экономическую активность. А сейчас элементарные навыки дизайна становится настолько же важными, что переходят в разряд «обязательных».
На тренингах мы, как и Алексей, регулярно сталкиваемся с возражениями от участников тренинга: «мы не дизайнеры«, «мы не можем сами» [сделать информацию визуально привлекательной], и тому подобное. И Алексей очень твёрд в своем мнении – должны уметь!. Этот как начищенные ботинки менеджера по продажам – базовая необходимость, которую не замечаешь если всё отлично — но так бросающаяся в глаза, если ботинки грязные (= дизайн слайдов отсутствует).
И несколько доводов в пользу того, чтобы делать дизайн самому, а не отдавать кому-то. Диаграмма Вена вам это очень хорошо обьяснит. В середине пересечений есть только вы сами (ну и мы стараемся быть там, как агентство инфографики, но явно уступим вам в понимании темы и будем все равно требовать вашего времени и участия). Даже Эл Гор готовит свои презентации сам.
Но все это — лишь полезное вступление к главному вопросу «Как создавать презентации, которые смогут изменить мир?» Да, вот так пафосно, потому что каждый из нас в своих презентациях продаёт идеи — и обязательно хочет убедить зрителей в необходимости этих изменений. Но на этом мы оставим хлеб Алексею, и не будем устраивать пересказ. От себя действительно рекомендуем изучить эту книгу и принять ценные советы из неё как руководство к действию. Стоит также отметить, что книга вышла не только на русском — но и на английском языке, а по содержанию достойна конкурировать с Resonate и Presentation Zen.
Большого формата, удобная, с хорошей печатью — её приятно как иметь на собственной полке, так и в качестве очень ценного и полезного универсального подарка.
А на последок скажу, что Алексей — ещё и просто интересный человек, развивающий себя во многих направлениях. Поэтому читайте также его ЖЖ . Покупайте книгу, делитесь тем, что в книге зацепило именно вас!
Принцип Гештальта для оформления таблиц
Благодарим Сергея Макаревича за предоставленный материал. Сергей — автор блога BusinessPresentation.ru
Я занимаюсь бизнес анализом и планированием в телекоммуникационном бизнесе на позиции директора, получил образование МВА, а профессиональное создание презентаций — мое хобби. Не всех презентаций, а только тех, которые можно назвать бизнес презентацией или информационной презентацией.
Принципы Гештальта или Гештальтопсихология – это описание особенностей восприятия человека, как наш мозг группирует и выстраивает визуальные формы. Сформированы принципы школой психологии, которую сформировал Макс Вертгеймер еще в далеком 1910 году. Школа провела исследования и говорит, что наше восприятие форм достигается благодаря следующим принципам:
- Объекты, которые расположены рядом воспринимаются как целое
- Объекты, которые похожи по цвету, форме, размеру воспринимаются как целое
- В восприятии мы стремимся к упрощению и целостности
- В восприятии мы стремимся завершать фигуру, что бы она приобретала замкнутый вид
- На нашу интерпретацию влияет прошлый опыт и ожидания
Сегодня мы поговорим о первых двух и о том, как их использовать на благо качественного оформления таблиц. Давайте визуализируем, как это все выглядит. Продолжить чтение →
Инфографика и дизайн — немного философии
По опыту работы, нам приходится постоянно находить баланс между простотой и оформлением, между смыслом и внешним видом. Когда пересматриваешь через некоторое время отвергнутые варианты инфографик под ту или иную задачу, смотришь свежими глазами — чётче видно, почему он бы отвергнут, почему не пошёл в работу.
Да просто потому, что инфографика должна быть кристально понятной. Без слов. А лучший тест — это тестировать инфографику через другой язык. В самом простом, схематичном виде. Вот, допустим что мы не знаем немецкого (изображение взято из Википедии):
Но тем не менее, всё изображённое понятно. Понятен предмет изложения, понятна схема, понятны последовательности.
Вывод: создавая инфографику, не забывайте про смысл. Проектируя визуальную форму, не забывайте про приоритеты в информации. Ключ — в простоте. Отбрасывайте все «украшательства» до тех пор, пока не увидите, что человек, говорящий на другом языке, так же хорошо понимает, что имено вы хотите донести, как и вы сами.
IV10 – доказано, инфографика работает!
Общее впечатление от конференции IV10 «среднее», она была иной, чем мы ожидали. Гораздо более научной, мало реальных примеров, много теоретических размышлений. В общем, каждый доклад представлял собой краткие тезисы к очередной докторской диссертации. Под «визуализацией информации» научное мировое сообщество понимает гораздо больше, чем инфографику. Мы были для них «украшателями» информации, а они для нас неприменимыми к жизни теоретиками по визуализации баз данных, исследователями искусства (как носителя информации) и т.д.
Это заставило нас чуть шире взглянуть на ту сферу, которой мы занимаемся, но вдохновения конференция принесла меньше, чем прошлогоднее DD4D. Скорее всего, будет только 3 доклада, которые мы опубликуем по результатам этой поездки.
Доказано: инфографика работает!
Был интересный доклад от студента программы MBA Швейцарского университета Sebastan Kernbach, под руководством Martin J. Eppler (Managing Director, Media and communications management University of St. Gallen (HSG). Мартин вообще очень активный участник рынка визуальных коммуникаций, ему принадлежит несколько сайтов:
Они провели эксперимент: взяли реальную стратегию компании BMW (содержащую 3 направления улучшений с финальной целью в 7.5 миллионов заключенных контрактов) и представили ее в 3х возможных видах:
- Обычный текст в PowerPoint
- Метафора – гора, до вершины которой компании необходимо добраться
- RoadMap – блочная схема достижения целей
После этого, они презентовали стратегию трём группам студентов MBA (а это менеджеры довольно высокого уровня), каждой группе показывался только один вариант. Для чистоты эксперимента презентатор каждый раз был один и тот же, с одним и тем же текстом, на 10 минут времени.
Продолжить чтение →
«Фактор лжи» в действии. Арена — Нью-Йорк
В ближайшие дни город Нью-Йорк (Metropolitan Transportation Authority, если быть точным) выпускает в свет новую карту общественного транспорта города. Карта картой, а вот что особо интересно для инфограферов — так это то, что у Нью-Йорка есть инфографическая проблема под названием «Манхэттен». Кто не знает — это остров такой, часть города.
Карта Нью-Йорка 2010
Его проблема — очень «неудобные» для дизайна пропорции. Он узкий в ширину, и очень длинный, поэтому дизайнеры карт транспорта NY прибегают к визуальному расширению острова. NY Times в честь выпуска новой карты собрал статистику, как изменялись пропорции острова (ширина к длине) на картах разных лет.
Фактор лжи и Манхэттен - Lie Factor and Manhattan island
Главное, на мой взгляд, при подобных экспериментах — предупреждать зрителя, что расстояние в разных частях карты — неодинаковое. Иначе, планируя маршрут, легко ошибиться на полчасика пути.
На сайте NY Times доступна возможность интерактивного сравнения карт разных лет.
А вот как выглядела карта города с 1988 по 2010 года:
Карта Нью-Йорка с 1988 по 2010 годы
Какие подобные примеры знаете вы? Делитесь!
Плотность данных
Инфографика бывает разной. Одно из различий – плотность информации.
Бывает «ненасыщенная» инфографика, в которой визуализация построена вокруг одной – двух цифр. И «концентрированная» инфографика, где авторы вписывают в изображение большое количество разных показателей.
Эти определения я нашла у Эдварда Тафти, но многие уже сами начали доходить до такого разграничения сами — на лекции студии «Паровоз» в последних числах апреля, Федор и Ольга предложили свое деление — на простую и сложную инфографики, подразумевая, в сущности, то же самое.
По-честному, простую инфографику я вообще за информационный дизайн не считаю. Такие работы не созданы для того, чтобы упросить восприятие, скорее просто носят развлекательный характер, это способ показать скучные цифры чуть более интересно.
Пример «ненасыщенной» или «простой» инфографики найдете в любом номере журнала The Economist, этот вид графиков довольно типичен для них – один показатель, наложен на фотографию и все. Я лучше опубликую пример студии «Паровоз», который они сами классифицируют как «простой»:
Novichkov Digest: об информации, восприятии и еще много о чем!
В предыдущем своем послании я обещал обдумать на досуге термин «информация». И как-то удачно так получилось, что одновременно в интернете появилась статья «Информация и восприятие» Лизы Орешкиной, которая снабжена интересной визуализацией, из которой ясно: голова предмет темный и изучению не подлежит. А в другой публикации журналист Дмитрий Сурнин дает свое определение ифографике.
Метнулся в Википедию, почитал и еще раз понял как все серьезно и непросто.
Еще одна похожая история. И, кстати, отличный пример, когда не пытаются всю информацию впихнуть в одну иллюстрацию, а дают несколько паоменьше.
Меня же информация интересует исключительно с профессиональной точки зрения, а именно: откуда она берется и что с ней делать. Дизайнерам не так интересна эта статья, скорее уж всем тем прекрасным людям, которые готовят исходные данные для будущей прекрасной инфографики.
Самый страшный сон дизайнера: заказчик, который приносит в качестве исходных данных ксерокопию тетрадки, исписанную формулами и числовыми массивами.
Фотография найдена на flowingdata.com
Кто учился в техническом ВУЗе в докомпьютерную эпоху могут припомнить лекции курса численных Продолжить чтение →
Читая Тафти. Слабый уровень визуализации в современной прессе
Эдвард Тафти
Эдвард Тафти, анализируя графический материал, появлявшийся в газетах и журналах по всему миру в 70х-80х годах, делает вывод, что способ подачи информации ориентирован на человека с образованием ниже среднего.
С одной стороны, частота использования графиков для подачи информации велика, но с другой стороны, лишь изредка используются статистические графики, отражающие более одной переменной. Вспоминая инфографику в The Economist, должна согласиться — всегда только один показатель, без его связи с другими экономическими трендами.
Тем не менее, современное человечество способно воспринимать данные в более комплексном виде. Доказательство этому — материалы учебных заведений всех стран мира.
- Экзаменационные упражнения в школах, колледжах и университетах мира. От 20% до 100% заданий (в зависимости от страны) содержат графики из 2х и более переменных.
- Учебники и пособия. Если это не гуманитарные науки, то количество сложных графиков (с 2 и более переменными) может достигать 80%. Причем наиболее активно их используют медицина и химия.
Вывод: современная массовая инфографика в большинстве своем ограничивается декорированием пары цифр, тогда как аудитория обладает способностью воспринимать информацию в гораздо более сложном и комплексном виде.
P.S. так как новогодние выходные прошли с пользой, вас ждет еще несколько заметок по Тафти в ближайшие недели.