Тема: Теория 5
С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
10 ценных советов от Jon Schwabish для работы с визуализацией данных
В прошлом посте мы писали о «4х базовых принципах визуализации данных», которые сформулировал экономист, специалист по визуализации данных и презентациям Jon Schwabish. На этот раз переводим вторую часть его памятки — еще 10 советов, которые помогут вам сориентироваться при создании визуализации.
Учитывайте аудиторию
Подумайте, что нужно вашей аудитории — короткий письменный отчет, статья с деталями или он-лайн инструмент для исследования.
Включите аннотацию
Используйте аннотации для того, чтобы объяснить, как читать график (если необходимо). А также поясняйте визуализацию в самом тексте.
Осторожнее с круговыми диаграммами
Используйте круговые диаграммы с острожностью. Мы не очень хорошо распознаем количественную информацию, полагаясь на ломтики. Возможно, более эффективными будут другие диаграммы: столбиковая, штабельная, TreeMap, график наклона.
Избегайте 3D
Использование 3D вида, в случае если нет третьей переменной, искажает восприятие данных, и лучше его избегать.
Начинайте столбиковые диаграммы с ноля
Столбиковые диаграммы, которые начинаются не с ноля, придают чрезмерное значение разнице. Для небольших изменений в величинах обратите внимание на визуализацию разницы или изменения значений.
Следите за тем, чтобы лейблы было легко читать
Если применимо, разверните график так, чтобы лейблы были горизонтальными. По возможности, сделайте лейблы вертикальной оси горизонтальными и разместите их под названием. В целом, лейблы должны быть ясными, краткими и легкими для понимания.
Разбивайте на небольшие куски информации
Эффективным способом визуализировать информацию может быть разбивка сложного графика на несколько простых.
Осторожнее с картами
Используйте карты, только если вы хотите обратить внимание на географические факты. Для того чтобы показать разницу между регионами, хорошо подойдет, например, столбиковая диаграмма.
Цвета и шрифты
Избегайте шрифтов «по умолчанию». Они все одинаковые и ничем не выделяются.
Учитывайте дальтонизм. Около 10% людей (преимущественно мужчины) — дальтоники.
Избегайте радужной цветовой палитры. Ее невозможно сопоставить с нашей системой чисел, и она не помогает логически упорядочивать информацию.
Инструмент для планирования визуализации: форма и функция
Источник: DataViz Cheatsheet by Jon Schwabish
4 правила типографики для графиков от Донны М. Вонг (Шрифты — часть 2)
Мы разобрали, с чего начинать при создании графиков и диаграмм (4 правила создания диаграмм, которые работают) и основы читабильности (шрифты в диаграммах). Продолжим конкретными примерами — dos & don’ts по текстовому оформлению графиков от Донны М. Вонг.
1. НЕ позволяйте типографике забивать графики
- НЕ используйте CAPSLOCK в заголовке или белый текст на черном фоне. Достаточно выделить заголовок полужирным или сделать его на пару пунктов больше.
- НЕ используйте полужирный курсив для подписей
- НЕ используйте полужирный для цифр
- НЕ ставьте текст под углом. Если подписи длинные, всегда можно изменить направление самого графика, как в примере выше справа.
2. Сохраняйте читабельность заголовков и подписей
- НЕ используйте чересчур стилизованные шрифты. Вполне достаточно простых шрифтов с засечками и без, чтобы визуально варьировать информацию.
- НЕ поворачивайте текст на бок.
3. Следите за читабельностью текста на фоне
- НЕ используйте белый текст на черном или цветном фоне
- Используйте черный полужирный на тонированных фонах или делайте выноски
4. Выделяйте только самое необходимое
- НЕ делайте полужирными большие блоки текста. Выделяя все, вы не выделяете ничего. Используйте полужирный точечно — там, где фокус нужен больше всего.
Шрифты в диаграммах от Донны М. Вонг (часть 1)
Продолжаю читать “Guide to Information Graphics. The Do’s & Don’ts of presenting data, facts, and figures” Донны М. Вонг. В прошлой статье я писала о этапах работы. Теперь — краткое руководство по работе с шрифтами. Все становится ясно, если ответить себе на вопрос ‘зачем?’. При работе с диаграммами текст используется для пояснений. Поэтому единственный критерий выбора шрифта — читабельность.
Терминология
Основные правила читабельности с диаграммах
- Интерлиньяж должен быть примерно на два пункта больше чем размер шрифта. Например, если размер шрифта 10, то интерлиньяж должен быть 12.
.
Не используйте стилизованные шришты.
Не используйте трекинг.
Не используйте белый текст на черном или цветном фоне.
- Независимо от того, с засечками шрифт или без, используйте обычное начертание. Полужирный или курсив используйте только если необходимо выделить что-то по смыслу. Не используйте полужирный курсив.
- Не используйте КАПСЛОК ВО ВСЕМ ТЕКСТЕ. Его сложно читать. Также как и при письме — используйте прописные и заглавные буквы.
- Избегайте переносов.
- Не размещайте текст под углом.
Из книги Донны М. Вонг. Текст слева — ‘Это легко читать?’, текст справа — ‘Не поворачивайте текст’.
Метод Фейнмана: три шага, чтобы быстро освоить любой предмет
Продолжаем готовиться к бизнес-квесту по визуализации, делимся полезным. Нашли отличную статью на «Идеономике» про аглгоритм обучения от Лауреата Нобелевской премии по физике Ричарда Фейнмана.
Усердно учите то, что интересует вас больше всего самым недисциплинированным, непочтительным и оригинальным образом. Картинка отсюда.
4 правила создания диаграмм, которые работают, от Донны М. Вонг
Читаю Донну М. Вонг “Guide to Information Graphics. The Do’s & Don’ts of presenting Data, Facts, and figures”. Буду делиться интересным по ходу дела. Для начала, про саму Донну. Донна училась в Йеле у Эдварда Тафти, потом 6 лет работала редактором раздела бизнес графики в New York Times, потом возглавила отдел визуализации информации в Wall Street Journal, а теперь работает консультантом. В книге она пишет о том, как подступиться и на что обращать внимание при визуализации информации.
Донна выделяет четыре основных этапа при визуализации информации. Их удобно использовать в работе как чек-лист.
- Изучение вопроса
- источники информации: должны быть актуальными и вызывать доверие
- если возникает спорный случай: используйте независимые источники, которые можно самостоятельно интерпретировать (например, данные о долевой структуре рынка), чтобы избежать конфликта интересов и предвзятости
- легальность: получите разрешение на использование данных, если это необходимо
- Редактура
- определите ваш ключевой посыл
- выберите набор данных, который может проиллюстрировать этот посыл (например, доля рынка vs. общая прибыль)
- отфильтруйте и упростите данные, прежде чем представлять их аудитории
- поработайте с цифрами и величинами сырых данных, чтобы подчеркнуть ваш посыл (например, определите, нужны вам абсолютные или относительные величины)
- Сюжет
- выберите правильный тип диаграммы, чтобы представить данные (например, линией показывают тенденции, а столбиками – дискретные данные)
- определите необходимые параметры для диаграммы (например, масштаб, параметры осей, положение базовой линии)
- оформите диаграмму (добавьте название, описание, надписи, источники информации)
- используйте цвет и типографику, чтобы подчеркнуть ваш основной посыл
- Проверка
- еще раз сверьте полученную диаграмму с данными из первоначального источника
- критическим взглядом оцените диаграмму, подумайте, насколько она понятна
- попробуйте взглянуть на диаграмму глазами читателя
- сверьте данные с дополнительными источниками или проконсультируйтесь с экспертами по поводу спорных вопросов и выбросов
- проверьте, насколько качественно выполнена сама диаграмма (сверьте с книгой по визуализации, которой вы доверяете)
Последний этап особенно важен в профессиональном контексте. Как пишет Донна — если опечатка не испортит рассказа, то неверная цифра дискредитирует диаграмму целиком.