• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: Теория 10

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

10 ценных советов от Jon Schwabish для работы с визуализацией данных

5 мес. назад Колонка со-авторов, Теориявизуальное мышление, обучение

В прошлом посте мы писали о «4х базовых принципах визуализации данных», которые сформулировал экономист, специалист по визуализации данных и презентациям Jon Schwabish. На этот раз переводим вторую часть его памятки — еще 10 советов, которые помогут вам сориентироваться при создании визуализации.

Учитывайте аудиторию

Подумайте, что нужно вашей аудитории — короткий письменный отчет, статья с деталями или он-лайн инструмент для исследования.

Включите аннотацию

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

Осторожнее с круговыми диаграммами

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


Избегайте 3D

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

Начинайте столбиковые диаграммы с ноля

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

 

Следите за тем, чтобы лейблы было легко читать

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

Разбивайте на небольшие куски информации

Эффективным способом визуализировать информацию может быть разбивка сложного графика на несколько простых.

Осторожнее с картами

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

 

Цвета и шрифты

 Избегайте шрифтов «по умолчанию». Они все одинаковые и ничем не выделяются.

 


Учитывайте дальтонизм. Около 10% людей (преимущественно мужчины) — дальтоники.

 


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

 

 

Инструмент для планирования визуализации: форма и функция

 

 

Источник: DataViz Cheatsheet by Jon Schwabish

 

 

Две визуализации о материальности интернета — цифры vs деревья

10 мес. назад Примеры визуализации, Теориявизуальное восприяние, визуальное мышление

Когда кликнуть легко и интерфейс user-friendly, кажется, что интернет живет где-то в волшебном невесомом пространстве. Работа Joana Moll направлена на то, чтобы показать, что за этим стоит в материальной реальности. Она проводит мастер-классы, где учит взламывать алгоритмы за известными интерфейсами и прорисовывать структуру путешествия данных по проводам через несколько стран, дает лекции и делает арт-проекты на эту тему.

Хочу показать два проекта — CO2GLE и DEFOOOOOOOOOOOOOOOOOOOOOREST. Они под немного разным углом доносят одну и ту же мысль. На этой разнице я и хочу сделать акцент. Оба проекта о том, сколько углекислого газа выделяется за секунду работы Google. Google — самый посещаемый сайт в мире, он весит 2 мегабайта и каждую секунду обрабатывает около 47000 запросов, что эквивалентно 500 килограммам выбросов углерода в секунду. Кликнув GO2GLE, вы увидите сколько углерода Google выбросил, пока вы смотрели на страницу сайта.

Google.com выбросил 339987,27 кг углекислого газа с тех пор, как вы открыли на эту страницу

Цифры, конечно, впечатляют, но мало о чем говорят неподготовленному человеку. Поэтому во втором проекте  Joana Moll добавила ориентир. В среднем, дерево поглощает 21,77 кг углекислого газа в год, и для того чтобы компенсировать выброс от поиска Google, нужно сажать 23 дерева в секунду.  Кликнув DEFOOOOOOOOOOOOOOOOOOOOOREST, вы увидите, как экран быстро заполняется деревьями. Тут цифры становятся уже нагляднее.

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

 

 

 

 

Подборка: anti-bullshit

1 год назад Колонка со-авторов, Критический взгляд, Теориявизуальное восприяние, визуальное мышление

2017 получился годом anti-bullshit. Мы много писали и публиковали статей на эту тему. Так много, что назрела уже целая подборка из четырех категорий.

Xaquín González Veira — пафосная визуализация vs. лучший график для этих данных

