С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.
Основные опорные точки по мнению автора:
Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. История начинается с ранних карт и медицинских теорий. В дальнейшем прогресс в математике, торговле, сборе статистических данных и в науке в целом сильно ускорил развитие визуального мышления. Этот процесс проходил наравне с изменением технологий и методов по сбору данных, их хранению и передаче.
Все это дало очень благодатную и разнообразную почву для развития информационного дизайна, которую современные авторы часто игнорируют и начинают летоисчисление инфографики намного позже.
Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.
До 17 века – Ранние карты и диаграммы
Первое зерно визуализации зародилось в геометрических диаграммах, в таблицах положений звезд, иллюстрациях частей тела и в навигационных картах.
Среди ранних отображений количественной информации есть график перемещения звездных тел (найденный Funkhouser, повторенный Tufte), где в двумерной системе координат показано движение планет. Этот график служит хорошей иллюстрацией данного периода.
В прошлой статье мы поделились нашими мыслями на тему того, что мы считаем инфографикой.
Инфографика нынче в моде, поэтому спрос на создание «инфографик» очень высок. Мы получаем огромное количество запросов от совершенно разных компаний, всем им нужна инфографика…
Сегодня мы хотим поразмышлять на тему, когда инфографика действительно применима.
Первый и самый важный тезисследует из самого названия: инфографику можно делать в том случае, если у вас информация, которой вы готовы поделиться. Конструкции типа «Покупайте наш товар — он лучший!» не могут быть реализованы инфографикой, так как не содержат никакой информации, там нет фактов, данных, взаимосвязей и тп. Второй тезис заключается в том, что инфографика является инструментом коммуникаций и поэтому ее использование должно подчиняться целям коммуникации: ясность, понятность и скорость восприятия. Например, вы хотите рассказать о зависимости продаж и площади магазина. Можно показать данные в виде таблицы, но в графическом виде эти же данные будут восприниматься намного быстрее и однозначнее.С другой стороны, если вы хотите сказать, что ваш штат составляет шестнадцать человек, намного эффективнее будет написать «У нас работает 16 человек» (выделив 16 человек), чем рисовать шестнадцать фигурок, заставляя зрителя тратить время на то, чтобы их сосчитать.
Даже если вы хотите сравнить ваш штат и штат вашего конкурента, то более эффективно будет использовать цифры, например «16 у нас vs. 7 у конкурента». Мы каждый день сталкиваемся с цифрами в нашей жизни, так что нам не составляет никакого труда сравнить два числа. А вот если значений у вас больше двух, Продолжить чтение →
Очень рада опубликовать первую заметку от Лидии Веллес, нашего арт-директора. Она наконец-то разгребла все наши завалы и смогла выдать миру свое видение и понимание инфографики. Встречайте первый сюжет и ждите продолжения.
Для начала разберемся с понятием, уж очень неприступным оно представляется неподготовленному сознанию.
Недоуменное пожимание плечами, задумчивое «Ну… » — стандартные ответы на вопрос «Что такое инфографика?». Не мудрено. Если попробовать с ходу разобраться в смысле любого составного слова, обнаружится неожиданный тупик. Например «самоходка». Вроде ничего сложного – само движется. Движется или ходит? Почему ходит? И при чем тут вообще самоходка, если мы говорим о инфографике?:)
Самоходка сюда въехала случайно, но у обоих понятий схожий алгоритм словообразования. Само ходит – движется без помощи лошадиной силы (история без коней передвижение не мыслила). Инфографика – информация в картинках. Informacio (лат.) – представление, Grapho (лат.) – рисование, чертеж, письмо (замететьте, все разом:).
Выходит, слово «инфографика», сложилось исторически и понимать его следует буквально. Но именно простота и заводит в тупик. Объяснить то хочется посовременнее и поадекватнее!
Но, минуточку, скажете вы, о какой истории речь? Инфографика — свежайший бизнес инструмент!
Ничего подобного. Обратимся к наскальной живописи. Понятно ли что здесь происходит? Более чем. Происходит охота на потенциальное пропитание. «Описание», которое мы видим, достаточно развернутое. В главных ролях племя древних людей, один из них, судя по размеру, вождь. Проиллюстрированы средства охоты, отчаянная самоотверженность обеих сторон, и главный факт — обед все таки состоится. Тема раскрыта. А связь времен свершилась благодаря … инфографике! Истории в картинках:)
Подумаешь, хмыкните вы. У древних людей не было выбора, письмо к тому моменту еще не изобрели.
Другой пример — карта 1539 года рождения. Восхитительно, не правда ли? Тем не менее, это кладезь информации. На тот момент весьма актуальной (русалки еще плавают :).
1854 год. Мимо такой карты пройти невозможно. Да и не карта это кажется, энциклопедия! Визуально законспектирована даже разница во времени. Продолжить чтение →
Периодически в руки попадают инфографические работы, на которых изоражены линии, объединяющие в себе две характерные черты: линиями показаны взаимосвязи объектов, а ширина линии — сила этой связи. Примеры таких работ уже публиковались уже публиковались раньше у нас на сайте:
Решили покопаться в истории вопроса, и вот что нашли. Как оказалось, подобный тип диаграмм, как оказалось, имеют свое специфическое название «Санкей / Sankey», и имеет занимательную историю. Оно происходит от имени Мэтью Сэнкея, ирландского инженера 19 века. Некоторые источники считают его первым, кто применил подобный визуализационный метод: в сноске к материалам одной из встреч Института Инженеров Механики Ирландии, он набросал схему сравнения имеющегося в то время парового двигателя с неким идеальным двигателем без энергопотерь, над созданием которого (не очень успешно) трудились в то время.
Мне все же кажется, что известного «Наполеона» (см. мой пост «Армия Наполеона в России») тоже можно отнести к сэнкейным диаграммам. Чарльз Джозеф Минард нарисовал её в 1869 году, так что он вполне может спорить с Мэтью за пальму первенства. Впрочем, это не меняет сути.
На мой взгляд, подобный тип диаграмм далеко не всегда применим, да и не так просто спроектировать — но его визуальная сила стоит сотен пай-чартов. Хотя для «одноразово-данновых» иллюстрационных постеров — вообще находка.
Некий юзер Phineas поддерживает сайт, посвящённый мистеру Сэнкею и диаграммам этого типа, он собирает интересные сэнкей-работы. Кстати, «технарям» будет интересно посмотреть раздел с програмным обеспечением для создания Sankey диаграмм.
Ну и парочка красот в конце поста.
Последний пример — совершенно чумовая визуализация (кто делал — не знаю) статистики продаж некоего дизайнера Madame Ulani на сайте для дизайнеров-рукоделов etsy.com. У даннной карты — две оси XY, обе расположены в разныз плоскостях, и сливаются вместе в единый список товаров, с отображением мест их доставки. Длина каждого столбца — время, которое потребовалось на то, чтобы сделать украшение, и как долго оно ждало своего покупателя после выставления нового лота на сайт.
Наткнулась на статью «Инфографика: шаг вперед, два назад». Интересными показались 2 момента:
Оригинальный текст взят здесь.
Сегодня наглядное представление информации, данных и знаний посредством изображения считается оригинальным и привлекательным решением для газет, учебников, инструкций. Так называемая «инфографика» завоевала множество поклонников, все сходятся в том, что современное человечество ориентировано на зрительный образ — картинки, изображения, схемы — и уж никак не на текст. Интересно узнать, что история подобного противостояния визуальной и буквенной коммуникаций насчитывает многие тысячи лет.
Очевидным примером использования «инфографики» на заре человечества можно считать наскальные рисунки и составляемые позже карты местности, к тому же, до изобретения письменности картинки использовались, чтобы регулировать поголовье скота и хранить память о важных событиях. Распространение письменного слова расставило акценты по-новому: визуальная и текстовая формы подачи информации вступают в своего рода борьбу. Интересным в этом контексте представляется наблюдение Режи де Брэ о том, что древнееврейская культура опиралась на книгу, потому что древнееврейский народ кочевал. Египтяне могли высекать свою историю на обелисках, а у Моисея не было такой возможности. Другая кочевая цивилизация — арабская — тоже опиралась на книгу и тоже предпочитала письмена рисункам.
Известный писатель и семиотик Умберто Эко в лекции «От Интернета к Гуттенбергу: текст и гипертекст» приводит интереснейший пример визуальной коммуникации — Средневековый собор: «[…] в XV веке — только изобрели печать. До того рукописи предназначались для малочисленной элиты. Работа по обучению масс содержанию Библии, житиям Христа и святых, моральным принципам и даже истории своего собственного народа, а также географии, природоведению, то есть природе отдаленных стран и свойствам трав и камней, — эта работа отводилась фрескам и статуям Собора. Средневековый собор был как бы постоянной неизменной телепрограммой, которая давала народу все необходимое как для повседневной, так и для загробной жизни. Книги же отвлекали от базовых ценностей, поощряли излишнюю информированность, вольное толкование Писания и нездоровое любопытство. […] Тем самым начинается разделение культур, существовавшее во времена Средневековья: между теми, кто способен был читать рукописи и, значит, критически осмыслять религиозные, философские и научные вопросы, и теми, кто воспитывался исключительно посредством образов в соборе — отобранных и обработанных их творцами».
Одним из проявлений «победы» визуального над буквенным сегодня стала инфографика. Это — сочетание текста и графики, созданное с намерением наглядно изложить историю, донести тот или иной факт. Инфографика помогает, если необходимо показать устройство или алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, показать устройство предмета, реконструировать событие, организовать большие объемы информации. Самая простая инфографика — это таблицы, круговые диаграммы, графики, карты, логические схемы. Более сложная инфографика может комбинировать текстовые блоки, фотографии, карты, таблицы, диаграммы, реконструкцию событий, даже комиксы — все, что может помочь создать полновесный графический рассказ.
Подробный анализ использования визуализированной информации в прессе предлагает специалист в области инфографики Альберто Каиро, по наблюдению которого свою современную форму инфографика обрела в 1982 году с выходом газеты USA Today. Новая ежедневная газета стремилась предоставить обобщенный, красочный и быстрый обзор новостей, активно используя элементы визуализации. Согласно проводимым исследованиям, уже тогда читатели начали отдавать предпочтение хорошей инфографике в сочетании с короткими блоками информации, а не обычным глубоким многополосным материалам.
В то время подобный дизайн с использованием визуальной информации посчитали дерзким, в Европе USA Today окрестили «McPaper» (такая себе газета-Макдоналдс: упрощенная, яркая, рассчитанная на массы, «пробежал глазами — выбрось»). Постепенно число таких газет стало расти: издателям показалась заманчивой возможность «ужать» значительные объемы информации до малых размеров. Однако очень сложно оказалось не пересечь грань между лаконичностью и упрощенчеством, кроме того, инфографику стали ценить из-за ее привлекательности, и в попытке подражать USA Today некоторые издания стали использовать ее как элемент украшения, а не способ помочь воспринять информацию. Сегодня многие издатели и аналитики прессы пребывают в пугающем заблуждении, что основные задачи инфографики — сделать статьи более «притягательными», «упростить» информацию, сделать ее более «доступной», «облегчить» материалы. Конечно, в этом есть необходимость, ведь современному человеку под час сложно прочесть 3-4 предложения связного текста за один раз.
На самом же деле, инфоргафика может стать инструментом для более глубокого понимания информации, делая рассказ более точным, достоверным. Недопустимо ее применение для упрощения и поверхностной передачи информации. Важно отметить, что на самом деле привлекательный вид инфографики — это лишь побочный продукт правильно упорядоченной информации.
Желая максимально использовать возможности инфографики, издатели по всему миру занялись исследованием влияния визуализированной информации на читателя. Согласно этим исследованиям, размер инфографики может влиять на модель восприятия читателем газеты: если статью дополняет значительный по формату графический элемент, читатель предпочтет исследовать его до того, как прочтет текст, кроме того, читатели зачастую обращаются сначала к визуальному элементу, если считают тему статьи сложной, по их мнению, ифографика может помочь ухватить основную идею материала. К тому же, визуализация информации, по мнению некоторых издателей, способна привлечь более молодую аудиторию. Интересно, что наивысшего уровня понимания удалось достичь посредством комбинирования текста и инфографики.
По мнению журнала «КАК», важно осознать, что инфографы — это не дизайнеры, а журналисты, которые, в первую очередь, представляют содержательные материалы, излагая факты, анализируя их. Главная задача — сделать новости читабельными и понятными, если инфографика сможет в этом помочь — пожалуйста, но ни в коем случае она не должна стать самоцелью.
В 1980-х годах в английском языке появилось слово «Chartjunk» (схема-хлам, диаграмма-мусор) на обозначение графических элементов (графики, таблицы, схемы и т. п.), в которых на самом деле нет нужды, т. к. они не помогают лучше понять информацию, а иногда просто отвлекают внимание читателя от текста. По словам Эдварда Туфте, подобный «мусор» может использоваться по нескольким причинам: в попытке придать материалу более научный и точный вид, чтобы оживить изображение, дать дизайнеру возможность проявить свои художественные таланты. В любом случае, ни одно уважающее себя издание не может позволить себе «засоряться» таким образом.
Итак, ясно, что визуализация информации — понятие отнюдь не новое и передовое, как принято считать. Скорее, необдуманное, немотивированное и чрезмерное использование инфографики будет означать шаг назад, к упрощенному, плоскому восприятию информации, когда человек отдаст предпочтение визуальному, а не буквенному выражению. В идеале, в газете текст и инфографика должны работать вместе, но предпочтение нужно отдавать, все-таки, слову, подкрепляя его при необходимости качественными графическими элементами.