Информационная эстетика

Инфографика альтернативных точек зрения

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

Мне понравилось, как в иллюстрации к статье National Geographic о Мадагаскаре показаны два альтернативных варианта развития событий после распада суперконтинента Гондваны.

На момент выпуска статьи базовая гипотеза предполагала, что 80 млн лет назад Мадагаскар был изолирован и на острове остались прямые потомки эпохи Гондваны. Но из-за находок новых останков учёные допустили связь Мадагаскара и Индии с Антарктикой и Южной Америкой. Вставка из четырёх маленьких глобусов показывает, как могли располагаться перешейки между будущим островом и Африкой, Индией, Антарктикой и Южной Америкой.

Через 11 лет после выпуска статьи геологические исследования не подтвердили непрерывный сухопутный путь между Мадагаскаром, Антарктидой и Южной Америкой. Базовая гипотеза осталась базовой.

Моё личное золотое правило: не сомневаться постоянно в своих гипотезах и выводах на старте, а то это приведёт к хронической боязни ошибки и выученной беспомощности. Но всегда допускать вероятность ошибки в результатах и поэтому проверять их на граничных условиях.


#2000s #NationalGeographic

Разрез по шагам производства

В продолжение предыдущего поста про скрытую сложность.

Схема показывает то, что невозможно увидеть в готовом здании: почему железобетонная балка уже работает до того, как её поставили в фасад.

Три приёма в схеме, которые мне понравились:

1. Простая цветовая палитра. Чёрно-бело-серая основа и один красный акцент. Им отмечены участки, где находится сила: натянутые проволоки, стрелки растяжения и сжатия, зона будущей оконной перемычки. Да, в этом конкретном примере всего три цвета скорее всего из-за ограничений печати по стоимости. Но на работе я всем говорю, что не надо раскрашивать весь слайд в корпоративные цвета. Заголовки таблиц, строки и фигуры должны быть чёрные на белом фоне и только ключевые области надо выделять корпоративным или другим цветом (и желательно со стрелочкой или маркером к конкретному выводу).

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

3. Контекст. Показано, где этот железобетонный элемент используется в здании Гарварда. Без привычного объекта рядом схема была бы менее интересна широкому читателю, а не только выпускникам строительных вузов.


#1960s #TIME

Скрытая сложность привычного предмета

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

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

А вот график объёмов добычи лития слева снизу мне не понравился. Значения лучше подписать прямо на столбиках, а шкалу убрать совсем. Не придётся бегать глазами и считывать числа по делениям.


#2000s #NationalGeographic

Дятел задаёт систему координат

Разворот National Geographic показывает, как разные птицы ведут себя у кормушки относительно одного опорного вида — североамериканского пушистого дятла.

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

Здесь не стали строить общую схему «кто сильнее всех». В центр поставили один вид дятла (то есть нормировали данные) и показали, кто вытесняет его, кого вытесняет он, кто тяжелее и как часто они реально дерутся.

При таком дятлоцентричном нормировании появляется система координат из трёх в виде дуг.
— Большая серая дуга делит отношения на тех, кто доминируют над дятлом (слева) и на тех, над кем дятел доминирует (справа).
— Синие круги показывают вес относительно дятла.
— Оранжевые клинья показывают частоту стычек.

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

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

Разворот в полном разрешении в комментариях.


#2020s #NationalGeographic

Скроллинг соцсетей в граммах

Разворот Wired Middle East показывает углеродный след соцсетей в странах Персидского залива.

Мне понравилось, как здесь связали что-то неосязаемое с реальным весом. Скроллинг обычно не ощущается как действие с последствиями. Но работа серверов и дата-центров требует очень много электроэнергии, а это выбросы парниковых газов, которые влияют на климат (все ведь почувствовали аномальную жару последней недели?).

Я в начале 1990-х застал, как мороженое хранили в мобильных тележках с сухим льдом. Это и есть концентрированный парниковый газ. И вот за день можно наскроллить брикет весом с 1–2 упаковки молока. А за год вообще получаются какие-то гигантские значения в автомобилях, баррелях нефти и домах.

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

Фуллсайз в комментах.


#2020s #инфографика

Нарастающая сложность смыслов

Bloomberg Businessweek показывает последовательность взлома Indexed Finance. Криптоатака здесь разобрана как маршрут операции.

1. Оранжевые блоки дают самый быстрый слой чтения. Каждый шаг сжат до действия: занять, скупить, обменять, залить пул Sushi, вывести активы, вернуть займы. Даже непогружённый читатель может пробежать только эти ярлыки и собрать скелет атаки.

