• Агентство
  • ← Блог

infographer

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

Тема: теория информационного дизайна 16

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

Статья10 г. назад 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

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

Интервью: Николас Фелтон о персональных данных в эпоху Big Data

Статья10 г. назад Инструменты, Теорияbig data, годовые отчеты, инструменты визуализации, интервью, Николас Фелтон, теория информационного дизайна
Daytum

За последние несколько лет довольно сильно изменилось отношение к понятию «персональные данные». Сейчас каждый из нас знает, каким образом может быть получен доступ к его личной информации, как она может быть использована и даже монетизирована. Нам известно и о тех опасностях, которые эта информация представляет в том случае, еcли ее владелец не осознает своей собственной открытости: простая привычка чекиниться в определенных местах может повлечь за собой не только месяцы безобидной таргетированной рекламы, но и активизацию гораздо более страшных механизмов, которыми пользуется Агентство Национальной Безопасности США. Как для персональных данных, так и для информации, которая находится в открытом доступе, наступили непростые времена, но это — лишь начало рассвета инновационных способов работы с данными.

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

Николас Фелтон

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

Все, что Вы должны знать, если хотите развивать инфографику на газетном сайте

Статья10 г. назад ТеорияHR, журналистская инфографика, российская инфографика, теория информационного дизайна

Сегодня все чаще говорят об инфографике (от лат. informatio – осведомление, разъяснение, изложение; греч. γραφικός – письменный) – графическом способе подачи информации, данных как о новом слове в журналистике. А последние прогнозы свидетельствуют о том, что «инфографика как часть журналистики данных, безусловно, будет трендом 2013-2014 гг.»1. Многие практики и теоретики СМИ уверены, «что за ней будущее, т.к. это некая агрегирующая форма подачи информации, которая в идеале может включать видео, аудио, пролистывание фотографий. Вместе с тем, инфографика не должна входить в противоречие с большими текстовыми форматами»2.

Если на сайтах печатных СМИ инфографика появилась и стала бурно развиваться сравнительно недавно, то в печатных версиях газет она присутствует уже очень давно. «Дейли курант» (Daily Courant), английская газета начала XVIII в., еще в 1702 г. опубликовала материал о визите испанского короля Филиппа V в бухту Кадиз3. Журналист снабдил материал географической картой, на которой отметил места встречи монарха. В начале XIX в. графика стала постоянной составляющей криминальной хроники в «Таймс» (Times).

Сегодня инфографика не ограничена печатным форматом, на сайте она часто становится интерактивной. Сейчас «Инфографика развивается по двум основным направлениям. Первое – инфографика как часть документалистики и другое направление – простые графики, диаграммы»4, – рассказывает Алексей Новичков, заместитель руководителя студии инфографики «РИА Новости». Первое направление – инфографика интерактивная. «Это почти документальное кино, компьютерная игра. Документальная инфографика – это масштабные проекты, над которыми работают продюсеры, группа дизайнеров, журналисты. На такие проекты уходит от нескольких месяцев до полугода»5, – поясняет А. Новичков.

 Почему инфографика получает бурное развитие на газетных сайтах? Продолжить чтение →

Роберт Косара: Зачем иллюстрировать цифры

Статья10 г. назад Критический взгляд, Примеры визуализации, Теориявидео-инфографика, визуальное мышление, Роберт Косара, теория информационного дизайна

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

Где-то год назад мы со Stefanie Posavec разговорились в твиттере о разнице между визуализацией и иллюстрацией данных. В итоге дискуссии мы остановились на чем-то вроде определения.

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

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

План проекта и принципы визуального мышления. 10 шагов к плану, который работает

Статья10 г. назад Инструментывизуальное мышление, правила визуализации, теория информационного дизайна

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

Зачем? Что? Как? Кто? Когда?
Продолжить чтение →

Наука в основе визуализации данных

Статья11 г. назад Книги, Теориявизуальное мышление, гештальт, законы восприятия, теория информационного дизайна

За последние несколько столетий визуализация данных развилась настолько, что мы ежедневно пользуемся ей во всех сферах нашей жизни. Многие считают ее эффективным инструментом как сторителлинга, так и аналитики, способным преодолеть большинство языковых и образовательных барьеров. Но почему? Каким образом абстрактные формы и цвета порой способны передавать большие объемы данных эффективнее, чем таблицы с числами или абзацы текста? Понимание механизмов работы человеческого восприятия не только ответит на этот вопрос, но также обеспечит вас четким руководством и инструментами, позволяющими улучшить дизайн ваших собственных визуализаций.

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

