Тема: инфографика 44
Значимость «отрицательного пространства» в визуализациях
Эти визуализации недавно вызвали бурную дискуссию в 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
Government & Digital
Недавно в рамках X юбилейной Премии Рунета был запущен новый конкурс в несколько необычном для российского рынка формате. На «Первых всероссийских digital-играх» студиям, агентствам и даже частным специалистам предоставлена возможность не просто похвастаться готовыми работами из своих портфолио (как это происходит на всех остальных конкурсах), но доказать свой профессионализм в честной схватке: создать конкурсную работу по единому для всех игроков брифу.
Жюри конкурса вместо того чтобы сравнивать, как обычно, яблоки с апельсинами, будет оценивать работы участников по заранее определенным организаторами конкурса четким параметрам. Таким образом, на старте всем участникам будут предоставлены равные условия, а на финише мы увидим только лучших из лучших.
Наше внимание особенно привлекла номинация Government&Digital – это номинация для тех, кому небезразлично то, как будет выглядеть и работать будущее электронное правительство страны; для тех, кто готов сразиться за почетное право принимать непосредственное участие в создании новых государственных онлайн-сервисов и инструментов: эффективных и удобных в применении.
Номинация организована агентством Notamedia при поддержке Минкомсвязи. Задание для нее было выбрано на основе материалов Единой Межведомственной Информационно-Статистической Системы (ЕМИСС) и состоит оно в том, чтобы создать удобный интерфейс для отображения больших объемов статистических данных Росстата и, в частности, ЕМИСС. Интерфейс, который сможет обеспечить высокое качество пользовательских взаимодействий граждан с государством.
По мнению организаторов номинации «Создание сайтов для государственного сектора – одна из наиболее специфических задач. Сайт должен быть прост и сложен одновременно: прост настолько, чтобы быть понятным даже далекому от интернета человеку, и сложен настолько, чтобы все это работало. Добавьте к этому обилие контента, сложную навигацию и определенную консервативность заказчика. Одним словом, непросто». И с ними сложно не согласиться: конкурсантам предстоит сделать сложные статистические данные, собираемые по всей России, более доступными как специалистам, которые работают с этими данными каждый день, так и более широкому кругу пользователей.
Существующий сайт ЕМИСС во многом не соответствует тем требованиям, которые предъявляют к нему пользователи сайта, среди которых есть как аналитики и журналисты, так и государственные чиновники, мнение которых во многом отражается на текущем видении положения дел в стране и, соответственно, на принимаемых на государственном уровне решениях. Поэтому разработка концепции страниц для сайта Росстата представляет собой не только технически интересную задачу, но и ответственное дело государственной важности.
В связи с тем, что среди перспективных идей для конкурсного сайта организаторы выделяют и графическое отображение данных, конкурс будет интересен создателям инфографики и визуализации данных. Как будет им интересен и сам будущий сайт, который сделает анализ статистических данных более удобным и понятным, а также позволит создавать новые полезные для общества визуализации, основанные на реальных данных.
Желаем участникам удачи и с нетерпением ждем публикации шорт-листа конкурса. Подробнее о конкурсе читайте на сайте «Первых всероссийских digital-игр».
Заходите к нам в Instagram
Приглашаем вас присоединиться к нам в Инстаграме (user @Infographer) — контент отличается от блога: там мы коллекционируем картинки с инфографикой из реальных предметов. Ну и чуть больше неформального, из ежедневной жизни агентства.
Приходите, ждем! @Infographer
Инфограферу 4 года!
Первое апреля — замечательный день! В этот день мы обычно занимаемся очищением кармы и планируем новые достижения.
Поздравляйте нас! Остался всего один год до полу-юбилея:) Как обычно, мы на страже инфографики и вот этой прямой линии:
PS
nice to know: Apple was established on April 1, 1976, by Steve Jobs, Steve Wozniak and Ronald Wayne to sell the Apple I personal computer kit
Какие задачи решает инфографика?
В прошлой статье мы поделились нашими мыслями на тему того, что мы считаем инфографикой.
Инфографика нынче в моде, поэтому спрос на создание «инфографик» очень высок. Мы получаем огромное количество запросов от совершенно разных компаний, всем им нужна инфографика…
Сегодня мы хотим поразмышлять на тему, когда инфографика действительно применима.
Первый и самый важный тезисследует из самого названия: инфографику можно делать в том случае, если у вас информация, которой вы готовы поделиться. Конструкции типа «Покупайте наш товар — он лучший!» не могут быть реализованы инфографикой, так как не содержат никакой информации, там нет фактов, данных, взаимосвязей и тп. Второй тезис заключается в том, что инфографика является инструментом коммуникаций и поэтому ее использование должно подчиняться целям коммуникации: ясность, понятность и скорость восприятия. Например, вы хотите рассказать о зависимости продаж и площади магазина. Можно показать данные в виде таблицы, но в графическом виде эти же данные будут восприниматься намного быстрее и однозначнее.
С другой стороны, если вы хотите сказать, что ваш штат составляет шестнадцать человек, намного эффективнее будет написать «У нас работает 16 человек» (выделив 16 человек), чем рисовать шестнадцать фигурок, заставляя зрителя тратить время на то, чтобы их сосчитать.
Даже если вы хотите сравнить ваш штат и штат вашего конкурента, то более эффективно будет использовать цифры, например «16 у нас vs. 7 у конкурента». Мы каждый день сталкиваемся с цифрами в нашей жизни, так что нам не составляет никакого труда сравнить два числа. А вот если значений у вас больше двух, Продолжить чтение →
Всё-таки, что же такое инфографика?
Почему это является инфографикой, а то — нет?
Проанализировав накопленный за годы работы в сфере инфорграфики опыт, мы решили сформулировать ее отличительные черты и дать ей определение. Петр Пархоменко в одной из дискуссий на портале re:vision сформулировал определение инфографики следующим образом: «По мне инфографикой является визуализация информации в целях последующего анализа, выявление взаимосвязей и представления корреляции между несколькими массивами данных в удобной форме, позволяющей наблюдателю быстро разобраться в представленной информации.»
Случайно наткнувшись на это определение, мы всей командой зааплодировали, согласились с ним и договорились считать его четко сформулированным и верным. Но через какое-то время стало понятно, что и это, как нам показалось вначале, емкое определение работает не всегда. Оно практически неприменимо для работ, объясняющих строение чего-либо или последовательности. То есть, для данных, не связанных с массивами цифр, например.
Мы продолжили анализ собственных работ, задавали вопросы, общались с коллегами. Рассматривали в том числе и вариант, что инфографики как таковой вообще не существует, это очередное модное «маркетинговое» слово, без реальной поддержки в жизни, «пузырь». Однако мы пришли к выводу, что и такой нигилизм не является корректным. Текущий объем размышлений склоняет нас к очень простому определению данного феномена:
инфографика — это изображение, передающее смысл, данные, информацию с помощью графики, не текста.
Таким образом, определить, является ли рассматриваемая работа инфографикой или нет, достаточно просто: убираем из нее весь текст/цифры и смотрим, передает ли нам оставшееся изображение какой-то смысл, или оно является чисто декоративным элементом? Если передает — вы имеете дело с примером инфографики. Если же перед вами остались бессмысленные изображения — перед вами обычный дизайн, иллюстрация.
Приведем несколько примеров.
Вот первое изображение.
Иконки есть, цифры присутствуют, информация имеется. Является ли данная работа инфографикой? Давайте смотреть.
Убираем все тексты, кроме заголовков, и получаем следующее изображение.
Что осталось? «День с водой»: зонтик, машина, бокал, моют руки под краном, видео кассета, опять кран, … Есть ли в этом наборе какой-то смысл, какое-то знание, которые мы можем почерпнуть? На наш взгляд — нет. Мы такую работу инфографикой не назовем.
Посмотрим еще пример, другой.
Насыщенная работа, рассказывающая про «Водный мир». Много цифр, много графики, появляются стрелочки… Давайте проведем с ней такой же эксперимент. Убираем текстовую часть, оставляем только заголовки, и смотрим.
Из оставшейся на листе графики нам более или менее понятен только график из капель воды: в 80м году было максимальное количество воды, в 05м — меньше всего. Хотя из-за странного заголовка этого графика все равно не понятно — что воды? Потребляли? Загрязняли? Теряли? Сохраняли? Остальная графика информации нам никакой не передает.
Еще один пример:
Любимых всеми цифр почти нет, но есть достаточно большие блоки текста и стрелки. Инфографика ли это?
Ну что же, тексты убрали, давайте смотреть. Сверху, там где пайчарты: вполне понятно, что поверхностные пресные воды составляют микроскопическую долю от всего объема воды. Основная часть: последовательность этапов ясна, что происходит на каждом этапе тоже понятно. Дополнительные тексты, которые мы убрали, несли в себе уточнения и разъяснения, основная логика событий показана графически. Эту работу мы с полным правом называем инфографикой.
Ну и еще один пример напоследок.
На первый взгляд данная работа схожа с первой работой, которую мы привели в пример. Давайте проверим, так ли это.
Во-первых, четко понятно, что именно означает каждая иконка. Во-вторых, понятно, что это про количество виртуальной воды в продуктах. В-третьих, есть возможность сравнить продукты между собой по количеству этой самой виртуальной воды. Вернув тексты, мы сможем прочитать, что именно авторы назвали «виртуальной водой». Но и без текстов мы можем произвести сравнение разных продуктов между собой по заданному критерию. Данная работа тоже является инфографикой.
Холивары можно продолжить в комментах.
С праздником!
Как известно, у женского счастья 2 составляющие. Начнем с первой.
Подавляющее большинство современных женщин — это бизнес леди. И мы желаем вам роста зарплат, самореализации, превосходства над мужчинами в профессиональных вопросах и дорости до CEO в возрасте до 35.
Но все мы знаем, что счастье не только в работе, поэтому публикуем картинку о второй составляющей женского счастья 🙂
Солнца всем и ощущения весны!
Оставшиеся на планете ресурсы
Некоторое время назад небезысвестный ресурс InformationisBeautiful.net объявил открытый конкурс идей как визуализировать статистику об исчезающих постепенно ресурсах земли.
Среди прочих был представлен этот скетч. Автор Will Stahl-Timmins.
Вы уже начинаете догадываться что это? Это периодическая таблица Менделеева, в которую добавили третье измерение — шкалу лет, на которые еще хватит этого ресурса на планете.
Я лично считаю эту идею гениальной. Прежде всего потому, что таблица Менделеева всегда считалась неповторимым шедевром сама по себе и трогать ее мне бы даже не пришло в голову. Искренне поздравляю автора с его свободой мышления и возможностью выйти за рамки привычного. Ведь действительно, в классификации элементов была использована только одна плоскость и существует возможность добавлять еще и высоту каждой ячейки, получая тем трехмерную столбиковую диаграмму в изометрии.
Финальный дизайн выглядит вот так (можно конечно сказать что читаемость кое-где страдает, но явно полезность такой визуализации превышает ее погрешности).
Больше идей и набросков визуализаций, участвовавших в конкурсе вы можете посмотреть тут. Продолжить чтение →
Календарь конференций и семинаров по инфографике 2012
Для всех, кому не безразличен информационный дизайн, мы подготовили календарь конференций и мастер-классов на эту тему по всему миру. Не все же время коммерческими проектами заниматься.
Задумка родилась давно, еще в 2011 году, но, пока мы находились в творческом процессе, неожиданно наступил 2012-й. И многие конференции уже анонсировали даты на год грядущий. В итоге получилось целых два календаря: за год прошедший, для истории, и на год предстоящий – для планирования своих путешествий.
Ноябрь, декабрь и январь, похоже, являются месяцами инфографического затишья. Тогда как в остальные месяцы проходит от одного до четырех различных мероприятий. В 2012 году самыми активными выглядят февраль, март и июнь.
Самые активные регионы – Европа и США.
Бронируйте билеты, учитесь и общайтесь! А мы уходим доделывать интерактивную версию этой карты – в дополнение к статичной, которой вы уже можете пользоваться.
Можно скачать календарь в PDF — в нем уже вставлены ссылки, кликая на названия конфренций вы перейдете на сайт организаторов. Карту-календарь мы будем обновлять и следить за всеми изменениями. Если вы знаете о каком-то интересном мероприятии, пишите нам и мы с удовольствием дополним.
А ниже – для любопытных, о процессе создания карты. Мы искали разные способы расположить события – в соответствии с временной линией и в соответствии с местом на карте. Продолжить чтение →
«В стиле инфографики»
Инфографика стала на слуху у всех. Уже даже кое-где слышно, как говорят «мне нужно нарисовать в стиле инфографики». Но, с другой стороны, инфографика — не панацея, лекарство не для любой задачи. А теперь вопрос: что вы думаете о содержании этого изображения? Выскажитесь, пожалуйста 🙂
..и ещё одна, для поддержания темы. Продолжить чтение →