2. Серые блоки добавляют причинность. Там уже появляются суммы, названия токенов и объяснение, почему одно действие меняет условия следующего.

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

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

Первый экран или summary-слайд должен выдерживать отсечение: если убрать остальные слайды, главная мысль всё равно понятна. Дальше можно наращивать сложность, но не подменять обзор пересказом всех деталей.

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


#BloombergBusinessweek #2020s

Текстовая масса

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

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

1. Apple WWDC26. Слайд с сотнями мелких улучшений (увидел у Ильи Бирмана).
2. Bio-Oil Body Lotion. Оранжевый массив ингредиентов, тестов и клинических деталей. И просто флакон.
3. Volkswagen Quantum Wagon. Длинный список опций больше всего похож на инфографику.

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


#2020s #1980s

Карта дальности земных сигналов

Разворот показывает, как далеко от Земли успели уйти наши радио- и телесигналы относительно планет, «Вояджера-1» (на момент его полёта в 2000 году) и ближайшей звезды Проксимы Центавра.

Шкала расстояния размечена в астрономических единицах. Это среднее расстояние Земли от Солнца.

Эта шкала логарифмическая, поэтому каждое деление больше предыдущего в десять раз (10¹, 10², … 10⁶), а не на 1. Так в один разворот помещаются и Солнечная система, и соседняя (ближайшая к нам!) звезда Проксима Центавра. Хотя на самом деле мы очень далеко от неё.

На оси расстояние показано время, за которое свет или радиосигнал проходят это расстояние.

Сфера сигнала растёт во времени. На дальнем конце показан кадр из знакового для США телешоу начала 1950-х «I Love Lucy». Тогда телевидение стало массовым в США и большинство читателей журнала National Geographic смогли соотнести, что от знакомой отсечки прошло много времени, а сигналы ещё не дошли до звезды. 

Это интересный приём — давать хорошо знакомый ориентир из поп-культуры.

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


#2000s @NationalGeographic

Возрастная пирамида на неопубликованной обложке The Economist

Раз в неделю The Economist присылает процесс создания своих обложек. На прошлой неделе для индийской версии журнала одним из вариантов была обложка с демографической пирамидой (у них снижается рождаемость).

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

Я подобрал на сайте Population pyramids примеры типовых состояний демографии

↗️ Рост населения. Широкое основание пирамиды. Большая доля детей и молодёжи. Такой профиль характерен для многих стран Африки (пример — Нигер)

⏸️ Стабильное население. Диаграмма выпуклая посередине. Размер поколений меняется незначительно (пример — США)

↘️ Сокращение населения. Узкое основание детей и заметная доля старших возрастов. Обычно у развитых, индустриализованных стран (пример — Япония)

🇷🇺 На российской диаграмме хорошо заметно преобладание женщин в старших возрастных группах.

🇰🇿 Казахстан — это демографическое исключение, которое я давно держу в голове. При высокой доле городского населения и индустриальной экономике рождаемость там остаётся заметно выше, чем в большинстве стран с сопоставимым уровнем урбанизации (3-4 ребёнка это норма). Поэтому его демографическая пирамида выглядит ближе к растущим странам, чем к типичным развитым экономикам.

120 000 лет генетической истории 193 жителей района Нью-Йорка
Файл без сжатия в комментариях

IBM и National Geographic в 2009 году провели совместный генетический проект. Собрали ДНК у 193 жителей района Квинс в Нью-Йорке и восстановили по мутациям пути их предков из Восточной Африки. Материал вышел под названием Genographic Project.

Один и тот же путь Homo sapiens показан в двух формах: в виде таймлайна (сколько людей и когда) и в виде дуг на карте (куда и каким путём).

Таймлайн миграций читается так:
● По горизонтали показано время. Слева 120 000 лет назад, справа — сегодня. Шкала логически разбита на интервалы по 10–20 тысяч лет.
● По вертикали распределены регионы мира.
● Цвет каждой полосы соответствует цвету региона на маленькой карте слева.
● Толщина потока означает количество добровольцев из Квинса, чьи предки прошли через этот регион.

Все 193 линии стартуют из Восточной Африки (зелёная полоса слева). По мере движения вправо поток ветвится и в конце приведено числами итоговое распределение.
Пунктирные линии показывают индивидуальные маршруты четырёх выделенных участников, чьи фотографии стоят справа.