Система 1 против Системы 2

Даниэль Канеман, в книге «Мышление, быстрое и медленное» — Thinking, Fast and Slow, вводит термины Система 1 и Система 2, чтобы дифференцировать обработку информации, которая происходит, соответственно, подсознательно и сознательно. Первый вариант подразумевает неуправляемые функции, которые не требуют от человека никаких усилий и работают непрерывно, в то время как последний ссылается на функции, которыми управляют, которые требуют участия и усилия с нашей стороны.

Чтобы лучше понять отличия между Системой 1 и Системой 2, рассмотрим рисунок 1. На фотографии слева мы сразу узнаем злого человека и, вероятно, ассоциируем изображенную сцену с громким криком и агрессивным поведением. Это чрезвычайно сложное истолкование простых пикселей происходит почти мгновенно, не требует никакого усилия и проходит совершенно естественно. Сравните этот процесс с умножением справа. Мы немедленно понимаем, о чем нас спрашивают, осознаем, что мы в состоянии решить задачку, но большинство из нас не станет делать вычисления в уме просто потому, что для этого потребуется сознательное усилие. Первоначальные реакции в обоих случаях – это чистая Система 1, в то время как вычисления в уме — пример Системы 2.

Система 1 против Системы 2

Рисунок 1. Задачи восприятия, которые первоначально инициировали Систему 1 и Систему 2, соответственно.

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

Почему визуализация? 

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

II Международный форум презентаций Present! в Москве

Событие12 г. назад 3 Событиявидео-инфографика, конференция, креатив, мастер-класс, презентации, создание презентаций, теория информационного дизайна

Лето этого года — богато на события! Портал Как сделать презентацию и Международная высшая школа презентаций и коммуникаций приглашают 11 и 12 июля 2013 года предпринимателей, директоров по развитию бизнеса, маркетологов и всех, кто работает в креативном бизнесе, на II Международный форум презентаций Present! «Креатив, изменяющий мир: от идеи до воплощения».

11 и 12 июля 2013 года

Государственный университет управления. Москва, Рязанский проспект, дом 99. Бизнес-центр ГУУ, 1 этаж.

Регистрация на странице http://presportal.ru/present/

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

Цель форума – дать комплексные ответы и практические рекомендации по следующим вопросам:

  • Генерирование инновационных и жизнеспособных бизнес-идей
  • Развитие бизнеса за счет мозгов, а не инвестиций
  • Проектирование структуры убедительной презентации
  • Использование технологических решений в презентации и продвижении идей
  • Представление бизнес-идей на языке инфографики: как изложить 100-страничную презентацию бизнеса на 1 странице
  • Применение видеопрезентаций, роликов и корпоративного ТВ в бизнесе
  • Коммуникации, переговоры и публичные выступления
  • Дизайн информации: визуализация бизнес-идей
  • Digital и креатив

Зарегистрироваться на II Международный форум презентаций можно при помощи формы на сайте http://presportal.ru/present/ или по e-mail vera.kovaleva@presportal.ru:

Программа мероприятия

ДЕНЬ 1. 11 июля, четверг 

09.00-10.00 – Регистрация гостей

10.00-11.00 – Торжественное открытие форума, пресс-конференция

11.00-13.00 – Секция “Создание креативных идей и нестандартные подходы к развитию бизнеса”

  • Василий Лебедев, один из руководителей креативного агентства RedKeds и основатель курсов для обучения digital-дисциплинам ИКРА.
  • Константин Самойлов, исследователь user experience в Google. London, UK.

13.00 – 14.00 – Обед  Продолжить чтение →

Что делает график… скучным?

Статья12 г. назад 3 ТеорияFew, информационный дизайн, красота, правила визуализации, теория информационного дизайна, Фью

Этот пост — немного необычный. Это перевод поста Стивена Фью, гуру информационного дизайна и автора многих книг по визуализации. Он затронул очень важную тему, связанную с степенью «красоты» инфографики и графиков.

…далее идёт текст от лица Стивена:

