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

infographer

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

Тема: Критический взгляд 6

Разбираем удачные и неудачные примеры российской и западной инфографики. Критикуем. Читаем разборы и советы профессионалов. Хотите поучаствовать? Присылайте на разбор. А можете сами написать рецензию и отправить нам — мы ее опубликуем.

Подборка: anti-bullshit

8 г. назад Колонка со-авторов, Критический взгляд, Теориявизуальное восприяние, визуальное мышление

2017 получился годом anti-bullshit. Мы много писали и публиковали статей на эту тему. Так много, что назрела уже целая подборка из четырех категорий.

Xaquín González Veira — пафосная визуализация vs. лучший график для этих данных

Теория: как работает мозг

  • Иллюзии мозга. Когнитивные искажения из-за переизбытка информации. В работе с широкими массами профессионалы используют способы обхода механизма цензуры, который в мозге фильтрует информацию, поступающего из внешнего мира. Например, если усилить информацию эмоционально, то вербальное или невербальное послание легче пройдёт встроенные фильтры сознания и надолго сохранится в памяти потребителя информации. Подробная статья про пять видов когнитивных искажений от Анатолий Ализар & Buster Benson.
  • Нейробиологи увидели реакцию мозга на контраргументы. Если человека пытаются заставить поменять собственные убеждения, то у него активируются области мозга, которые ассоциируются с эмоциональной реакцией на угрозу и с представлениями о себе. О том как работает сопротивление психики от Кристины Уласович.
  • Как работают 4 базовых закона восприятия в дизайне? Взгляд (и разум) воспринимает объект как целостную структуру до того, как начинает различать отдельные компоненты. То есть, целостный образ — это не просто сумма отдельных частей, а самостоятельный объект. Четыре закона восприятия с примерами на основе теории Гештальта от Алексея Обжорина.

Практика: что делать, чтобы качественно доносить информацию

  • Факты. Что такое 60 метров? Это легко представить. А теперь представьте те же 60 метров, но не в длину, а в высоту. Сколько это? Сложнее, да? Мы легко представляем это расстояние горизонтально, потому что у нас есть опыт: мы как минимум бегали стометровку. Но это же расстояние вверх представить труднее, потому что нет никакого опыта. Факты сами по себе ничего не дают. Мало просто навалить фактов. Статья Максима Ильяхова после которой станет понятно, как использовать факты эффективно.
  • 4 правила создания диаграмм, которые работают, от Донны М. Вонг. Как подступиться и на что обращать внимание при визуализации информации.Берем четыре этапа-правила, используем как чек-лист.
  • 9 отвлекающих моментов в визуализации данных. Немного юмора в картинках по мотивам мема distracted boyfriend от визуального редактора «The Guardian» Xaquín González Veira. Опять же о том «как подступиться».

Примеры: кто уже наврал, и как это заметить

  • О вреде среднего арифметического. Все началось с твитта Дональда Трампа про рост ВВП в США. Альберто Каиро разобрал график из твитта и объяснил, как распознать манипуляции средним арифметическим.
  • Что нужно знать о данных человеку, который любит их визуализировать. Все началось с записи жж-юзера burckina_new «Что нужно знать о репрессиях человеку, любящему свою страну?». В статье автор утверждает, что советские репрессии сильно преувеличены ради злого умысла. Пост вызвал бурю критических комментариев, а археолог Павел Колосницын написал подробную ответную статью «Что надо знать о том как можно манипулировать с цифрами, человеку, любящему свою страну». Мы проанализировали все это с точки зрения графиков.  
  • О манипуляции восприятием на примере «разрешений на прослушку выданных спецслужбам». Все началось с Медузы, которая в материале от 9 октября цитирует авторов книги «Битва за рунет»: «В 2007 году спецслужбы получили от российских судов 265937 разрешений на прослушивание и запись телефонных переговоров, а также перехват e-mail, включая сообщения в социальных сетях и мессенджерах. В 2012-м таких разрешений уже было 539864». Кирилл Олейниченко объяснил, где подвох. 

Информация: где брать качественную информацию на тему

  • Визуальная мишура. Краткий конспект лекции Альберто Каиро «Visual Trumpery». Слово trumpery обозначает нечто привлекательное, но пуcтое. На русский переводится как показуха или мишура. В статье ссылки на соц.сети и книги на английском на тему.
  • Чартомойка. Статья о русскоязычном канале Telegram, где  Александр Богачев разбирает графики — качество данных, выбор графика, дизайн, рассказывает и показывает все в деталях.

 

Чартомойка

8 г. назад 1 Критический взглядвизуальное мышление, конкурс

Что такое хорошо и что такое плохо? В разделе Критический взгляд мы пишем о качестве визуализации данных, приводим примеры, объясняем теоретические основы визуальной грамотности, рассказываем о проектах на эту тему. В Telegram есть отличный канал — Чартомойка. Там Александр Богачев разбирает графики — качество данных, выбор графика, дизайн, рассказывает и показывает все в деталях. То что надо для развития критического взгляда.