Второй разворот в виде карты с дугами-стрелками показывает обобщённый маршрут расселения с датами первого появления Homo sapiens в каждом регионе. Старт 70 тыс. лет назад в Западной Африке, конечная точка — Северная Америка 15 тыс. лет назад.

Визуальная метафора сквозь статью

Статья журнала Harvard Business Review описывает структурный сдвиг в американской экономике за полвека. От экономики природных ресурсов и капитала к экономике, где главный актив это талант творцов: CEO, управленцев и специалистов с независимым суждением. В 1960 доля креативных позиций была 16% от всех рабочих мест, а в 2010 уже 33%.

Из-за этого случился скачок и быстрый рост вознаграждений CEO компаний, в том числе за счёт акций. Привязка вознаграждения к акциям должна была согласовать интересы менеджеров и акционеров. Но на деле создала стимул управлять ожиданиями рынка, а не реальными показателями компании.

Даётся вывод, что если «талант» сам не сбавит обороты, произойдёт ребалансировка не в его пользу через политическое регулирование.

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

Я тоже люблю делать так на слайдах.
Объект остаётся на одном месте, но вокруг него появляются новые смыслы и комментарии.

Так читающие постепенно привыкают к нарастающей сложности и способны к концу удержать в уме 5-6 сущностей, которые сложно понять, если они появляются одновременно.

Карта внешнеторговых связей СССР
Журнал «Наука и жизнь», ноябрь 1967

К пятидесятилетию Октябрьской революции редакция опубликовала разворот с картой торговых партнёров и эмблемами советских внешнеторговых объединений.

Подпись сообщает: торговля с 98 странами с оборотом в 15,1 млрд рублей. Без доли в общем мировом экспорте непонятно много это или мало. В данном случае маловато — всего 4-5% по быстрой прикидке.

Несколько наблюдений (много деталей, но постарался не душнить)
1. Карта построена в азимутальной проекции с центром в Москве. Расстояния от центра до любой точки сохраняются точно, остальные искажения растут к краям. Та же логика лежит в основе эмблемы ООН, только с центром в Северном полюсе.

2. ОАЭ на карте ещё нет, он будет создан через 4 года.

3. Кипр ещё не разделён на Южный и Северный. Это случится через 7 лет.

4. Шри-Ланка ещё 5 лет будет Цейлоном.

5. Внутренние границы Центральной и Южной Африки не прорисованы. К 1967 году волна независимостей уже прошла, но впереди ещё Ангола и Мозамбик, Зимбабве, Намибия.

6. Буквально с выпуском этого ноябрьского номера от ещё длинного Омана отделится половина — Народная Демократическая Республика Йемен, которая потом соединится с Йеменской Арабской Республикой, которая пока подписана просто Йемен.


Ещё интересно посмотреть на названия и эмблемы объединений: Скотоимпорт, Разноэкспорт, Союзпушнина, Совфрахт.


Карта без сжатия в комментариях.

Снижение размерности тензора данных для 2D карты на примере гибридных ВИЭ
Часть 2: детали для энергетиков

Если ставить ветряк и солнечную панель рядом и связывать их с аккумуляторной системой (BESS), получается более стабильный и относительно дешёвый источник электроэнергии за счёт того, что суточные и сезонные пики ветра и солнца часто не совпадают.

Данные из открытых источников:
Global Wind Atlas: скорость ветра на высоте 150 м
Global Solar Atlas: среднегодовая инсоляция горизонтальной поверхности (только до 60° с. ш.)

Что видно
🟩 Лучшая зона для гибридных ВИЭ — бирюзовая полоса по засушливым поясам обоих полушарий: Сахара, Аравия, Иранское нагорье, Патагония, юг Африки, северные штаты Мексики, северо-запад Китая. Там одновременно высокая инсоляция и устойчивые ветры.
🟨 Жёлтые зоны — потенциал солнца высокий, по ветру слабый: экваториальная Африка, бассейн Амазонки, индо-малайский архипелаг.
🟦 Синие зоны с лучшим ветром: морские побережья умеренных широт и северные равнины Евразии и Северной Америки.

Просто потенциала недостаточно для решения о строительстве. Для экономической оценки нужно наложить на карту слои: близость сетевой инфраструктуры, уклон рельефа, землеотвод и прочее. Это ещё более многомерный тензор данных, но в итоге всё сведётся к двухмерной карте по параметру окупаемости проектов IRR или EIRR.