Способ представления визуальной информации

11 правил визуализации данных

Ольга Базалева, создатель Data Vis и автор блога, написала статью специально для Нетологии о самых важных принципах визуализации. Статья участвует в конкурсе блога.

Хотите выделяться на фоне конкурентов? Чтобы ваши статьи, отчеты, презентации или посты в социальных сетях были профессиональными, интересными и доступными широкой аудитории? Используйте визуализацию данных!

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

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

Визуально представленная информация в сравнении с обычным текстом и таблицами:

• привлекает намного больше аудитории;
• увеличивает вовлечение читателей;
• быстрее воспринимается;

• легче запоминается.

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

ПРАВИЛО 1. ПРАВИЛЬНЫЙ ТИП ГРАФИКА

Используйте правильный тип и формат визуализации.

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

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

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

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

ПРАВИЛО 2. ЛОГИЧЕСКИЙ ПОРЯДОК

Располагайте данные логично.

Обязательно располагайте данные в логическом порядке. Чаще всего это последовательно от большего к меньшему.

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

ПРАВИЛО 3. ПРОСТОЙ ДИЗАЙН

Дизайн не должен препятствовать пониманию или искажать данные.

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

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

ПРАВИЛО 4. ЛЕГКОЕ СРАВНЕНИЕ ДАННЫХ

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

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

ПРАВИЛО 5. МИНИМУМ ЭЛЕМЕНТОВ

На диаграмме должны быть только необходимые элементы.

Убирайте с ваших графиков и диаграмм все неинформативные элементы, оставляйте только необходимые.

Загромождение ненужной информацией затрудняет восприятие.

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

ПРАВИЛО 6. НЕ ПЕРЕГРУЖАЙТЕ ИНФОРМАЦИЕЙ

Следите, чтобы не было визуальной загроможденности.

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

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

ПРАВИЛО 7. ПОНЯТНЫЙ ФОРМАТ ЧИСЕЛ

Числа должны быть с разделителями разрядов и без лишних знаков после запятой.

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

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

ПРАВИЛО 8. НАЗВАНИЕ И ПОДПИСИ

У диаграммы должно быть название и полная легенда.

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

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

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

ПРАВИЛО 9. ОБЩЕПРИНЯТЫЕ ЦВЕТОВЫЕ РЕШЕНИЯ

Не нарушайте общепринятое использование того или иного цвета.

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

1. положительные и отрицательные значения: зелёный и красный;
2. да/нет, согласен/не согласен: зелёный и красный;
3. мужчины и женщины: голубой и розовый;
4. прочее/другое/остальное/нет ответа/затрудняюсь ответить — серый цвет.

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

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

ПРАВИЛО 10. МИНИМУМ ТИПОВ ДИАГРАММ

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

Избегайте разнообразия ради разнообразия.

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

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

ПРАВИЛО 11. ЕДИНАЯ ЦВЕТОВАЯ ПАЛИТРА

Придерживайтесь одной цветовой гаммы.

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

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

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

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

А вы сами при виде странных диаграмм на конференциях или совещаниях, не задавались вопросом: «Это я один такой несообразительный, что ничего не понимаю?» Поверьте, вы не одиноки!

Источник

ВИЗУАЛИЗАЦИЯ ИНФОРМАЦИИ (курс лекций)

Содержимое публикации

Министерство образования Луганской Народной Республики

Государственное бюджетное образовательное учреждение

среднего профессионального образования Луганской Народной Республики

«СТАХАНОВСКИЙ КОЛЛЕДЖ ТЕХНОЛОГИЙ МАШИНОСТРОЕНИЯ»

преподаватель высшей категории,

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

Визуализация (от лат. visualis, «зрительный») – общее название приёмов представления числовой информации или физического явления в виде, удобном для зрительного наблюдения и анализа.

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

Целью визуализации является передача данных.

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

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

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

Выделяют следующие Методы визуализации:

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

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

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

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

Карты (например, географические).

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

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

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

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

ПРЕИМУЩЕСТВА ВИЗУАЛИЗАЦИИ В ОБУЧЕНИИ:

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

развивает критическое мышление;

помогает студентам интегрировать новые знания;

позволяет связывать полученную информацию в целостную картину отом или ином явлении или объекте.

ТЕХНИКИ ВИЗУАЛИЗАЦИИ В ОБРАЗОВАТЕЛЬНОМ ПРОЦЕССЕ

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

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

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

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

ЧТО ТАКОЕ ИНФОГРАФИКА И ЗАЧЕМ ОНА НУЖНА?

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

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

