глава 5

думайте как дизайнер 

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

Дизайнеры знают правила хорошего дизайна, но больше доверяют своим глазам. Вы можете подумать: «Но я же не дизайнер!» Перестаньте! Вы легко отличите качественный дизайн от халтуры. Познакомившись с рядом общих принципов и положительных примеров, вы обретете веру в себя и свою визуальную интуицию, а также получите конкретные и универсальные рекомендации по улучшению дизайна.

Предоставление возможности

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

Можно привести в пример бренд ОХО. На официальном сайте сказано, что отличительная черта продуктов компании — философия «универсального дизайна», которая делает их простыми в использовании. Возьмем, например, кухонные аксессуары этого бренда (одно время их продвигали на рынке как «кухонные принадлежности, за которые вы будете держаться»). В силу конструкции есть только один возможный способ держать их в руке — правильный. Таким образом, товары бренда ОХО дают возможность правильного применения без осознанных усилий пользователя (рис. 5.1).

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

Выделите важное

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

• Полужирное начертание, курсивное начертание, подчеркивание. Применяйте в заголовках, аннотациях, подписях, последовательностях коротких слов для дифференциации элементов. Полужирное начертание лучше курсива и подчеркивания, поскольку добавляет минимум информационного шума и четко выделяет выбранные элементы. Курсив также не вносит сильного информационного шума, но менее заметен и сложнее читается. Подчеркивание увеличивает информационный шум и сложнее читается, использовать его следует умеренно (или не применять вовсе).
• РЕГИСТР и начертание. Короткие слова, набранные заглавными буквами, легко читаются. Это свойство можно эффективно использовать в заголовках, подписях, ключевых словах. Не применяйте для выделения разные типы шрифтов, в этом случае сложно добиться желаемого эффекта без ущерба для эстетики.
• Цвет — мощное средство выделения, особенно при умеренном использовании и в сочетании с другими приемами (например, полужирным начертанием).
• Инвертирование элементов эффективно для привлечения внимания, но вносит сильный информационный шум, по­­этому им стоит пользоваться умеренно.
• Размер — еще один способ привлечь внимание и подчеркнуть важность.

Я опустила такой прием, как «мерцание/вспышка», который авторы рекомендуют применять только для обозначения особо важной информации, требующей немедленной реакции. Не рекомендую использовать его в визуальной коммуникации: такое оформление скорее раздражает, чем помогает.

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

Рассмотрим конкретный пример эффективного выделения в визуализации данных. Диаграмма, как на рис. 5.2, приведена в статье исследовательского центра Pew Research Center, опубликованной в феврале 2014 г. под названием «По новым данным переписи населения, больше американцев связывают себя узами брака, в основном это люди, получившие образование».

Как следовало из статьи, диаграмма должна была показать, что рост числа новых браков в период с 2011 по 2012 г. произошел исключительно за счет роста числа браков среди людей, получивших степень бакалавра и выше (игнорируем тот факт, что столбцы «Все категории» не отражают тенденцию роста). К сожалению, в таком виде визуализация не привлекает внимания к этой информации. Лично я замечаю лишь данные за 2012 г. по разным категориям, поскольку этот столбец темнее, чем остальные.

Изменив цветовые решения в диаграмме, можно полностью сместить акцент (рис. 5.3).

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

Исключите отвлекающие факторы

Как однажды сказал Антуан де Сент-Экзюпери, «совершенство достигается не тогда, когда уже нечего прибавить, но когда уже ничего нельзя отнять». В случае с визуализацией данных решение, что исключить или на чем не акцентировать внимание, порой важнее, чем решение, что добавить или выделить.

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

Вот несколько критериев, которые помогут определить потенциальные отвлекающие факторы.

• Не все данные одинаково важны. Используйте пространство своей презентации и внимание аудитории рационально, избавляйтесь от лишних данных или элементов.
• Когда можно обойтись без деталей, давайте общие выводы. Вы должны отлично знать тему до мелочей, но это не значит, что такой уровень детализации необходим аудитории. Подумайте, где лучше обойтись общими выводами.
• Задайте себе вопрос: что изменится, если удалить этот элемент? Ничего? Тогда смело удаляйте! Не поддавайтесь соблазну сохранить что-то, потому что это выглядит симпатично или вы потратили на это усилия. Если данные не поддерживают вашу основную мысль, они не отвечают цели коммуникации.
• Поместите необходимые, но не влияющие на смысл элементы на задний план. Опираясь на знания о привлекающих атрибутах, сместите фокус внимания аудитории. Для этого отлично подойдет светло-серый цвет.

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

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

Диаграмма изменена для устранения отвлекающих факторов. Самым серьезным из них стал выбор типа диаграммы — линейного графика. Как уже говорилось, с его помощью обычно легче показать динамику за определенный период. Кроме того, это помогло сократить число элементов: вместо пяти столбцов появилась одна линия с обозначением начальной и конечной точек. Так нам удалось полностью отразить данные с помощью четырех линий, а не 25 столбцов. Организация данных в формате линейного графика позволила использовать только ось Х для представления всех категорий. Изменения упростили процесс обработки информации (отпала необходимость смотреть год в легенде слева, а затем соотносить информацию по разным группам столбцов).

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