В ответ на мой недавний пост про 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 предложили иерархию графических методов, основанную на эмпирических исследованиях, но их результаты работы были градацией считывабельности (иначе говоря, нашей возможности воспринимать информацию представленная графическими объектами легко и правильно). Полезность и применимость их градации была очевидна, так как наша возможность понимать информацию, содержащуюся в графиках, полностью завязана на наши возможности четко и аккуратно понимать атрибуты, закодированные простыми значениями (положение в пространстве, длины, площади, углы, наклоны, интенсивность цвета, и т.д.). Итак, возвращаясь к предложению Скелтона, существует ли иерархия интереса среди различных способов графического отображения информации, и если есть — то помогает ли она улучшить считывабельность?

Что есть противоположность «скучному», на что так напирает Скелтон? Он пишет:

Многие люди, которые создают визуализации данных — журналисты, НКО, правительственные организации — стараются изо всех сил привлечь внимание людей к своим данным в современном онлайн-мире, заполненном бесконечным количеством отвлекающих вещей. И когда вы пытаетесь привлечь чьё-то внимание, основенно если ваши данные — результат какого-то статистического среза — то дополнительная красота на графике способна сильно продлить «жизнь» визуализации. 

Визуализация данных — не только способ представления данных. Визуализации часто являются «рекламными биллбордами» которые вам приходится делать, чтобы привлечь внимание людей к информации, которая на самом деле является первопричиной создания коммуникации.

В самом деле, качество визуального представления не имеет ничего общего с информацией, которая содержится в диаграмме. Наоборот, в случае заинтересованности, главный измеритель — это степень желания разглядывать диаграмму. Чем больше диаграмма привлекает глаз читателя — тем она более интересная. Тем не менее, бесполезно пытаться привлечь чьё-то внимание, если привлекать внимание не к чему. Я не вижу проблемы в том, что диаграммы из кружков привлекают внимание, они беспокоят меня потому что как только они захватывают внимание — с этого момента они не дают никакой дополнительной информации. Подобная диаграмма похожа на ребенка который кричит «посмотри на меня, посмотри н меня», но просто стоит с грустным выражением лица. Пока вы не полюбите ребёнка, подобное ощущение — лишь полное расстройство.

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

  1. В мире шума, кричать громче и громче — не самое эффективное средство пробираться сквозь шум в попытках быть услышанным. Попытка кричать ярче лишь создаёт ещё больше шума.
  2. Предполагается, что вы не можете привлечь чьего-то внимания к данным без использования  using an inferior chart, one that is visually eye-catching but information-impoverished.

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

Для того чтобы продемонстрировать, как диаграмма с кружками, наподобие той которая появилась в Tableau 8, была полезна в его работе, Скелтон опубликовал следующий пример:

Название диаграммы: Где работают сотня самых высокооплачиваемых сотрудников

Эта диаграмма показывает потенциально интересную тему для жителей Ванкувера, но Продолжить чтение →

Принцип Гештальта для оформления таблиц

Статья13 г. назад Колонка со-авторов, Теориягештальт, законы восприятия, информационная архитектура, таблицы, теория информационного дизайна
инфографика и оформление таблиц

Благодарим Сергея Макаревича за предоставленный материал. Сергей — автор блога BusinessPresentation.ru

Я занимаюсь бизнес анализом и планированием в телекоммуникационном бизнесе на позиции директора, получил образование МВА, а профессиональное создание презентаций — мое хобби. Не всех презентаций, а только тех, которые можно назвать бизнес презентацией или информационной презентацией.

Принципы Гештальта или Гештальтопсихология – это описание особенностей восприятия человека, как наш мозг группирует и выстраивает визуальные формы. Сформированы принципы школой психологии, которую сформировал Макс Вертгеймер еще в далеком 1910 году. Школа провела исследования и говорит, что наше восприятие форм достигается благодаря следующим принципам:

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

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

Как делается современная инфографика. Урок в Illustrator

Статья13 г. назад 5 Инструментыpie chart, графики и диаграммы, инструменты визуализации, теория информационного дизайна, типы диаграмм
как создавать инфографику
Описание урока:
  • Программа Adobe Illustrator CS4
  • Уровень сложности: средний
  • Оценочное время прохождения: 3 часа
  • Автор: Jonathan Patterson

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

На примере вот этого изображения описывается процесс работы

как создавать инфографику

И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:

Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):

А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.

Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.

Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.

как делается инфографика

как делается инфографика

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

А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.

Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.

И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus

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

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

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

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

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

Имейл: mg@infographer.ru

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