Теория: как работает мозг

  • Иллюзии мозга. Когнитивные искажения из-за переизбытка информации. В работе с широкими массами профессионалы используют способы обхода механизма цензуры, который в мозге фильтрует информацию, поступающего из внешнего мира. Например, если усилить информацию эмоционально, то вербальное или невербальное послание легче пройдёт встроенные фильтры сознания и надолго сохранится в памяти потребителя информации. Подробная статья про пять видов когнитивных искажений от Анатолий Ализар & Buster Benson.
  • Нейробиологи увидели реакцию мозга на контраргументы. Если человека пытаются заставить поменять собственные убеждения, то у него активируются области мозга, которые ассоциируются с эмоциональной реакцией на угрозу и с представлениями о себе. О том как работает сопротивление психики от Кристины Уласович.
  • Как работают 4 базовых закона восприятия в дизайне? Взгляд (и разум) воспринимает объект как целостную структуру до того, как начинает различать отдельные компоненты. То есть, целостный образ — это не просто сумма отдельных частей, а самостоятельный объект. Четыре закона восприятия с примерами на основе теории Гештальта от Алексея Обжорина.

Практика: что делать, чтобы качественно доносить информацию

  • Факты. Что такое 60 метров? Это легко представить. А теперь представьте те же 60 метров, но не в длину, а в высоту. Сколько это? Сложнее, да? Мы легко представляем это расстояние горизонтально, потому что у нас есть опыт: мы как минимум бегали стометровку. Но это же расстояние вверх представить труднее, потому что нет никакого опыта. Факты сами по себе ничего не дают. Мало просто навалить фактов. Статья Максима Ильяхова после которой станет понятно, как использовать факты эффективно.
  • 4 правила создания диаграмм, которые работают, от Донны М. Вонг. Как подступиться и на что обращать внимание при визуализации информации.Берем четыре этапа-правила, используем как чек-лист.
  • 9 отвлекающих моментов в визуализации данных. Немного юмора в картинках по мотивам мема distracted boyfriend от визуального редактора «The Guardian» Xaquín González Veira. Опять же о том «как подступиться».

Примеры: кто уже наврал, и как это заметить

  • О вреде среднего арифметического. Все началось с твитта Дональда Трампа про рост ВВП в США. Альберто Каиро разобрал график из твитта и объяснил, как распознать манипуляции средним арифметическим.
  • Что нужно знать о данных человеку, который любит их визуализировать. Все началось с записи жж-юзера burckina_new «Что нужно знать о репрессиях человеку, любящему свою страну?». В статье автор утверждает, что советские репрессии сильно преувеличены ради злого умысла. Пост вызвал бурю критических комментариев, а археолог Павел Колосницын написал подробную ответную статью «Что надо знать о том как можно манипулировать с цифрами, человеку, любящему свою страну». Мы проанализировали все это с точки зрения графиков.  
  • О манипуляции восприятием на примере «разрешений на прослушку выданных спецслужбам». Все началось с Медузы, которая в материале от 9 октября цитирует авторов книги «Битва за рунет»: «В 2007 году спецслужбы получили от российских судов 265937 разрешений на прослушивание и запись телефонных переговоров, а также перехват e-mail, включая сообщения в социальных сетях и мессенджерах. В 2012-м таких разрешений уже было 539864». Кирилл Олейниченко объяснил, где подвох. 

Информация: где брать качественную информацию на тему

  • Визуальная мишура. Краткий конспект лекции Альберто Каиро «Visual Trumpery». Слово trumpery обозначает нечто привлекательное, но пуcтое. На русский переводится как показуха или мишура. В статье ссылки на соц.сети и книги на английском на тему.
  • Чартомойка. Статья о русскоязычном канале Telegram, где  Александр Богачев разбирает графики — качество данных, выбор графика, дизайн, рассказывает и показывает все в деталях.

 

Инфографика и юристы

1 год назад 1 События, Теориявизуальное мышление, конференции