Значения округлены до целых. На диаграмме представлены данные по «Числу людей, вступивших в брак, на каждую 1000 человек», и кажется странным обсуждать число людей, используя десятичные дроби. Кроме того, очевидная разница между значениями подразумевает, что у нас нет необходимости в уровне детализации, который дают такие цифры. При принятии подобных решений важно ориентироваться на контекст.

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

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

За счет выделения важного и исключения отвлекающих факторов мы значительно улучшили визуализацию.

Создайте четкую визуальную иерархию информации

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

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

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

Сначала я читаю название диаграммы: «Число поломок vs. уровень удовлетворенности клиентов по моделям». Выделение полужирным слов «Число поломок» и «Уровень удовлетворенности клиентов» сигнализирует об их важности, я держу эту информацию в памяти при дальнейшей обработке данных.

Затем я перехожу к изучению подписей на осях и вижу рядом с осью Y: «Число поломок». Я фиксирую, что шкала идет от «Мало» (наверху) к «Много» (внизу). После этого я читаю подписи по оси Х: степень удовлетворенности клиентов ранжируется от «Низкой» (слева) к «Высокой» (справа).

Далее я обращаю внимание на темно-серую точку и подпись «Предыдущий год ср.». Благодаря линиям, показывающим расположение этой точки относительно осей, я быстро вижу, что средние показатели по предыдущему году составляли примерно 900 поломок на 1000 и 72% «довольных» и «очень довольных» клиентов. Эти данные полезны для сравнения показателей моделей этого года.

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

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

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

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

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

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

Доступность

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

В качестве примера доступного дизайна можно привести схему лондонского метрополитена, предложенную Гарри Беком в 1933 г. По ней нельзя оценить расстояния между станциями и их точное местоположение, но Бек счел это неважным: пассажирам нужно знать, как добраться от одной станции до другой и где пересаживаться с ветки на ветку. По сравнению с предыдущими схемами версия, созданная Беком, была простой и доступной. Она стала настоящим эталоном: по ее принципу созданы карты метро разных городов мира. С небольшими изменениями она используется по сей день.

Мы обсудим две стратегии, относящиеся к доступности, в контексте коммуникации на основе данных: 1) не усложняйте; 2) текст — ваш друг.

Не усложняйте

«Сложно прочесть — сложно выполнить». Это вывод из исследования, проведенного Хюньином Сонгом и Норбертом Шварцем из Университета Мичигана в 2008 г. Оно включало два эксперимента. В ходе первого ученые предложили двум группам студентов инструкции к упражнению. Для первой пояснения были напечатаны простым шрифтом Arial, а для второй — замысловатым Brushstroke. У студентов спросили, сколько времени, по их мнению, займет выполнение упражнения и насколько вероятно, что они к нему приступят. Результаты показали: чем замысловатее шрифт, тем сложнее казалось упражнение и тем меньше была вероятность, что студенты возьмутся за него. В ходе второго эксперимента исследователи предлагали респондентам рецепт суши; результат был похожим.

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

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

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

Речь не о чрезмерном упрощении, а о том, чтобы не усложнять материал без необходимости. Однажды я слушала презентацию спикера с кандидатской степенью. Несомненно, он был умен. Когда он в первый раз произнес длинный термин, я восхитилась его словарным запасом. Однако, когда он продолжил в том же духе, я начала терять терпение. Его объяснения были излишне научными, слова — чересчур длинными. Нужно было напрячься, чтобы уследить за ходом его мысли. Мне становилось всё сложнее его слушать, а мое раздражение росло.

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

Текст — ваш друг

Правильное использование текста обеспечивает доступность для аудитории. В коммуникации на основе данных он играет несколько ролей: называет, объясняет, усиливает, выделяет, рекомендует, рассказывает историю.

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

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

Когда речь идет о словах в контексте визуализации данных, иногда полезно обозначить важные или интересные значения прямо на диаграмме. Можно использовать подписи для объяснения нюансов, выделения с целью привлечения внимания или описания внешних факторов. Один из моих любимых примеров использования подписей при визуализации — диаграмма Дэвида Маккэндлесса «Когда происходит больше всего расставаний, согласно обновлениям статусов на Facebook» на рис. 5.7.

Если читать подписи на диаграмме слева направо, мы видим умеренный рост на День святого Валентина, затем значительный рост в начале весны (с остроумным подзаголовком: «Весенняя уборка?»). Далее резкий рост на 1 апреля. Отдельно выделена тенденция расставаться по понедельникам. Небольшой рост и спад наблюдаются в период летних отпусков. Затем можно видеть неуклонный рост числа расставаний перед новогодними и рождественскими праздниками, но резкое падение на Рождество, возможно потому, что расставаться в этот праздник «слишком жестоко».

