Искусство объяснять. Как сделать так, чтобы вас понимали с полуслова

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

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

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

Скотт Макклауд, Understanding Comics, 31

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

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

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

Мультфильм – это вакуум, к которому притягиваются личность и сознание… пустая оболочка, в которую мы заселяемся, и это позволяет нам путешествовать в другие миры. Мы не просто смотрим мультфильм, мы становимся им!

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

Скриншоты

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

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

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

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

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

Инфографика

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

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

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

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

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