Мы встретили Маргарет Хаган на Infographics Conference 2017 в голландском городе Зейст этой весной и впечатлились ее идеей сделать законы и юридические процессы понятными. Как отметила Маргарет, мы часто сталкиваемся с юридическими вопросами в сложные моменты жизни — в процессе переездов, разводов, аварий.  Состояние стресса в совокупности с замутненностью всех процессов сводит способность разобраться в тонкостях самостоятельно к минимуму. Но к слову сказать, и корпоративное право ясностью не отличается. По мнению Маргарет, визуальное мышление станет решением вопроса. Если совместить дизайн (умение создавать вещи, которые люди хотят и могут использовать), технологии (для повышения эффективности действий) и закон (настрой на создание справедливого общества и появление новых возможностей для людей), мы сможем создать системы, которые упростят нашу жизнь.

IC20170303083

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

Когда Маргарет училась на юриста, пройти через бесконечные талмуды ей помогла способность визуализировать структуры и процессы. Теперь она преподает юриспруденцию дизайнерам, является доктором юриспруденции и членом научного сообщества юристов в Стэнфорде. Она также основатель LEGAL DESIGN LAB — лаборатории, которая работает на пересечении юриспруденции, дизайна и технологий. Лаборатория ставит перед собой три задачи: разработка удобных и доступных для пользователей юридических сервисов; обучение студентов и профессионалов подходу к юридической деятельности с позиции пользователя; исследование возможностей для инноваций в сфере юриспруденции и потребностей пользователей.

С 2013 года лаборатория разработала много интересных материалов, которыми мы хотим с вами поделиться (все на английском):

  • Книга LAW by DESIGN
  • Рабочая тетрадь LAW + DESIGN Workbook
  • Блог Маргарет с огромным количеством материалов на тему
  • Презентация, про междисциплинарный подход к решению юридических задач. В ней подробно и визуально объяснены задачи дизайна и целый список примеров того, как уже удалось этот подход применить
  • Видео одной из презентаций Маргарет.

 

 

Визуальная мишура

Событие1 год назад 1 События, Теорияbig data, Альберто Каиро, визуальное мышление

Я бы хотел внедрить в сознание неопределенность.
Снизить градус уверенности в мнениях и идеологиях

Альберто Каиро широкой общественности известен благодаря активному участию в конференциях, блогу, твиттеру и двум книгам. Сейчас он преподает в Университете Коммуникаций в Маями, а до этого работал в газете El Mundo в Испании и был директором издательского дома Editora Globo в Бразилии.

Этим летом Альберто Каиро запустил лекционный тур, который назвал Visual Trumpery. И он не про Трампа, как вы подумали, а про то, почему нами так легко манипулировать.

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

 

1. Внимание! Статистика!

Большинство графиков было придумало до начала XX века, тогда как качественно с данными люди научились работать в уже в XX.

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

 

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

2. Осторожно! Притянуто за уши!

Люди адаптируют данные, чтобы они подтверждали их теорию и можно было убедить других в своей правоте. Это старый прием в новой оболочке. «Все», «лучший», «ученые доказали», нагромождение фактов без особого смысла так, чтобы никто ничего не понял, и оформление этого всего в нарядную оболочку. Про это мы публиковали отличную статью Максима Ильяхова.

3. Большой секрет для маленькой компании!

Ложь — это не только искажение данных, но и их утаивание. Утаивание может быть умышленное или в связи с недостатком данных. Помните историю про репрессии в Советском Союзе?

4. Меньше лайков, больше правды!

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

5. Незнание — тьма!

Свежее про 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 стратегии грамотного использования цветов в графиках (от Донны М. Вонг)

1 год назад ТеорияDonna Wang, визуальное мышление, цвета

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

Стратегии эффективного выбора цветов

1. Пишите текст черным

Черный дает самый сильный контраст. Наиболее эффективное сочетание — черный текст на светлом фоне. Цветной текст сложно читать. Если вам нужен темный фон, пишите текст белым, не цветным.

 

 

2. подписывайте прямо на графике

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

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

 

3. Сильный контраст в светлоте

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

 

 

 

4. Финальный тест: переведите в ч/б

Распечатайте график в черно-белом варианте, чтобы проверить достаточно ли контраста по светлоте. Цвета сработают только, если контраста будет достаточно.

4 правила типографики для графиков от Донны М. Вонг (Шрифты — часть 2)