Обратите внимание, насколько быстрее помогает понять эти данные правильный текст.

Рис. 5.7 требует комментария. Ранее я говорила, что все оси должны иметь название. Здесь это правило намеренно нарушено. К тому же рост и падение отражены на диаграмме относительно. Из-за отсутствия названия и значений по вертикальной оси пользователь не может начать спорить (Какие значения приводятся? Как их получили? Согласен ли я с ними?). Это был осознанный выбор дизайнера, который в большинстве случаев не сработает, но здесь оказался эффективным.

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

Рис. 5.8 — симпатичная картинка, но данный график ничего не значит без пояснений. Это исправлено в диаграмме на рис. 5.9, где добавлен текст.

В диаграмме на рис. 5.9 добавлен нужный текст: название диаграммы, названия осей, примечание с источником данных. В диаграмме на рис. 5.10 есть название, содержащее рекомендацию, и пояснение к нему.

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

Эстетика

Должна ли коммуникация на основе данных быть «красивой»? Ответ: конечно, да! Люди воспринимают более эстетичный дизайн как более понятный, независимо от того, так ли это на самом деле. По результатам исследований, люди также охотнее выбирают более эстетичный дизайн и используют его долгое время. Он стимулирует творческое мышление, укреп­ляет отношения, делает пользователей более терпимыми к другим проблемам.

В качестве наглядного примера можно привести старый дизайн бутылки с жидким мылом для посуды Method (рис. 5.11). Благодаря антропоморфной форме он стал предметом искусства, который старались поставить на видное место, а не спрятать в шкафчик. Потребители охотно покупали жидкое мыло в такой бутылке, несмотря на проблему протекания. Они были готовы терпеть неудобства ради привлекательного дизайна.

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

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

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

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

Цвет, выравнивание и свободное пространство — элементы дизайна, которые вы даже не замечаете, если они грамотно организованы. При этом вы сразу увидите их недостатки: все цвета радуги, отсутствие выравнивания и пустого пространства делают визуализацию плохо читаемой. Создается ощущение, что о деталях не подумали. Это может быть расценено как не­­уважение к данным и аудитории. Проанализируем рис. 5.12. Представьте, что вы работаете в известной американской розничной сети. Диаграмма отображает демографический состав населения США и ваших клиентов по семи сегментам (например, возрастам).

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

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

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

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

На рис. 5.13 показано, как могла бы быть представлена та же информация, если исправить дизайнерские недочеты.

Разве вы не готовы потратить на изучение рис. 5.13 чуть больше времени? Очевидно, что дизайнер внимательно отнесся к деталям и приложил усилия, чтобы получить такой результат. Это накладывает на аудиторию обязательство уделить этой диаграмме время и понять ее (и такого не возникает в случае плохого дизайна). Правильный выбор цветов, выравнивание и стратегическое использование свободного пространства структурируют визуализацию. Внимание к эстетическому аспекту показывает ваше общее уважение к своей работе и аудитории.

Принятие

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

Я регулярно слышу такой вопрос на моих семинарах: «Я хочу что-то изменить в том, как в нашей компании смотрят на определенные явления, но все мои попытки наталкиваются на сопротивление. Люди привыкли действовать стандартно и не хотят, чтобы что-то менялось».

Особенность, заложенная в человеке от природы, в том, что любые перемены вызывают ощущение дискомфорта. Уильям Лидвелл и его коллеги в книге Universal Principles of Design, 2010 («Универсальные принципы дизайна») описывают эту общую тенденцию сопротивляться новому, поскольку есть известное и привычное старое. Поэтому вносить изменения в то, «что мы всегда делали только так», порой даже сложнее, чем полностью заменить старый образ действий новым.

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

• Расскажите о преимуществах нового или другого подхода. Иногда достаточно объяснить людям плюсы того, что что-то будет выглядеть иначе, и — они охотнее примут изменения. Возможно, они увидят что-то новое, если взглянуть на данные под другим углом? Или получат преимущества, которые вы можете озвучить, чтобы убедить их принять перемены?
• Проведите пошаговое сравнение двух подходов. Если новый подход явно лучше прежнего, это покажет их сравнение. Примените новый метод в сочетании с предыдущим: сравните и объясните, почему вы хотите изменить взгляд на какие-то вещи.
• Предложите несколько вариантов и попросите обратную связь. Вместо того чтобы навязывать один вариант дизайна, создайте несколько версий и спросите мнение коллег или аудитории (если возможно), чтобы решить, какая из них лучше всего отвечает вашим задачам.
• Заручитесь поддержкой «лидеров мнений». Определите «лидера мнений» среди аудитории и поговорите с ним один на один, чтобы убедить его принять ваш дизайн. Попросите его высказать свое мнение и учтите его замечания. Если вы заручитесь поддержкой одного или нескольких таких людей, возможно, за ними последуют и остальные.

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

Выводы

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

Поздравляю! Вы выучили пятый урок сторителлинга на основе данных: начните думать как дизайнер.

Отправить