Вот еще один пример. Этот образ мы используем в объяснениях, связанных с браузерами:

Хотя это упрощенное изображение браузера, люди сразу же его узнают. Такие примеры – часть стратегии, направленной на достижение простоты путем удаления шумов. Лица людей, кнопки на браузере – в контексте видео Common Craft это все шумы.

Позвольте объяснить.

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

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

Задолго до создания видеороликов Common Craft я прочитал удивительную книгу Скотта Макклауда (McCloud Scott, 1994) под названием Understanding Comics. В ней автор высказывает следующую точку зрения на комиксы:

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

Макклауд продолжает:

В этом состоит наша цель в Common Craft: чтобы в персонажах, которые мы используем в видеороликах, люди увидели себя. Убирая лица, мы создаем для этого условия.

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

«Twitter для бизнеса»: www.commoncraft.com/video/twitter-business

«Социальные сети (Facebook)»: www.commoncraft.com/video/socialnetworking-Facebook

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

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

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

В последние годы появился интересный способ представления информации – инфографика. Обычно это нечто вроде постеров, которые представляют информацию в уникальной форме. Они довольно сложны, создаются графическими дизайнерами или профессиональными визуализаторами данных. Пожалуй, один из самых известных – Чарльз Минард, который использовал визуализацию, чтобы показать нашествие Наполеона на Россию в 1812–1813 годах.

Этот график одновременно показывает несколько переменных:

• Численность армии: дает яркое представление о человеческих страданиях, например показывает резкое уменьшение численного состава армии при переправе через реку Березину при отступлении.

• Географические координаты (широта и долгота): местонахождение армии во время продвижения.

• Направление, в котором шла армия: показывает, где при наступлении и отступлении подразделения расходились и соединялись.

• Расположение армии в определенные дни.

• Погода и температура во время отступления: еще одна мощная визуализация событий (отступление происходило в «одну из самых холодных зим на памяти старожилов») (Corbett John, 2012).

Мне нравится эта визуализация из-за простого использования ширины линии в качестве показателя численности армии – это очень впечатляет. Однако какой бы замечательной она ни была, я вовсе не рекомендую пытаться повторить это для объяснений. Если вы сможете – замечательно, но это работа гения.

Сегодня инфографика скорее развлекает и способна художественно представить тенденции моды, принятие технологий, сопоставление данных по разным странам и т. д. Приведенные ниже примеры сделаны компанией из Сиэтла, которая называется Killer Infographics («Убийственная инфографика»). Первая картинка предлагает информацию о преимуществах утилизации старых автомобилей, а вторая – историю фотоаппарата Nikon.