Становимся специалистами в Tableau Desktop – Часть 8. Формат вашего представления
Введение
Я вкратце расскажу о том, насколько важны наши параметры форматирования, но это еще далеко не вся история. Чтобы узнать больше, я рекомендую вам прочитать хорошие статьи (или даже лучше целые книги), вот некоторые из них:
- Коул Нуссбаумер Крафлик – Рассказываем истории с данными
- Энди Крибел, Ева Мэрри – #С понедельника все будет по-новому
- Стив Векслер, Джеффри Шаффер, Энди Котгрив – Большая книга информационных панелей
В Tableau и визуализации данных в целом для передачи информации мы используем визуальный язык. Его важнейшими элементами являются преаттентивные признаки. Некоторые из них, а также некоторые параметры форматирования относятся к и экзамену Tableau Desktop Specialist:
- Цвет
- Выделение жирным
- Формы
- Размеры
- Шрифты
Коул Нуссбаумер Кнафлик объясняет два стратегических способа использования этих атрибутов в своей фантастической книге «Рассказываем истории с данными» (Storytelling With Data).
1. Преаттентивные атрибуты можно использовать для того, чтобы помочь привлечь внимание вашей аудитории туда, куда вы захотите.
2. Их можно использовать для создания визуальной иерархии элементов, чтобы направить аудиторию через информацию, которую вы хотите передать, так, чтобы они обрабатывали ее так, как вы того захотите.
Источник: Рассказываем истории с данными - Коул Нуссбаумер Кнафлик
Цвет
Цвет при правильном использовании может очень эффективно привлекать внимание. Итак, позвольте мне дать несколько советов по использованию цвета.
- Вы не должны использовать слишком много разных цветов, потому что, когда у каждого элемента есть свой цвет, ничто не выделяется.
- Вы должны использовать один и тот же цветовой код каждый раз, когда используете цвет на своей информационной панели или в истории данных.
- Учитывайте, что у людей бывает дальтонизм! (Вы можете загрузить свою визуализацию сюда, чтобы проверить, как ее будут видеть люди с дальтонизмом.)
- Имейте в виду, что цвет затрагивает эмоции.
- Некоторые темы будут связаны со специальным цветом. Например, было бы странно использовать разные оттенки зеленого, когда речь идет о воде.
- Простой способ объяснить свой цветовой код и реализовать легенду о цвете – это использовать цвета в заголовке визуализации.
На полке с метками мы видим следующее цветное меню. Изменения настроек цвета в этом меню будут применятся ко всем меткам на вашем представлении.
Варианты цвета
Большинство вариантов должны быть очевидными. Давайте посмотрим, что произойдет, если мы выберем «More colors» (Больше цветов).
Создать собственный цвет
Здесь вы можете создать свой собственный цвет или использовать инструмент «пипетка», чтобы выбрать цвет, например, из логотипа.
На следующей вкладке этого меню вы можете увидеть и скопировать номер цвета. Это полезно для использования определенного цветового кода (см., например, эту фантастическую веб-страницу о командных цветовых кодах в спорте в США: https://teamcolorcodes.com) или для использования точно такого же цвета на других листах.
Количество Hex-Color
Меню содержит еще три вкладки с цветовой палитрой. Здесь вы можете легко выбрать определенный цвет или выставить новый цветовой оттенок из заданного спектра.
Давайте посмотрим на наши варианты цвета, когда мы поместим непрерывное или дискретное поле данных в цвет на нашей полке для меток.
Категория по цвету:
Категория по цвету
Варианты измерения
Варианты измерения
Когда мы помещаем Категорию в цвет, мы можем выбрать один цвет для каждой категории. В этом случае имеет смысл выбирать цвета, которые легко различать.
Цветовая палитра также предоставляет разные оттенки одного цвета. Это можно использовать, например, когда мы обозначаем год цветом. Было бы неплохо покрасить все годы в разные оттенки синего, чтобы в текущем году был темно-синий, а предыдущие окрашены в более светлые тона.
Sales on color: (Продажи по цвету)
Карта цвета
Цветовая палитра
Помещая Продажи в цвет, мы получаем цветовую палитру, которая начинается с самых низких продаж и заканчивается самыми высокими. Все остальные значения будут обозначены определенным цветом между начальным и конечным значением. Вы также можете выбрать цветовые шаги, чтобы определить количество тонов. Если есть середина, другой вариант – использовать расходящиеся цвета.
Ступенчатый цвет
Расходящийся цвет
Чтобы узнать больше обо всех случаях использования, рекомендую вам прочесть главу 1 «Использование цвета в визуализации данных» из «Большой книги информационных панелей».
Выделение жирным
Для текста, который мы используем в нашей визуализации, у нас также есть много разных опций, влияющих на то, как люди будут его воспринимать текст. Один из вариантов – сделать текст жирным. По сравнению с другими вариантами, например, использованием курсива, жирные слова привлекают больше внимания.
Вы можете выделить текст жирным в меню форматирования, текстовой карточке на полке для меток или двойным щелчком по слову/номеру.
Интересный факт: установка шрифта «Tableau Bold» в «Жирный» ничего не изменит
Жирный шрифт
Жирный
Формы
В Tableau вы можете использовать «Shape» (Форма) для своих отметок на графике.
Карта отметок: форма
Одинаковая форма для всех отметок
Когда вы создаете вид, подобный этому, вы можете поместить, например, «Category» (категорию) на «Shapes» (формы).
Категория по форме
Разные формы для разных категорий
Будьте осторожны используя фигуры со слишком большим количеством различных элементов измерения. В определенный момент Tableau начнет повторно использовать формы (по крайней мере, если вы используете формы по умолчанию).
Размер
На полке для меток также можно указать размер фигур, полос, линий или чего-либо еще. Опять же, изменение размера без измерения или меры по размеру изменит размер всех меток.
Вариант размера
Вы также можете поместить измерение или меру в поле размера, чтобы символизировать, например, продажи. Чем больше размер круга, тем больше продажи.
Продажи обозначены опцией размера
Параметр размера, а также параметр формы также можно использовать для того, чтобы привлечь внимание. Поэтому вы изменяете форму или размер для одной категории или одного знака.
Размер используется в качестве преаттентивного атрибута
Выбор шрифтов
Вы можете использовать те же меню, которые я упомянул, для установки жирного шрифта для выбора шрифта.
Шрифты
Tableau предлагает много разных шрифтов, но, как вы могли видеть выше, они все отображаются одинаково в меню. Таким образом, имя типа шрифта не показывает, как выглядит данный шрифт.
Джеймс Фокс решил эту проблему и создал панель инструментов, используя все доступные шрифты. Кроме того, вы можете выбрать цвет символов и цвет фона. Его панель инструментов дает вам возможность попробовать разные шрифты и цвета и посмотреть, как все это будет выглядеть вместе. Чтобы проверить это, вы должны загрузить рабочую книгу, потому что Tableau Public может правильно отображать только несколько шрифтов.
