Экономист, специалист по визуализации данных и презентациям Jon Schwabish поделился краткой памяткой по работе с визуализацией данных. Начнем знакомство с первых четырех принципов.
Люди смотрят на графики в отчетах, статьях, блогах, чтобы понять историю, которая за ними стоит. Данные — основа графика, и они должны быть на нем указаны. Но это не значит, что нужно разместить на графике сразу все имеющиеся у вас данные. Многие графики черезчур перегружены.
Ненужные и отвлекающие визуальные элементы сокращают эффективность визуализации. Визуальный шум может быть в виде темных или тяжелых линий сетки, излишних отметок, лейблов, лишнего текста, иконок или картинок; декоративных теней и градиента, объема. На графиках слишком часто используют текстуры и градиенты.
Отчеты часто страдают “эффектом слайд-шоу” — автор рассказывает о графиках в теле текста. Более эффективная модель такая — графики дополняют текст и в то же время в них достаточно информации, чтобы прочитать их как нечто самостоятельное. Небольшой пример — легенда, поясняющая значение линии, столбика, точки, часто размещается далеко от самого графика (справа) или под ним. Интегрированная легенда, которая находится сразу под названием, прямо на графике или в конце линии, намного более доступна читателю.
Эффективная визуализация данных учитывает особенности восприятия информации мозгом (пре-обработку информации подсознанием). Наши глаза определяют ограниченное количество визуальных характеристик (таких как форма или контраст). Мы считываем несколько характеристик и достраиваем их в воображении до цельного образа. Предвнимательная обработка учитывает операции, которые мозг совершает до того, как читатель внимательно всмотрится в изображение. Другими словами, учитывает, что именно мы заметим сходу. Подробнее о законах воприятия и их применении читайте тут.
Источник информации: DataViz Cheatsheet by Jon Schwabish
Предлагаем вам подумать на тему влияния привычных картинок на восприятие действительности.
В 1933 году карта вышла легендарная карта лондонской подземки (London Underground), построенная по принципам Гарри Бекка. Она представляет собой диаграмму сети. Её акцент — не на физическом расположении, а на отражении взаимосвязей. Принципиальное новшество — использование лишь вертикальных, горизонтальных и наклонных линий, и кодирование разных линий разными цветами. Она стала прообразом многих современных карт сетей. Благодаря схематизации такие карты легко читать и использовать. У нас про это есть отличная статья!
Недавно мы наткнулись на статью Макса Галка. Он пишет о том, как визуализации кодируют наше восприятие. Карта метро — это то, что мы видим каждый день, и именно так мы начинаем представлять себе город. В большинстве случаев, центр на картах метро представляется значительно большим, чем он есть на самом деле. Водители, наверняка, замечали, как меняется восприятие города, как только садишься за руль.
Ниже — карта Лондона пользовтеля Pham_Trinli на Reddit.
Нэнси: Какие проблемы у вас с презентациями?
Представитель компании: У нас есть один коллега, он черезчур энергичный!
Давая мастер-классы о презентацих, Нэнси думала, что проблемы в компаниях уникальные. Но оказалось, что все сводится к шести.
Нэнси Дуарте — основатель и руководитель компании Duarte, автор книги Slide:ology. Мы однажды публиковали ее TED Talk и переводили статью о том, как использовать Power Point для работы с текстами, набросками и макетами. А теперь об ошибках в презентациях.
Эта проблема была актуальна на всех воркшопах, которые давала Нэнси (а их было 211!). Информации должно быть меньше, чем хотелось бы.
Что делать?Сосредоточиться на значении и интерпретации фактов, а не на самих фактах. В качестве удачного примера Нэнси приводит TED talk Дэвида Эпштейна.
Акронимы и аббревиатуры используют, чтобы сэкономить время. Но! Если это неизвестный акроним, то мозг тратит энергию и время на понимание. А это отвлекает.
Пример: Нэнси слушала презентацию в маркетинговой компании. Лектор постоянно повторял «PPС». Она вспомнила, что это значит «Pay Per Click» за 5 секунд. Теперь считаем. Человек произносит 130 слов в минуту. Значит, она пропустила 10 слов. Это целое предложение! Каждый акроним — 5 секунд аудитории с затычками для ушей.Однажды Нэнси работала над презентацией для одной компании. Юристы презентовали для продажников.
Нэнси: Зачем продажникам следовать вашим указаниям?».
Юристы: Они будут законопослушными.
Видите проблему? Продажникам все равно законопослушны ли они. Нэнси предложила юристам посмотреть на выгоду с позиции продажников. Ответ был простой — «Мы не обанкротимся, как Enron» (Энрон — американская энергетическия компания, скандально обанкротившаяся из-за фальсификаций в 2001 году).
Аудитория презентации — это ее герой. Вся информация должна быть про нее и для нее.
Допустим, презентация прошла на ура, и все коллеги вдохновились. Что они должны сделать, когда вернутся на свои рабочие места?
Плохой пример: «Мне нужна ваша поддержка!»Если в вашем голосе нет энтузиазма, не ждите его от аудитории. Да, это сложно, да, страшно, да, кажется, что люди смотрят осудительно. Но факт остается фактом. Если вы скучно читаете слайды (будто аудитория не справится с этим сама), то отклика не будет.
Что делать?Готовясь к презентации, запишите одну минуту презентации на телефон. Слушая себя, вы поймете, хватит ли драйва в вашем голосе.
Однажды Нэнси работала над презентацией для одной компании. Ее целью было помочь донести точку зрения.
Нэнси: Что у вас есть?
Представитель компании: Сотрутники делают много ошибок!
Нэнси: Это не точка зрения.
Представитель компании смутился. Нэнси объяснила разницу между фактом и точкой зрения. Предложила попробовать еще раз.
Представитель компании: Сотрудники продолжают делать ошибки!
Замкнутый круг не заканчивался. Есть ли выход из этой ситуации? Есть ли какая-то конкретная ошибка, которую надо прекратить делать?
Да, сложно высказывать точку зрения, с ней могут не согласиться. Но факты — подтверждение позиции, а не самоцель.
Итак, после всех этих ошибок хочется happy end, да? Он в том, что уровень презентаций в компаниях низкий. Избежав всего лишь этих шести ошибок, вы будете на коне!
PS. Что касается парня в начале статьи, то он вымышлен. Но если это вы, то вам повезло — ваша проблема уникальна!
По мотивам статьи 6 Presentation Mistakes Every Professional Should Avoid
Если человека пытаются заставить поменять собственные убеждения, то у него активируются области мозга, которые ассоциируются с эмоциональной реакцией на угрозу и с представлениями о себе. Об этом сообщают нейробилоги из Университета южной Калифорнии в статье, опубликованной в журнале Scientific Reports.
Хорошо известно, что люди с трудом меняют свои глубокие убеждения, если кто-то ставит их под сомнение. В некоторых случаях контраргументы могут даже, наоборот, повысить уверенность человека в том, что он прав. Несмотря на то, что этот феномен ученым давно известен, нейробиологи до сих пор не знали, какие отделы головного мозга вовлечены в защиту наиболее серьезных убеждений. Поэтому авторы новой работы провели эксперимент, в котором они с помощью функциональной магнитно-резонансной томографии следили за реакцией мозга испытуемых на контраргументы.
В исследовании приняли участие 40 человек. Все они были убежденными либералами. Во время эксперимента, добровольцы читали высказывания, с которыми они полностью согласились во время подготовки к исследованию, и несколько контраргументов. Половина предложений имела отношение к политике, а другая часть касалась отвлеченных тем («Томас Эдисон изобрел лампочку»). После того, как испытуемые завершали знакомство со всеми контраргументами, их снова просили оценить по семибалльной шкале свою степень согласия с первоначальными высказываниями (1 — полностью несогласен, 7 — полностью согласен).
Выяснилось, что участники исследования почти не изменяли свое мнение в отношении политических заявлений. В среднем, их оценка отличалась от предыдущей на 0,3 балла. В то же время, когда речь заходила об отвлеченных темах — например, об ученых или о здоровье — испытуемые проявляли большую гибкость. В этом случае отклонение составило 1,3 балла.
Сканирование мозга показало, что у наиболее твердых в отношении своих убеждений испытуемых наблюдается повышенная активность миндалевидного тела и островковой области коры. «Активность областей, которые отвечают за эмоции и принятие решений, может быть связана с чувствами, которые мы испытываем при столкновении с контраргументами», — комментирует один из авторов работы. Нейробиологи также отмечают, что и миндалевидное тело, и островковая область играют особую роль в восприятии опасности и тревоги. По мнению ученых, усиленная активность этих отделов может объясняться и тем, что мозг реагирует на угрозу устойчивым убеждениям так же, как и на физическую опасность. «Когда мы чувствуем угрозу или беспокойство, мы менее склонны менять свое мнение», — отмечают исследователи.
Кроме того, когда ставились под сомнения политические взгляды добровольцев, возрастала активность сети пассивного режима работы мозга (СПРРМ). Деятельность этой области мозга связывается с погруженностью в себя, с размышлениями о том, кто мы есть, и с так называемыми «грезами наяву».
Исследователи полагают, что понимание того, какие механизмы лежат в основе защиты убеждений, крайне важно для общества. «Имея представления о том, как и какие заявления могут повлиять на политические взгляды людей, мы сможем добиться социального прогресса», — заключают ученые.
Автор — Кристина Уласович, N+1
Сегодня мы представляем вам авторскую статью Алексея Обжорина, кандидата филологических наук, создателя научно-популярного журнала Метеор-Сити.
Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до того, как начинает различать отдельные компоненты. То есть, целостный образ — это не просто сумма отдельных частей, а самостоятельный объект. Теория работает, благодаря устройству нашего мозга, который по природе склонен создавать порядок из хаоса. Законы работают в 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/
Другие источники:
Продолжаем готовиться к бизнес-квесту по визуализации, делимся полезным. Нашли отличную статью на «Идеономике» про аглгоритм обучения от Лауреата Нобелевской премии по физике Ричарда Фейнмана.
Известный лауреат Нобелевской премии по физике Ричард Фейнман осознал различие между «знанием чего-то» и «знанием названия чего-то», и это одна из главных причин его успеха.
Фейнман наткнулся на формулу обучения, которая позволила ему понимать вещи лучше других. Эта формула получила название «метод Фейнмана», она помогает изучать любой предмет глубже и быстрее. Тема, предмет или понятие, которое вы хотите изучить, не имеют значения. Возьмите что угодно. Метод Фейнмана работает везде. И, что самое замечательное, он очень прост в исполнении. До смешного прост.
Возьмите чистый лист бумаги и напишите, что вы хотите изучить. Запишите, что вы знаете об этом предмете, как если бы вы объясняли это ребенку. Не вашему умному взрослому приятелю, а восьмилетке, который обладает достаточным словарным запасом и способностью концентрироваться, чтобы понять базовые понятия и отношения.
Множество людей склонны использовать сложные слова и профессиональный жаргон, когда они не понимают чего-то. Проблема в том, что мы сами себя дурачим, потому что не осознаем, чего именно мы не понимаем. Использование жаргона призвано скрыть от окружающих наше непонимание. Когда вы записываете идею от начала до конца простыми словами, которые в состоянии понять ребенок (используйте только самые распространенные слова), вы помогаете себе понять ее суть на более глубоком уровне и упрощаете отношения и связи между понятиями. Если вы приложите усилия, вы четко поймете, где у вас пробелы. И это хорошо, это указывает на возможность учиться.
В первом шаге вы неизбежно столкнетесь с пробелами в ваших знаниях: где-то вы забыли что-то важное, не смогли объяснить или просто испытали сложности в соединении важных понятий. Это крайне важно, потому что вы открыли край своих познаний. Компетентность — это знание пределов своих способностей, и вы только что нашли один из них! Это точка, где начинается обучение. Теперь вы знаете, в чем загвоздка, так что вернитесь к исходному материалу и изучите его заново, пока вы не сможете объяснить его в простых терминах.
Обнаружение границ ваших познаний также ограничивает ошибки, которые вы склонны совершать, и увеличивает шансы на успех в применении ваших знаний.
Теперь у вас есть ряд рукописных заметок. Пересмотрите их и убедитесь, что по ошибке не вписали туда какой-нибудь профессиональный термин из исходного материала. Теперь составьте из них простой рассказ. Прочитайте его вслух. Если объяснение не выглядит простым или звучит странно, это признак того, что ваши знания все еще нуждаются в доработке.
Если вы хотите быть уверенным в своем понимании, поделитесь своим знанием с кем-нибудь (идеально, если этот кто-то очень плохо разбирается в предмете. Или найдите 8-летнего ребенка!). Лучший тест на ваше знание предмета — ваша способность передать его другому человеку.
Взято с «Идеономики»
Визуализация — это инструмент, мощный и действенный. И начинается она с фактов — тщательно отобранных, проверенных и осознанных. Мы про это публиковали статью Ильяшина, переводили наставления Донны Вонг, напоминали о когнитивных искажениях. Теперь у нас появился отличный пример того, что будет, если невнимательно относиться к фактам и подкреплять их картинками.
Все началось с записи жж-юзера burckina_new «Что нужно знать о репрессиях человеку, любящему свою страну?». В статье автор говорит и показывает, что советские репрессии сильно преувеличены ради злого умысла. Не буду тут размещать текст, смотрите по ссылке выше. Скажу только, что пост вызвал бурю критических комментариев. А археолог Павел Колосницын написал подробную ответную статью «Что надо знать о том как можно манипулировать с цифрами, человеку, любящему свою страну«.
Приведу здесь пару разобранных графиков из этого ответа с характерными ошибками при визуализации данных. А целиком статью — читайте по ссылке выше.
В этом графике bruсkina_new использует круговую диаграмму, чтобы показать, насколько незначителен процент репрессированных по сравнению со всеми жителями страны. Оставлю за кадром вопрос, откуда взялась цифра про жителей всей страны (про это читайте у Колосницина). Посмотрите на саму цифру репрессированных — 10-14 млн. Цифра показательна сама по себе, и использование процентного соотношения для ее обеления — манипуляция.
burckina_new сравнивает СССР 1930-1940х с (внимание!) Россией и США 1992-2002. Цифр и параметров на графике столько, что мозг начинает бурно протестовать. В добавок, автор забывает включить в анализ причины преступлений, поэтому цифры перестают отвечать сами за себя.
Будьте осторожны с графиками — без качественных данных и их обработки они пустая оболочка и манипуляция. Ну и читайте нас, конечно, повышайте визуальную грамотность.
Список в Википедии насчитывает 175 когнитивных искажений. Конечно, это далеко не полный перечень тех способов, какими наш мозг обманывает сам себя. Такой обман совсем несложен, ведь значительная часть психических процессов у человека происходит без отображения в сознании. Таким образом, становится возможным обращаться напрямую к этим основным процессам, не задевая сознательную часть.
Визуализация когнитивных искажений John Manoogian III, в переводе от obraz.io .В работе с широкими массами профессионалы используют способы обхода механизма цензуры, который в мозге фильтрует информацию, поступающего из внешнего мира. Например, если усилить информацию эмоционально, то вербальное или невербальное послание легче пройдёт встроенные фильтры сознания и надолго сохранится в памяти потребителя информации.
Большой список когнитивных искажений в Википедии классифицирован довольно расплывчато. Там представлены четыре тематические группы:
Есть другой способ классификации искажений, если более конкретно ориентироваться на причину сбоя в мышлении, который обуславливает некорректное восприятие реальности. Если классифицировать их таким образом (по причине), то искажения тоже можно разделить на четыре группы, но теперь они становятся более логичными и понятными.
Четыре проблемы, из-за которых возникают когнитивные искажения:
Пожалуй, особенный интерес вызывает первая группа искажений, связанных с переизбытком информации. Тем более, что остальные группы концептуально связаны с ней. Создаётся впечатление, что мгновенная фильтрация, цензура и отбор информации для запоминания — основная проблема, с которой мы сталкиваемся в современную эпоху, когда количество информации слишком велико. Из-за этого возникает, наверное, бóльшая часть когнитивных искажений и некорректного восприятия окружающей реальности.
Первую группу можно поделить на пять подгрупп.
1. Мы замечаем вещи, которые уже укрепились в памяти или часто повторяются. Это многочисленная группа искажений, которую часто эксплуатируют на телевидении. Многократное повторение одного и того же практически гарантирует, что человек упустит из внимания деталь, которая упоминается мимоходом лишь однажды. Кроме того, многократное повторение лжи увеличивает вероятность, что в неё поверят.Примеры:
Примеры:
Примеры:
Собственно, когнитивное искажение «консерватизм» (в психологии) можно выделить в целую отдельную категорию.
4. Людей притягивает информация, которая подтверждает их убеждения. Это действительно большая и важная категория. Она тоже связана со способом фильтровать новые данные. Если информации вокруг очень много, то человек выбирает в основном ту, которая подтверждает его мнение.Примеры:
Примеры:
Такая классификация когнитивных искажений, связанных с переизбытком информации кажется более логичной, чем в Википедии. По крайней мере, сразу видны основные причины искажений. Хотя эта классификация всё равно остаётся довольно условной, ведь многие искажения в сознании объясняются не одной, а сразу несколькими причинами.
Взято с: geektimes.ru
Авторы: Анатолий Ализар & Buster Benson
Иллюстрация: John Manoogian III
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. День второй, часть вторая.
Лучше всего Lena Groeger из ProPublica охарактеризовала свое выступление сама. Цитирую ее анонс в твиттере: “Через 10 минут я буду говорить о слепых пятнах нашего мозга и о том, что графика может с этим делать”.
Лена упомянула статью в The New Yorker, где описывается влияние пяти наших чувств друг на друга: чипсы, которые хрустят громче, воспринимаются нами как более свежие. С визуализациями так же: другой график, и сразу сдвиг смысла.
Правый график переводится мозгом как “чем человек более “мужик”, тем он выше ростом».
Полную презентацию можно посмотреть тут.
Комментарий к седьмому слайду (про очередь). В одном аэропорту люди выходили из самолета, шли одну минуту и потом семь минут ждали багаж. Было много возмущения и претензий. Менеджмент изменил маршрут. Теперь люди шли от самолета семь минут и ждали багаж одну минуту. Аэропорт стал примером для подражания по скорости выдачи багажа.
А вот еще шикарный проект, объясняющий, что минимальные изменения на уровне персоны приводят к глобальным изменениям на уровне общества. Очень рекомендую прочитать внимательно, разобраться и поиграть с предложенными моделями.
Основной вывод – аккуратнее с используемыми вами визуализациями. Проверяйте на наличие неумышленного или тем более умышленного фактора лжи. Смотрите на свою работу глазами зрителя, который ничего не знает о том, что именно вы хотели сказать. Не вводите в заблуждение.
Заключительное выступление конференции. Brian Boyer из NPR (National Public Radio). Очень колоритный дядька из классических байкеров: косуха, пивной живот, борода, мощный голос, регулярный мат. По его собственному определению, несчастный программист, который загуглил “журнализм”. По моей оценке, одно из самых ярких выступлений конференции.
Интересные цитаты:
Cила радио в том, чтобы услышать историю из чьих-то уст. Это не то же самое, что прочитать цитату.
Наше влияние – эмпатия. Наша миссия – заставить людей принимать близко к сердцу.
Фотография может внезапно заставить тебя обратить внимание. Это такие машины по созданию эмпатии.
Награды показывают, впечатлили ли вы своих коллег. Я люблю своих коллег, но они не моя аудитория.
Наша новая дверь заставляет очень умных людей каждый день чувствовать себя идиотами.
В тему плохих дверей – видео:
И если вдруг вы еще не читали книгу Дональда Нормана “Дизайн промышленных товаров” – читать срочно!
И еще цитаты:
Список самых читаемых материалов никогда не бывает полон самыми влиятельными материалами. Это не наша вина, просто критерий оценки выбран не верно.
Размещение просьбы о пожертвовании после того, как вы получили положительный ответ на вопрос, понравилась ли вам история, поднял конверсию в 10 раз.
Слайды:
Заставляют ли визуальные истории людей задуматься?
Продолжение следует!
Автор: Максим Горбачевский
Что такое 60 метров? Это легко представить. Примерно как от вас до приветливой Зойки:
А теперь представьте те же 60 метров, но не в длину, а в высоту. Сколько это?
Сложнее, да? Мы легко представляем это расстояние горизонтально, потому что у нас есть опыт: мы как минимум бегали стометровку. Но это же расстояние вверх представить труднее, потому что нет никакого опыта.
Есть зато другой опыт. Представьте высоту метр восемьдесят. Теперь метр семьдесят. Мой рост метр семьдесят три. Вам легко его представить, потому что у вас есть опыт измерения роста. Посмотрев на меня в жизни, вы бы определили мой рост с точностью 3 сантиметра. У вас есть такой опыт.
Теперь вернемся к 60 метрам в высоту. Это трудно представить, пока вам не скажут, что 60 метров — это высота семнадцатиэтажки:
Теперь эти 60 метров легко представить. Все видели семнадцатиэтажки. Кто-то жил на седьмом этаже и смотрел вниз с балкона. Кто-то забирался на крышу.
Минуту назад 60 метров в высоту были чем-то абстрактным. Даже непонятно, насколько это высоко. Но когда я связал эту величину с вашим опытом, все стало ясно. Зойка, спускайся. Продолжить чтение →