1 год назад ТеорияDonna Wang, визуальное мышление, обучение

Мы разобрали, с чего начинать при создании графиков и диаграмм (4 правила создания диаграмм, которые работают) и основы читабильности (шрифты в диаграммах). Продолжим конкретными примерами — dos & don’ts по текстовому оформлению графиков от Донны М. Вонг.

1. НЕ позволяйте типографике забивать графики

 

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

 

2. Сохраняйте читабельность заголовков и подписей

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

 

3.  Следите за читабельностью текста на фоне

  • НЕ используйте белый текст на черном или цветном фоне
  • Используйте черный полужирный на тонированных фонах или делайте выноски

 

4. Выделяйте только самое необходимое

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

Как работают 4 базовых закона восприятия в дизайне?

2 г. назад Колонка со-авторов, Теориявизуальное мышление, законы восприятия

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

Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до того, как начинает различать отдельные компоненты. То есть, целостный образ — это не просто сумма отдельных частей, а самостоятельный объект. Теория работает, благодаря устройству нашего мозга, который по природе склонен создавать порядок из хаоса. Законы работают в 99,9% случаев, потому что являются врожденными для каждого человека. Их знание полезно дизайнеру, т.к. помогает организовать визуальные объекты эффективно для восприятия.

 1. Сходство

Создать сходство (или контраст) в инфографике можно с помощью цвета, размера или формы
 В процессе познания люди склонны к группировке объектов, имеющих сходные черты. Причем, эта привычка лежит глубоко на подсознательном уровне, т.к. является одной из базовых функций мозга. Психолог Пол Блум говорит: «Чтобы выжить, любому существу необходимо умение учиться. А часть успешного обучения — это умение делать статистические обобщения на основе ограниченного опыта. Вы съели яблоко, второе, третье, — они были хорошими на вкус, — и вы делаете вывод, что можете есть яблоки, что все яблоки вкусные. И когда вы голодны, вы ищете яблоки, это адаптация, это рационально, это целесообразно». Самый маленький ребенок умеет обобщать все, что видит вокруг — съедобные и несъедобные предметы, своих и чужих людей, со временем обобщение усложняется до категоризации людей по признаку пола, возраста, расе, профессии и т.д. [1]. Причем предметам, которые внешне похожи, подсознательно приписываются и сходные функции (внутреннее сходство). Так, подобные элементы образуют группы, то есть два чем-то похожих друг на друга предмета (человека) даже вне нашего желания будут восприниматься как группа, как общее целое.

perception laws 1

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

perception laws 2

perception laws 33. Близость

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

Пример из области манипуляций сознанием — фото политика размещают в журнале или на новостном сайте в окружении положительных фото (природа, дети, счастливые люди) и его рейтинг растет, т.к. зрители приписывают ему положительные качества, сами того не осознавая [2].

perception laws 4

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

perception laws 5

perception laws 6

perception laws 73. Простота

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

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

perception laws 8

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

perceptions laws 9

perception laws 10perception laws 114. Завершенность

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

perception laws 12

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

perception laws 13

perception laws 14

Автор: Алексей Обжорин

Учредитель научно-популярного журнала Метеор-Сити
Кандидат филологических наук, специалист в области иностранных языков, ораторского искусства и визуальной коммуникации

По материалам:

Gutierrez K. Understanding and Using the Laws of Perception in eLearning Design. http://elearninginfographics.com/visual-perception-laws-in-elearning-design-infographic/

Другие источники:

  1. Блум П. Психология всего: что сострадание, отношения полов и расизм говорят о природе человека? http://www.meteor-cty.top/bloom-psychology
  2. Кузнецов М.В. Социальная инженерия и социальные хакеры. https://psy.wikireading.ru/8630

Подборки: презентации

2 г. назад 1 Инструменты, Теориявизуальное мышление, подборка, презентации и слайды

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

Начнем с презентаций