Инфографика предполагает сворачивание больших объемов информации и представление ее в более интересном и компактном для читателя виде.

Так, например, цифровой плакат заменяет многостраничное описание резуль-татов онлайн-исследования.

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

Идеально же выполненная инфографика представляет собой законченный информационный блок, который можно усвоить самостоятельно, без чьей-либо помощи (комментария), причём весьма эффективно.

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

Основная функция инфографики – информировать, представлять большой объем информации в организованном виде, удобном для восприятия.

По характеру представляемых данных различают такие категории инфогра-фики:

числа в картинках: наиболее распространённая категория, котораяпозво-ляет сделать числовые данные более удобоваримыми;

расширенный список: статистические данные, линия времени, простонабор фактов может быть визуализирован;

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

По способу отображения инфографика подразделяется на следующие виды:

статичная инфографика – одиночные изображения без элементов анима-ции;

динамическая инфографика – инфографика с анимированными элемента-ми. Основными подвидами динамической инфографики являются видео-инфографика, анимированные изображения, презентации;

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

По типу источника различают 3 основных вида инфографики:

аналитическая инфографика – графика подготавливаемая поаналитичес-ким материалам. Наиболее часто используетсяэкономическая инфографи-ка: аналитика проводится исключительно поданным экономических пока-зателей и исследований;

новостная инфографика – инфографика, подготавливаемая подконкрет-ную новость в оперативном режиме;

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

В образовательном процессе используется инфографика следующих типов:

МЕТОДИКА ИСПОЛЬЗОВАНИЯ ИНФОГРАФИКИ

Работа с инфографикой может идти в двух направлениях:

анализ студентами созданной преподавателем (дизайнером) инфогра-фики;

создание инфографики студентами под руководством преподавателя на основе имеющихся данных (в ходе проектной деятельности, по изучен-ному материалу).

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

Также можно предлагать задания на функциональное чтение:

опиши представленного персонажа (событие);

представь данные в табличной форме и предположи, как они будут изменяться в дальнейшем;

составь рассказ (план);

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

Подбирая (создавая) инфографику для включения в урок педагог должен ответить на 4 вопроса:

Как я отношусь к содержанию, какие центральные факты, идеи, аргументы, процессы, процедуры я хочу, чтобы студенты поняли?

Какая схема поможет лучше организовать материал и наполнить его смыслом?

Какой вид визуального организатора поможет студентам в анализе и осмыслении содержания?

Какие надо поставить вопросы, как организовать актуализацию субъектного опыта по теме для активизации мышления студентов?

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

ПРОЦЕСС СОЗДАНИЯ ИНФОГРАФИКИ ВКЛЮЧАЕТ СЛЕДУЮЩИЕ ЭТАПЫ:

Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории.

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

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

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

Можно выделить следующие направления в использовании инфографики в

организация целенаправленного восприятия информации;

запоминание информации с опорой на графические образы;

отображение существенных для понимания сторон изучаемого материала;

способ делиться знаниями и результатами исследований;

способ обработки данных исследований;

развитие критического мышления;

формирование навыков функционального чтения.

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

Более 100 различных методов визуализации информации описали в своей работе – Towards A Periodic Table of Visualization Methods for Management ‖ (в направ-лении периодической таблицы методов визуализации для управления) Ralph Lengler

и Martin J. Eppler (режим доступа:

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

Авторы выделили 6 периодов:

Data Visualization (визуализация данных)

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

Information Visualization (визуализация информации)

Методы перевода данных в изображение, схему; использование интерактив-ных визуальных представлений данных для усиления познания. Текст переводится в формат рисунка, схемы.

Concept Visualization (визуализация концепций)

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

Metaphor Visualization (визуализация метафор)

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

Strategy Visualization (визуализация стратегий)

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

Compound Visualization (комплексная визуализация)

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

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

Сервисы для создания инфографики

Подробные инструкции по работе с сервисами читайте на национальномобразовательном портале (http://adu.by) в разделе «Электронное обучение» – «Дистанционный всеобуч для учителя».

Сайты с готовой инфографикой

http://ria.ru/infografika – сайт Агентства РИА Новости

http://infogra.ru/ – сетевое сообщество дизайнеров, инфодизайнеров и визуализаторов.

http://mercator.ru/ – сайт компании – Меркатор‖ (см. раздел – Инфографика‖).

http://ed-today.ru/infografika – примеры инфографики по проблемам образо-вания.

http://infographics.wciom.ru/ – инфографика Всероссийского центра изучения

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

Источник