Что такое хорошо и что такое плохо? В разделе Критический взгляд мы пишем о качестве визуализации данных, приводим примеры, объясняем теоретические основы визуальной грамотности, рассказываем о проектах на эту тему. В Telegram есть отличный канал — Чартомойка. Там Александр Богачев разбирает графики — качество данных, выбор графика, дизайн, рассказывает и показывает все в деталях. То что надо для развития критического взгляда.
С октября 2017 совместно с Андреем Дорожным они запустили конкурс визуализации данных — Один Раз Увидеть (ОРУ). Раз в неделю они предоставляют датасет, дают неделю на визуализацию, а потом подводят итоги, комментируя присланные работы. Оценивается смысл (идея и история, которую рассказывает визуализация) и реализация. Интересно смотреть, как один и тот же датасет находит совершенно разное выражение — в разных графиках, в статике или интерактивах, в плакатах или для web. Интересно читать профессиональные комментарии и думать — что хотел сказать автор, где у него получилось, а где мысль заблудилась. Ниже — ссылки на результаты конкурса с примерами работ.
Задание 1. Губернаторы
Можно изучить сроки полномочий, рейтинг, партийность, происождение, возраст и даже гороскоп губернаторов.
Задание 2. Браки по возрастам
Можно проследить, как менялись тренды с советских времен, через 90е, до настоящего времени.
Задание 3. Юрий Дудь
Лайки, дислайки, комментарии, рост аудитории выпусков вДудь в зависимости от приглашенных гостей. Плюс немного о лингвистическом анализе, заработке с просмотров и категориях приглашенных.
Задание 4. Население России
Сельское население Vs Городское. И по возрастам.
Задание 5. Московское метро
Глубина, загрузка, годы открытия (при ком, какие открывались).
Задание 6. Климат России
Где жарко, где холодно, где словить максимум ощущений, откуда ждать неожиданностей.
Задание 7. От чего умирают в России
Болезни и не болезни. На первом месте — проблемы с системой кровообращения.
Пилотный конкурс проводится до Нового Года, и мы обязательно поделимся темами за декабрь тут тоже.
Мы встретили Маргарет Хаган на Infographics Conference 2017 в голландском городе Зейст этой весной и впечатлились ее идеей сделать законы и юридические процессы понятными. Как отметила Маргарет, мы часто сталкиваемся с юридическими вопросами в сложные моменты жизни — в процессе переездов, разводов, аварий. Состояние стресса в совокупности с замутненностью всех процессов сводит способность разобраться в тонкостях самостоятельно к минимуму. Но к слову сказать, и корпоративное право ясностью не отличается. По мнению Маргарет, визуальное мышление станет решением вопроса. Если совместить дизайн (умение создавать вещи, которые люди хотят и могут использовать), технологии (для повышения эффективности действий) и закон (настрой на создание справедливого общества и появление новых возможностей для людей), мы сможем создать системы, которые упростят нашу жизнь.
Многим кажется, что дизайн про украшательство. На самом деле, современный дизайн уже давно не про это. Он про подход к решению конкретных проблем и задач; про взгляд c нестандартной стороны, который позволяет перестроить устаревшие системы, увидеть структурные проблемы, про практичность и удобство в использовании.
Когда Маргарет училась на юриста, пройти через бесконечные талмуды ей помогла способность визуализировать структуры и процессы. Теперь она преподает юриспруденцию дизайнерам, является доктором юриспруденции и членом научного сообщества юристов в Стэнфорде. Она также основатель LEGAL DESIGN LAB — лаборатории, которая работает на пересечении юриспруденции, дизайна и технологий. Лаборатория ставит перед собой три задачи: разработка удобных и доступных для пользователей юридических сервисов; обучение студентов и профессионалов подходу к юридической деятельности с позиции пользователя; исследование возможностей для инноваций в сфере юриспруденции и потребностей пользователей.
С 2013 года лаборатория разработала много интересных материалов, которыми мы хотим с вами поделиться (все на английском):
Я бы хотел внедрить в сознание неопределенность.
Снизить градус уверенности в мнениях и идеологиях
Этим летом Альберто Каиро запустил лекционный тур, который назвал Visual Trumpery. И он не про Трампа, как вы подумали, а про то, почему нами так легко манипулировать.
Само слово trumpery обозначает нечто привлекательное, но пуcтое. На русский переводится как показуха или мишура. Как ни печально, но такое часто встречается в дизайне и в курсирующих массах инфографики. Стоит облечь информацию в красивые картинки на компьютере или «серьезные» графики, и все уже думают, что это истина в последней инстанции. В своей лекции Альберто Каиро рассказывает, как выработать в себе привычку распознавать мишуру.
Журналисты упрощают информацию на графиках, потому что не умеют обращаться с данными. Люди не знают, как читать графики и не знакомы с теорией вероятностей, поэтому их легко ввести в заблуждение. Чаще всего мы верим в то, во что хотим верить, не проверяем источники информации, не задумываемся о градусе вероятности. Выходом из ситуации могут стать качественные комментарии с объяснениями, как читать график и как его интерпретировать.
Есть и более творческий вариант — самой формой графика показать, что в данные заложены разные уровни вероятности. Хороший пример — проект Моны Шалаби.
Люди адаптируют данные, чтобы они подтверждали их теорию и можно было убедить других в своей правоте. Это старый прием в новой оболочке. «Все», «лучший», «ученые доказали», нагромождение фактов без особого смысла так, чтобы никто ничего не понял, и оформление этого всего в нарядную оболочку. Про это мы публиковали отличную статью Максима Ильяхова.
Ложь — это не только искажение данных, но и их утаивание. Утаивание может быть умышленное или в связи с недостатком данных. Помните историю про репрессии в Советском Союзе?
Альберто Каиро настоятельно рекомендует проверять источники и информацию не только, когда вы сами что-то создаете, но и когда вы ее репостите. Прежде чем что-либо опубликовать, задумайтесь о своих предустановках — быть правдивым важнее, чем быть победителем.
Свежее про Visual Trumpery смотрите по #visualTrumpery в Twitter, слушайте в подкасте на Data Story и читайте в конспекте лекции Maria Crosas Batista. А ниже книги, рекомендованные Альберто Каиро.
Below some books to tackle the lack of knowledge on statistics in Journalism via @albertocairo #visualTrumpery pic.twitter.com/WgZfvLGESR
— Maria Crosas (@mcrosasb) June 9, 2017
Prescripció lectora a la xerrada #visualtrumpery avui a @FBiD_UB pic.twitter.com/3Ke7dCqUsP
— Cristóbal Urbano (@Xbal_Urbano) June 9, 2017
Цвет в графиках — носитель информации. Если вы закладываете информацию в цвет, а цвет не очевиден, считать ее сложно. Красный/зеленый, синий/желтый находятся в противоположных частях спектра. Тон диаметрально противоположен, но это не самый главный показатель цвета для графиков. Важнее тут светлота. Если светлота одинакова, информацию будет сложно воспринимать. Если цветов слишком много, они будут рябить в глазах. Если легенда основана только на прочтении цветов, и цвета близки, глаза начинают путаться в оттенках.
Черный дает самый сильный контраст. Наиболее эффективное сочетание — черный текст на светлом фоне. Цветной текст сложно читать. Если вам нужен темный фон, пишите текст белым, не цветным.
Подписи непосредственно на графике читать удобнее. Если вам нужно вынести их в легенду, убедитесь в том, что сильный контраст в светлоте.
Помимо более темного оттенка цвета, вы также можете использовать полужирный шрифт. Обратите внимание на график спарава — благодаря избыточности, больше шансов, что нужная информация будет замечена.
Если вы используете другой цвет, чтобы выделить элементы графика, используйте более светлый или темный тон для этого элемента. В этом случае глазам проще увидеть разницу. Контраст облегчает задачи читателя.
Распечатайте график в черно-белом варианте, чтобы проверить достаточно ли контраста по светлоте. Цвета сработают только, если контраста будет достаточно.
Мы разобрали, с чего начинать при создании графиков и диаграмм (4 правила создания диаграмм, которые работают) и основы читабильности (шрифты в диаграммах). Продолжим конкретными примерами — dos & don’ts по текстовому оформлению графиков от Донны М. Вонг.
1. НЕ позволяйте типографике забивать графики
2. Сохраняйте читабельность заголовков и подписей
3. Следите за читабельностью текста на фоне
4. Выделяйте только самое необходимое
Дизайнеры видят мир по-другому. Это не секрет. И главное тут подход. Там, где большинство видит препятствие, причину для паники или раздражения, дизайнеры видят новую возможность что-нибудь улучшить. Вот пример с мартовского Infographic congress 2017 в Голландии.
Stop reading your recipe 3 times. Just look and cook.
*Перестань перечитывать рецепты по три раза. Смотри и готовь!
Мартину Янсену и Фабиану Валькенбергу из Janssen&Valkenberg надоело путаться в книгах с рецептами, и они решили сделать готовку наглядной — cooking made easy peasy. Так они придумали Cooktus.
Они взяли за основу timeline — сразу видно, сколько времени это все займет, почему и в какой последовательности действовать. У каждого продукта — своя ветка. Вместе все продукты и процессы собираются в одно готовое блюдо.
Вуаля!
Сегодня мы представляем вам авторскую статью Алексея Обжорина, кандидата филологических наук, создателя научно-популярного журнала Метеор-Сити.
Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до того, как начинает различать отдельные компоненты. То есть, целостный образ — это не просто сумма отдельных частей, а самостоятельный объект. Теория работает, благодаря устройству нашего мозга, который по природе склонен создавать порядок из хаоса. Законы работают в 99,9% случаев, потому что являются врожденными для каждого человека. Их знание полезно дизайнеру, т.к. помогает организовать визуальные объекты эффективно для восприятия.
Создать сходство (или контраст) в инфографике можно с помощью цвета, размера или формы. Дизайнеры также используют одинаковый фон для того, что хотят объединить, контрасты для выделения главных элементов из группы. Но хорошие дизайнеры при этом помнят, что на одном экране не должно быть слишком много контрастов, т.к. это будет отвлекать и усложнять восприятие.
Пример из области манипуляций сознанием — фото политика размещают в журнале или на новостном сайте в окружении положительных фото (природа, дети, счастливые люди) и его рейтинг растет, т.к. зрители приписывают ему положительные качества, сами того не осознавая [2].
Это правило реализуется и в композиции — изображения должны гармонично вписываться в фон, оставляя свободное место вокруг. Связанные элементы нужно держать вместе и наоборот. Это не только уменьшает риск того, что зритель не поймет связи между общими компонентами, но и заставляет мозг сравнивать, искать сходства и связи между нужными автору предметами. Главное для дизайнера соотносить действие этой закономерности с приоритетами информации на каждом отдельном экране инфографики, то есть группировать только то, что поддерживает общую логику инфографики.
Закон простоты также называют законом «хорошей» формы — подсознательное предпочтение человек отдает наиболее простым и устойчивым фигурам. Они архетипически ассоциируются со стабильным положением в пространстве. От простых, понятных, симметричных фигур подсознание не ожидает никаких опасностей или неожиданностей, поэтому может спокойно сосредоточиться на содержании этих фигур. Кстати, времени на простые фигуры у мозга уходит меньше, значит и нужная информация доходит до сознания быстрее.
В инфографике это означает, что экран воспринимается полностью и вся композиция должна вписываться в простые формы — квадрат, круг или треугольник. Эффект достигается и следующим образом: максимально упростить графическую форму при первом восприятии. И только потом усложнять ее, постепенно добавляя новые и новые элементы, если это действительно необходимо. Создав инфографику, нужно проанализировать ее с позиции данного принципа. И отсечь все, что усложняет композицию и отвлекает от созерцания гармонии.
И в инфографике зритель подсознательно ищет знакомые образы, дополняя или исключая элементы, которые этому мешают. Закон можно использовать так — обозначить границы или «намекнуть» отдельными частями на хорошо знакомый людям объект — а особенности восприятия «автоматически» дополнят картину. Ключевым моментом здесь будет опора на тот образ, который обязательно знаком зрителю, ведь то, что ранее не воспринималось, не будет узнано и дополнено.
Автор: Алексей Обжорин
Учредитель научно-популярного журнала Метеор-Сити
Кандидат филологических наук, специалист в области иностранных языков, ораторского искусства и визуальной коммуникации
По материалам:
Gutierrez K. Understanding and Using the Laws of Perception in eLearning Design. http://elearninginfographics.com/visual-perception-laws-in-elearning-design-infographic/
Другие источники:
Из книги Найджела Холмса Wordless Diagrams
Из диалога с Найджелом:
Я давно ратую за юмор в инфографике. Это способ подружиться с читателями, помочь им расслабиться, когда перед ними вереница чисел или замысловатые научные концепции. Мне всегда хотелось, чтобы читатель получал удовольствие от изучения, а не чувство, что он делает домашнюю работу. Если я вызову улыбку — я уже наполовину помогу читателю увидеть то, что я пытаюсь объяснить. Многие академики и data-дизайнеры ненавидят такой подход. Они настаивают на «фактах и только фактах». Любое отклонение — это зло, зло, зло! Они даже придумывают псевдонаучные теории, которые важно звучат “optimal data-ink-ratio” или “chartjunk.” (те же самые пуристы часто допускают элегантный дизайн, результатом которого становится data art с едва различимым смыслом. И это то, что я называю chartjunk).
Я не утверждаю, что вся инфографика должна быть смешной. Или какая-либо вообще. Может, юмор и неправильное слово. я скорее имею ввиду «хороший юмор» — положительное чувство, чувство дружелюбного настроя и открытости. Конечно, некоторые темы серьезны сами по себе, и там нет пространства для юмора — речь идет о раке, рабстве, терроризме. Но разве нам нужно быть такими серьезными во всем остальном? Почему мы не позволяем себе сделать графику чуть более доступной — включить элемент, который вызовет улыбку. Неужели серьезность автоматически делает источник авторитетным, а веселая картинка — нет?
Источник: Nigel Holmes on humor
Начинаем новую рубрику. Мы недавно поняли, что у нас на сайте за 7 лет накопилось уже много всякого рода материалов, и решили собрать их в небольшие подборки на тему и обучалки.
Вот вам для вдохновения — гуру презентаций Нэнси Дуарте и ее TED talk — «Секретная структура великих презентаций».
Нэнси проанализировала множество успешных презентаций и поняла, что в их основе одинаковая структура. Выглядит она — вот так:
В видео она анализирует презентацию первого iPhone и речь «I have a dream» Мартина Лютера Кинга.
Нэнси Дуарте также знаменита своей книгой Slide:ology, в которой она рассказывает о том, как правильно составлять и проводить презентации. А еще мы переводили ее статью о том, как использовать Power Point для работы с текстами, набросками и макетами.
Переопубликуем еще кусок шикарнго списка литератутры о презентациях и коммуникации от Энди Кирка.
Тоже уже можно найти много всего интересного. Мы писали однажды про книгу Алексея Каптерева «Мастерство презентации». В издательстве Манн, Иванов и Фебер можно найти еще несколько качественных книг про презентации.
Наш пост про прототип Power Point — диафильмы. С бонусом в виде истории про катализ и катализаторы.
В информационную эру данные становятся таким же ценным ресурсом, как нефть. Добывать и хранить данные российские компании уже умеют, а работать с ними, анализировать и извлекать прибыль научились немногие.
Визуализация помогает понять и проанализировать сложные данные, а современные технологии дали новый формат коммуникации – информационные панели (дэшборды). Они являются частным случаем управленческих отчетов. Я уже писал о тонкой грани между ними, а также о видах отчетов. Теперь хочу глубже подойди к вопросу целевой аудитории и сценариев использования. Кто в реальности пользуется дашбордами, помогают ли они увеличить прибыль компании?
Почитав блог Авинаша Каушика, я систематизировал уровни принятия решений и место информационных панелей в этом процессе. В средних и крупных компаниях существует пять уровней и сотрудников, перед которыми стоят различные задачи.
Если сопоставить эту «пищевую цепь» принятия решений с объемами информации, которая проходит через людей, то получится такая картина: чем больше важных решений принимает человек, тем меньше данных он способен анализировать. Это глобальное нарушение симметрии между теми, кто имеет доступ к данным, и теми, кто имеет имеет право действовать.
Рассмотрим подробнее. На нижнем уровне — исполнители, они не анализируют и ничего не решают, просто отчитываются. Тот небольшой объем информации, который действительно необходим в работе, у них на кончиках пальцев, в подручных записях. Попытка заставить их собирать дополнительные данные усложняет их работу, а значит, всегда есть риск получить недостоверную информацию.
Отсюда и возникает ситуация, когда за сбор аналитических данных в компании отвечают руководители. А те, как «правильные менеджеры», делегируют задачу одному из исполнителей или вообще в ИТ. Первичные данные красиво оформляются, создается множество отчетов в информационных системах, но этап аналитической обработки теряется.
Руководители среднего звена полагают, что «наверху виднее», и направляют топ-менеджерам массу лишних отчетов, в которых невозможно разобраться. В результате – интуитивное принятие решений. Никакого моделирования, детальной оценки рисков и перспектив, только политика и риторика.
Итого:
По своей сути дашборд – это новый носитель информации. Инструмент коммуникации, который, в отличие от таблиц и слайдов, обеспечивает интерактивное взаимодействие: позволяет «провалиться» в данные, посмотреть в разных разрезах. Он помогает наладить коммуникацию на разных уровнях иерархии: хороший дашборд понятен одновременно руководителю и исполнителю; или в паре топ-менеджер — руководитель. К этой картине стоит добавить роль аналитика-стратега, который в крупных компаниях работает на уровне топ-менеджеров.
Исполнитель – руководитель
У исполнителя нет мотивации предоставлять отчеты, потому что он не знает, для чего эта информация нужна. Если наглядно показать ему результаты, динамику показателей, то это подстегнет рядового сотрудника мыслить шире, задумываться о последствиях: какой процент премии он получит за выполнение текущих задач, каков его вклад в выполнение плана всего отдела, какова динамика его производительности. То есть инфопанель позволит сотруднику посмотреть на себя глазами руководителя. А руководителю она даст объективный рейтинг, позволит оценивать всех по единой системе.
Топ-менеджер – аналитик.
А вот пример отчета, понятного и аналитику, и топ-менеджеру. Исходный массив содержал тысячи строк за каждый день, причем логисту достаточно было работать в сводных таблицах, делать свои выборки: кто, куда вез груз, по какой железной дороге, вплоть до вида вагона. Но коммерческому директору тоже важно было понимать структуру и динамику рынка. В итоге мы получили дэшборд, который содержит 20% исходной информации, но дает ответы на 95% управленческих вопросов.
Собственник – топ-менеджеры
Но далеко не всегда удается достичь успеха. Однажды директор и владелец алкогольной компании жаловался мне на проблемы с управленческой отчетностью. У него было три зама по направлениям торговли: водка, вино и коньяк. В компании падала прибыль, а в отчетах замов все было хорошо: каждый предоставлял подробные отчеты в своих «оптимистичных» единицах измерения: кто в отгруженных объемах, кто в оплаченных, с учетом бонусов поставщика и без расчетов с магазинами и так далее. Плюс — у каждого были прогнозы и допущения на словах. В итоге директор тонул в объеме информации, пытался вникнуть во все детали, а систематизировать KPI и отчеты ему было некогда. Позже я узнал, что компания закрылась, так и не дождавшись своего дашборда на миллион.
К сожалению, у меня нет шаблонов и лучших практик, которые будут гарантировать успех. Эта область визуализации данных находится на стыке экономики, корпоративного менеджмента и субъективного восприятия информации людьми разных поколений. Работа с дизайном и юзабилити ведется на последнем этапе, когда детально проработано содержание информационных панелей. Даже те примеры, которые я привел, отличаются от идеальной модели. Существуют базовые принципы, но только практика поможет вам научиться преобразовывать массивы таблиц в понятную бизнес-инфографику. И не стройте иллюзий, что у вас появится «четкое техзадание на дашборд», ни один топ-менеджер его не напишет.
Вам придется взять на себя инициативу, сформулировать гипотезы, сделать несколько вариантов эскизов, протестировать их на фокус-группе, а потом предложить бизнесу на выбор 2-3 варианта стратегического отчета. И уже в ответ на это топ-менеджер объяснит, что ему важно и может быть даст вам полномочия не только анализировать, но и принимать решения.