С октября 2017 совместно с Андреем Дорожным они запустили конкурс визуализации данных — Один Раз Увидеть (ОРУ). Раз в неделю они предоставляют датасет, дают неделю на визуализацию, а потом подводят итоги, комментируя присланные работы. Оценивается смысл (идея и история, которую рассказывает визуализация) и реализация. Интересно смотреть, как один и тот же датасет находит совершенно разное выражение — в разных графиках, в статике или интерактивах, в плакатах или для web. Интересно читать профессиональные комментарии и думать — что хотел сказать автор, где у него получилось, а где мысль заблудилась. Ниже — ссылки на результаты конкурса с примерами работ.

Задание 1. Губернаторы
 Можно изучить сроки полномочий, рейтинг, партийность, происождение, возраст и даже гороскоп губернаторов.

Автор — Марина Колпак. По ссылке можно поиграть с интерактивом

 

Задание 2. Браки по возрастам
Можно проследить, как менялись тренды с советских времен, через 90е, до настоящего времени.

Автор — Денис Запорожан

 

Задание 3. Юрий Дудь
Лайки, дислайки, комментарии, рост аудитории выпусков вДудь в зависимости от приглашенных гостей. Плюс немного о лингвистическом анализе, заработке с просмотров и категориях приглашенных.

Автор — Надя Адрианова

 

Задание 4. Население России
Сельское население Vs Городское. И по возрастам.

Автор — Мария Голикова

 

Задание 5. Московское метро
Глубина, загрузка, годы открытия (при ком, какие открывались).

Автор — Роман Бунин

 

Задание 6. Климат России
 Где жарко, где холодно, где словить максимум ощущений, откуда ждать неожиданностей.

 

Автор — Елена Абашева

 

Задание 7. От чего умирают в России
Болезни и не болезни. На первом месте — проблемы с системой кровообращения.

Автор — Александр Котов

Пилотный конкурс проводится до Нового Года, и мы обязательно поделимся темами за декабрь тут тоже.

 

#MakeoverMonday

9 г. назад Uncategorised, Критический взгляд, Примеры визуализации, Теорияinsightful, tableau, визуальное мышление, интерактивная инфографика

Опять понедельник и опять новый набор данных для #MakeoverMonday Challenge.

Уже 18 недель каждый вечер воскресенья Энди Крибел публикует инфографику и данные, на основе которых она сделана, на сайте VizWiz. Задача – в течении понедельника выделить примерно час времени, быстро проанализировать визуализацию и сделать свою версию.

Результаты он и Энди Котгрив публикуют у себя в блогах. Вызов может принять любой желающий и опубликовать результат в Twitter с тэгом #MakeoverMonday.

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

Тема этой недели – Цены на образование в США.

Ниже публикуем результаты прошлой недели — Рабство в XXI веке.

Скриншот с  оригинала от CNBC. Интерактивную версию смотрите на сайте:

The victims of the 21st-century slave trade by CNBC

The victims of the 21st-century slave trade by CNBC

#MakeoverMonday от Andy Kriebel. Подробное описание и интерактив — в блоге Энди:

Victims of the 21st-century Slave Trade by Andy Kriebel

Victims of the 21st-century Slave Trade by Andy Kriebel

#MakeoverMonday от Andy Cotgreave. Подробное описание и интерактив — в блоге Энди:

Victim of 21 century slave trade By Andy Cotgreave.

Victim of 21 century slave trade By Andy Cotgreave.

В Pinterest и Twitter можно найти варианты других людей.

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

Статья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

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

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

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

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

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

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

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

Иллюстрация или инфографика?

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

Дошли руки, пытаюсь описать свои мысли, родившиеся во время семинара в Майлдберри.

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

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

А теперь к работе, которая позволит отделить два понятия: «иллюстрация» и «инфографика»:

На карте нанесены крупнейшие бюджетные «дыры», проекты на поддержание которых государство тратит и будет тратить.  Тема животрепещущая и для наглядности, это проекты были нанесены на карту России. Как иллюстрация это изображение сделано очень качественно:

  1. Интересный рукописный шрифт
  2. К каждому проекту сделана стилизованная иконка
  3. На карту нанесены интересные эелементики, которые приятно разглядывать: олени, нефтяные вышки, Байконур, тигры
  4. Яркая, насыщенная цветовая гамма

А вот как инфографика, эта работа очень сырая и причины следующие:

  1. Шрифт занимает неоправданно много места и это мешает отображению самой информации.
  2. Если вы решаете работать в контексте карты, то нужно соблюдать соответсвующее расположение объектов. Сейчас (не в последнюю очередь из-за шрифта и больших иконок) Автоваз находится в далеком забайкалье, подмосковный Жуковский переместился в Якутию. И с фактологической перспективы это неприемлемо.
  3. Акцент с основного сообщения размылся и сместился в детали
  4. Цветовое решение очень спорно — оно несколько «беззаботно» для такой серьезной темы. В случае с Автовазом это вопрос жизни и смерти, сейчас это обыграно слишком уж радостно.

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

Пожалуй, это и есть основной критерий разграничения:

  • Если информация подчинена дизайну — это иллюстрация
  • Если дизайн подчинен информации — это инфографика
Темы раздела
Колонка со-авторов 1Критический взгляд 6Теория 5Uncategorised 1Примеры визуализации 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+