Envisioning Information

Edward R. Tufte

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


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

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

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

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

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

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

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

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

Микро-данные заполнили информационные (да и графические) пустоты традиционного столбчатого графика. Идея того, чтобы заставить каждый графический элемент работать несколько раз преобразила внешний вид диаграммы. Описывая это изобретение, Джон Тукей писал: «Любая отметка сама по себе может нести информацию. Самая простая осмысленная отметка это цифра».

Не вдаваясь в сравнительные детали, должно быть понятно, что труднее всего читать текст, набранный заглавными буквами из-за одинаковой высоты, объема, а нередко и ширины букв. Если говорить об антиквах и гротесках, то последние читать сложнее. И модное нынче предпочтение шрифтов без засечек обнаруживает некомпетентность дизайнеров как с точки зрения истории, так и с точки зрения практичности.

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

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


...это грамотное взаимодействие между информационными слоями, непротиворечивое и не мешающее основной задаче представления данных.

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

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

...на каждую удачу приходится сотня провалов.

Лучше размещать подписи над объектами, отчасти потому, что букв с верхними выносными элементами больше, чем с нижними

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

В редизайне без рамок уменьшается визуальный шум, внимание зрителя концентрируется на данных, а не на оформлении.

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

Чтобы что-то с чем- то сравнивать, это что-то с чем-то должно быть расположено в пределах видимости

Принцип: Информация и цвет:

Правило первое: несколько больших ярких плашек рядком — это чудовищно. Но если использовать яркие цвета фрагментарно или же комбинировать их с чем-то бледненьким, может получиться очень даже хорошо.

Наряду с критикой цветового шума первое правило Имхофа содержит важную конструктивную мысль: яркие цвета на светло-сером или приглушенном фоне выделяют информацию и помогают установить общую гармонию.

Правило второе: использование ярких цветов подряд как правило дает неприятные результаты, особенно, если цвета используются на больших пространствах.

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

Четвертое правило: Если на картинке больше одного крупного пятна одного цвета, то картинка визуально распадается. Однако, единство можно восстановить, если цвета одной области плавно смешиваются с цветами другой, если цвета связаны, переплетены наподобие ковра. Природа земной поверхности такова, что изобразить её можно только цветными пятнами. Это острова, озёра и реки, низины и возвышенности и т. д. Эти объекты нередко встречаются и на тематических картах, чем усложняют интерпретацию и провоцируют повторы.

эффект как вычитание цветов: «Многократные эксперименты со смежными цветами показывают, что любой фон вычитает свой собственный тон из цветов, которые на нём расположены, и, как следствие, находятся под его влиянием».

Описание места и времени:

Расписания — одна их самых широко распространенных форм представления информации

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

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