Вот вам для вдохновения — гуру презентаций Нэнси Дуарте и ее TED talk — «Секретная структура великих презентаций».

Нэнси проанализировала множество успешных презентаций и поняла, что в их основе одинаковая структура. Выглядит она — вот так:

Структура успешной презентации

Нэнси Дуарте. Структура успешной презентации

В видео она анализирует презентацию первого iPhone и речь «I have a dream» Мартина Лютера Кинга.

Нэнси Дуарте также знаменита своей книгой Slide:ology, в которой она рассказывает о том, как правильно составлять и проводить презентации. А еще мы переводили ее статью о том, как использовать Power Point для работы с текстами, набросками и макетами. 

Переопубликуем еще кусок шикарнго списка литератутры о презентациях и коммуникации от Энди Кирка.

Art of Plain Talk, by Rudolf Flesch
Better Presentations: A Guide for Scholars, Researchers, and Wonks, by Jon Schwabish
Building Stories, by Chris Ware
Graphic Storytelling and Visual Narrative, by Will Eisner
The Jelly Effect: How to Make Your Communication Stick, by Andy Bounds
Made to Stick: Why Some Ideas Survive and Others Die, by Chip and Dan Heath
Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations, by Garr Reynolds
Presentation Zen: Simple Ideas on Presentation Design and Delivery, by Garr Reynolds
Switch: How to Change Things When Change Is Hard, by Chip and Dan Heath
Understanding Comics: The Invisible Art, by Scott Mccloud

На русском

Тоже уже можно найти много всего интересного. Мы писали однажды про книгу Алексея Каптерева «Мастерство презентации». В издательстве Манн, Иванов и Фебер можно найти еще несколько качественных книг про презентации.

И на десерт

Наш пост про прототип Power Point — диафильмы. С бонусом в виде истории про катализ и катализаторы.

Дэшборд в пищевой цепи анализа данных

2 г. назад 2 Колонка со-авторов, Теориявизуальное мышление, дэшборды, отчёты

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

Визуализация помогает понять и проанализировать сложные данные, а современные технологии дали новый формат коммуникации – информационные панели (дэшборды). Они являются частным случаем управленческих отчетов. Я уже писал о тонкой грани между ними, а также о видах отчетов. Теперь хочу глубже подойди к вопросу целевой аудитории и сценариев использования. Кто в реальности пользуется дашбордами, помогают ли они увеличить прибыль компании?

«Пищевая цепь» анализа данных

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

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

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

piramida-1

Нарушение симметрии между принятием решений и анализом информации

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

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

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

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

Итого:

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

Чем здесь поможет дашборд?

Дашборд, в отличие от таблиц и слайдов, обеспечивает интерактивное взаимодействие с данными

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

Дашборд обеспечивает коммуникацию между разными уровнями

Дашборд обеспечивает коммуникацию между разными уровнями

 

Исполнитель – руководитель

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

Вклад выполнения задач в достижение премии

Вклад выполнения задач в достижение премии

 

Топ-менеджер – аналитик.

дашборд содержит 20% исходной информации, но дает ответы на 95% управленческих вопросов

А вот пример отчета, понятного и аналитику, и топ-менеджеру. Исходный массив содержал тысячи строк за каждый день, причем логисту достаточно было работать в сводных таблицах, делать свои выборки: кто, куда вез груз, по какой железной дороге, вплоть до вида вагона. Но коммерческому директору тоже важно было понимать структуру и динамику рынка. В итоге мы получили дэшборд, который содержит 20% исходной информации, но дает ответы на 95% управленческих вопросов.

otchet-po-logistike

Панель мониторинга грузоперевозок по железной дороге

 

Собственник – топ-менеджеры

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

Где формула успеха?

Не стройте иллюзий, что у вас появится «техзадание на дашборд», ни один топ-менеджер его не напишет.

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

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

Назад
Темы раздела
Колонка со-авторов 6Теория 29Примеры визуализации 4Критический взгляд 5События 3Инструменты 1Uncategorised 1Книги 5
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+