Тема: визуализация 2
Значимость «отрицательного пространства» в визуализациях
Эти визуализации недавно вызвали бурную дискуссию в Twitter, а Энди Кёрк (Andy Kirk) опубликовал отличную заметку по этому поводу. В данной заметке, будем иметь под «отрицательным пространством» закрашенную зону, которая соответствует отрицательным, или негативным по смыслу значениям.
Энди полагает, что если первый график правильный, то нет никаких оснований считать, что второй – неправильный. Автор же данной статьи, Альберто Каиро (Alberto Cairo), с этим мнением не согласен. Альберто считает, что с первым изображением всё в порядке, в то время как второе является неверным, как минимум, на так называемой «pre-attentive» стадии* (то есть на стадии, когда происходит процесс поверхностного восприятия при ознакомлении с объектом; на стадии, предшествующей внимательному изучению). Автор объясняет это ошибками в следующих параметрах: основная линия, сетка, «отрицательное» пространство (зона, лежащая в области отрицательных значений) и взаимодействие заднего и переднего планов.
В первом случае отчётливо показана основная линия в верхней части изображения. Предполагается, что другие элементы как бы «свисают» или даже «стекают» с неё. Благодаря этому, метафора ясна (Энди Кёрк также признаёт это). Если мы посмотрим на второе изображение, взгляд сразу приковывает центральная линия, потому что она заметно выделяется из-за белого контура. Эта линия выглядит скорее как основание, на котором располагается всё остальное. Кроме того, чёрная кривая выделена настолько ярко, что создаётся впечатление, как будто белая область отделена от фона. Это напоминает заснеженные горные вершины на фоне кроваво-красного неба.
Можно даже упомянуть заголовок статьи, проилюстрированной вторым графиком. В заголовке использован глагол «повышаться». Но ведь на графике не отражено «повышение», а скорее наоборот «падение». Это ещё больше усугубляет суть визуализации.
И ещё пара слов об этом параграфе из поста Энди Кёрка:
«Любая реакция имеет право на существование. Независимо от того, пытаются ли вам доказать, что это лучшая или худшая визуализация из всех когда-либо созданных, всё равно только вы решаете, как интерпретировать для себя и как ответить на такое заявление. Я, кстати, сейчас не пытаюсь себя оправдывать, я просто говорю, что у каждого из нас есть своё собственное мнение, основанное на самых разнообразных факторах: наш опыт, знание и заинтересованность в предмете, вкус и графическая грамотность», – полагает Энди Кёрк.
Альберто Каиро одновременно и согласен, и несогласен с этим мнением. Он в свою очередь полагает, что независимо от того, насколько хорошо или плохо вы разбираетесь в предмете, второй график заставляет большинство читателей приложить усилия, чтобы разобраться в сути истории. Это имеет мало общего с «графической грамотностью», а скорее связано с тем, как мало некоторые знают о зрительном восприятии и работе человеческого мозга. Как точно заметил Хорхе Камоэнс (Jorge Camões): «В сфере визуализации данных когнитивные задачи должны дополнять, а не противоречить задачам зрительного восприятия».
*UPDATE 1: Стив Хэрод (Steve Harod) написал по этому поводу: «Интересная заметка, но я бы избегал всего, что касается “pre-attentive”. Это сложно объясняемо, и лучше даже не вникать в первопричины».
UPDATE 2: Роб Симмон (Rob Simmon) поделился полезным видео-сюжетом (автор видео: Andy Cotgreave). Это стоит вашего внимания.
UPDATE 3: PZ Myers тоже считает неудачной вторую визуализацию (авторства агентства Reuters).
Оригинал заметки: In visualization, baselines and negative space matter
10 уроков визуализации данных от New York Times
Награда Малофей, известная по сути как Пулитцеровская премия в мире инфографики, оценивает лучшие инфографические работы изданные по всему миру в печатном и цифровом видах. В прошлом году более полутора тысяч работ соревновались за престижную награду.
Заметными достижениями премии стали работы журнала National Geographic (приз за лучшую печатную карту и две золотые награды) и Internet Group do Brasil iG (золото). Однако, как и в предыдущие годы, New York Times и его графическое портфолио стали фаворитами премии: издание заработало шесть золотых медалей (четыре печатных работы и две онлайн), приз за лучшую онлайн-карту и обе награды «Лучшие из лучших» за печатные и цифровые работы.
Так в чем же заключается секрет продолжительного успеха New York Times? В этой статье мы собрали 10 ключевых характеристик, которые, если объединить в единый процесс создания графики, позволяют чётко выделять их работу от массы работ других издательств и дизайнеров.
1. Ясность замысла и контекста
Определение цели инфографики или визуализации — это первый вопрос, который стоит принять к рассмотрению, прежде чем начать какой бы то ни было творческий процесс. Состоит ли эта цель в том, чтобы предоставить зрителю возможность взаимодействия с данными и, благодаря им, делать личные открытия? Должна ли графика передать сюжет или отразить определенное редакционное видение вопроса? Будет ли она статической, интерактивной или даже видео-визуализацией? Способность на начальной стадии процесса принимать подобные ключевые решения, основанные на ясности идеи, отличает New York Times от других изданий.
Как доминирует Мариано Ривера
2. Уважение к читателю
Наиважнейшая цель визуализации, или инфографики, должна состоять в том, чтобы сделать ее предмет понятным. Но скорее посредством обеспечения ясности, чем достижения простоты. Мы [NYT] не стремимся разбавить сложность предмета, но лишь хотим сделать его более удобоваримым с помощью изящного представления. Непосредственность интерпретации не всегда является обязательным показателем любого визуального дизайна, поскольку отдельные темы действительно требуют некоторого времени для понимания. Но это не проблема, так как усилие, приложенное читателем, в конце концов, вознаграждается способностью вникнуть в суть вопроса. New York Times надеется, что их читатель обладает терпением, зрелостью и способностью высоко оценить возможность исследовать и получать новые знания благодаря графике. И этот факт, в свою очередь, улучшает качество проектных решений издания.
Узники Гуантанамо
3. Редакционная интеграция
Работа графических редакторов New York Times прочно вплетена в редакционный ритм печатных журналистов. Хотя обычно графика рассматривается как дополнение к печатной новости, как ее визуальное сопровождение, порой ее значение возрастает настолько, чтобы стать центральным артефактом сюжета.
4. Ясность вопросов
Благодаря сильной журналистской культуре графических дизайнеров, вопросы, на которые отвечает каждая визуальная история, и сюжеты, которые она стремится оживить, становятся исключительно ясными и простыми для понимания. В результате, все визуальные образы: будь то иллюстрация, набор элементов визуализации или фото-композиция – идеально соответствуют друг другу и отвечают на поставленные вопросы.
Предложение по бюджету 2013
5. Исследование данных и подготовка
Одним из наиболее важных сообщений, которые были озвучены докладчиками New York Times на Малофее, – стало сообщение об объеме подготовки и исследований, которые неизбежно входят в процесс создания графики. Идет ли речь о долгосрочной разработке программных библиотек, которые будут, в конечном счете, служить основанием для последующих картографических проектов, или о тесном взаимодействии с другими отделами с целью получить доступ к богатым и глубоким источникам данных – строгость работы редакции очевидна всем.
6. Визуальная сдержанность
Для всех работ New York Times характерна последовательная и легко опознаваемая визуальная индивидуальность, которая тщательно отрабатывалась в течение многих лет и которая является причиной настоящей графической элегантности их портфолио. В частности, неизменно узнаваемы цвета, которые используются очень умеренно, в едва уловимых оттенках, только чтобы выделить, придать большее значение или зашифровать данные без какого-либо намерения излишне декорировать графику. Однако их работы некоторым могут показаться слишком сдержанными – и это лишь еще раз доказывает убежденность издания в том, что нет необходимости открыто привлекать внимание читателей типичным для других изданий образом.
Смерть террориста: поворотный момент?
7. Макет и верстка
Попытки редакторов заполучить пространство для публикации на лучших, посвящённых рубрике «недвижимость», страницах такой газеты, как New York Times, сродни попыткам приобрести землю на Красной площади. Однако, вопросу о позициях и размерах, в которых графика появляется в печатной версии, редакция придает особое значение. И неважно, полноценные ли это колонки, разворот на две страницы или драматические диагонали – Times делает все возможное, чтобы каждая графика заняла достойную позицию, позволяющую улучшить взаимосвязь между изображением и статьей.
8. Разнообразие техник
Хотя вполне очевидна, и успешно используется последовательная формула подготовки, и строгий подход редакции, и визуальная индивидуальность каждой графической работы New York Times – всё равно, разнообразие техник в портфолио свидетельствует о безграничной гибкости и разносторонности. В их визуализациях крайне редко встречается повторение одних и тех же приемов. Каждая графика тщательно проработана и предназначена специально для того, чтобы ответить на ключевые вопросы или передать важные сюжеты, которые желает осветить издание.
Карта переписи населения США 2010 года
9. Техническое исполнение
В трехмерной иллюстрации, пузырьковой диаграмме или в интерактивной карте команда графических дизайнеров New York Times всегда демонстрирует выдающиеся технические способности и безупречное качество владения матчастью.
10. Аннотации
Аманда Кокс, графический редактор New York Times, полагает, что качественные аннотации для их график – это «самая важная вещь, которую мы делаем». Посредством внимательного использования меток, вводных частей, поясняющих текстов и заголовков, дизайнеры New York Times берут на себя обязанность: помочь читателю в понимании контекста графики и интерпретации ее ключевых сообщений.
Аннотации
Множество примеров графических работ New York Times, созданных в течение многих лет, можно увидеть на следующих сайтах:
- Портфолио Джонатана Корума
- Портфолио Грэма Робертса
- Портфолио Кевина Куили
- Коллекция тезисов Мэрайи Руз
- Коллекция Small Labs inc
Автор статьи, Энди Кирк – консультант, дизайнер и преподаватель визуализации данных. Был судьей и докладчиком на Малофее 20. В настоящее время Энди читает однодневный учебный курс «Введение в визуализацию данных» в Европе и Северной Америке, предоставляя слушателям вдохновляющий и образовательный маршрут в этот, ставший как никогда популярным, предмет.