Стайлгайд Tableau
Как правило, для обеспечения узнаваемости на рынке организации разрабатывают брендбук, а также свой фирменный стиль. Дашборды Tableau также должны создаваться с учетом этих отличительных особенностей. Для определения корпоративных стандартов при создании дашбордов крайне важно следовать инструкциям отдела маркетинга, которые должны быть оформлены в виде документа под названием стайлгайд.
Зачем нужен стайлгайд?
Сколько людей, столько и мнений, но бесспорно одно - использование единого стиля для дашбордов значительно облегчает процесс их создания, а также повышает общую ценность аналитического продукта за счет снижения рисков, связанных с трудностями восприятия предоставленной информации.
Форматирование и оформление дашбордов - занятие достаточно утомительное. Помните, что время, силы и внимание разработчиков должны быть сосредоточены не оформительской, а на содержательной части дашборда.
Ключевые элементы стайлгайда
Каждая организация должна разработать свой собственный стиль для дашбордов Tableau, определив стандарты для следующих компонентов:
- Шрифты – определенное начертание букв и знаков, единый размер шрифта;
- Цвета - корпоративная цветовая палитра;
- Общие элементы дизайна - верхний колонтитул (хедер), нижний колонтитул (футер), навигация, фильтры;
- Общая визуализация - руководство по типам визуализации в зависимости от вида анализа данных.
Шрифты
Первое, что необходимо учитывать при стандартизации дашбордов организации, - это то, какой шрифт или шрифты необходимо использовать в том или ином случае, какой размер шрифта следует выбрать для различных элементов дашборда. Это может быть прописано в Вашем брендбуке или же Вы можете выбрать понравившийся Вам шрифт непосредственно в Tableau. Если Вы определяетесь с корпоративным шрифтом впервые, настоятельно рекомендуем остановиться на веб-безопасных шрифтах для обеспечения правильного отображение текста на разных устройствах и браузерах. Для использования выбранного шрифта в дашбордах также важно убедиться в том, что он установлен как на локальной машине, так и в Tableau Server. Некоторые шрифты уже предварительно установлены, поэтому проще всего использовать один из них. Если же Ваша организация хочет использовать свой собственный шрифт, помните о том, что он должен быть доступен как в Tableau Desktop, так и в Tableau Server.
Определившись со шрифтом, продумайте его размер для различных элементов дашборда.
Насколько крупным должен быть заголовок дашборда? Какой размер шрифта Вы будете использовать для всплывающих подсказок, обозначения осей и т. д.? Будут ли какие-либо элементы дашборда выделены жирным шрифтом, курсивом или подчеркнуты?
Цвета
Как и в случае со шрифтами, у Вашей организации должна быть своя корпоративная цветовая палитра. По умолчанию в Tableau уже есть несколько палитр. Однако Вы всегда можете добавить свою собственную палитру с помощью соответствующих настроек Tableau. При выборе цветовой палитры важно убедиться в том, что цвета доступны для дальтоников.
Элементы дашборда
Для того, чтобы сохранить единый внешний вид дашбордов, важно снабдить их схожей шапкой (хедером), нижним колонтитулом (футером), боковыми панелями и т. д. Например, в хедере дашборда как правило указывается название отчета, логотип или название компании. Каким бы ни был согласованный дизайн дашборда, определенная последовательность в организации элементов дашбордов является ключевым фактором успеха, поскольку благодаря единой структуре дашбордов их будет легче интерпретировать.
Типы визуализаций
Помимо стандартов оформления стайлгайд Tableau также может предоставлять рекомендации по тому, какие типы визуализаций следует использовать для тех или иных данных и для каких целей. В зависимости от формата стайлгайда организации могут предоставить простое описание типа визуализации, пошаговое руководство по разработке визуализаций или даже шаблоны для каждого типа данных. При разработке визуализаций учитывайте все элементы, упомянутые выше.
Создание стайлгайда
Стайлгайд организации может быть абсолютно любым - от простого списка требований до официального документа, от комплекта скриншотов до рабочей книги и т.д. Стайлгайд может включать в себя рекомендации по созданию визуализаций или описывать лучшие практики визуализации данных. Единственно правильного способа создания стайлгайда не существует, но есть одно непреложное правило: стайлгайд должен включать в себя абсолютно все требования к оформлению дашбордов, которые необходимо передать разработчикам дашбордов.
Применение общего форматирования или использование шаблона
При настройке форматирования всей рабочей книги Tableau следуйте инструкции: Меню > Формат > Рабочая книга. Это позволит Вам установить шрифты, цвета и элементы для всех рабочих листов и панелей в рабочей книге. Если у Вас уже есть шаблон рабочей книги, Вы можете скопировать форматирование с любого рабочего листа/панели на другой, щелкнув правой кнопкой мыши на вкладке нового рабочего листа или панели инструментов и выбрав пункт "Копировать форматирование". На листе или вкладке панели инструментов, где нужно применить форматирование, щелкните правой кнопкой мыши и вставьте форматирование. Такая методология значительно упрощает применение шаблонов.
Стайлгайд в формате Tableau
Одна из причин, по которой я решила заняться визуализацией данных, - сама визуализация данных. Я всегда интересовалась изобразительным искусством, и филигранное представление данных, фактов и цифр в виде красочных графиков мне очень близко. Я получаю огромное удовольствие, когда имею дело с безупречным дизайном дашбордов, основанным на принципах визуального кодирования для эффективной передачи информации.
Как консультант по аналитике, я посвящаю достаточно много времени разработке визуально приятных, читабельных дашбордов, позволяющим нашим клиентам сориентироваться в огромном количестве данных. Разработка дашбордов - это многоступенчатый, итеративный и воистину увлекательный процесс. Мне повезло - я занимаюсь дизайном уже давно, да и в Interworks работает команда профессиональных дизайнеров, которые всегда готовы прийти на помощь.
Но что, если у Вас дело обстоит по-другому? Очень часто дизайн дашбордов стоит на последнем месте в списке приоритетов компании. Вот тут-то и пригодится стайлгайд. Вероятно, в Вашей организации уже есть подобный документ. Как правило, стайлгайд находится в ведении отдела маркетинга и используется для стандартизации внешнего вида корпоративного сайта, а также печатных материалов компании. Помните, что наличие стайлгайда поможет Вашим разработчикам и аналитикам создавать понятные и привлекательные дашборды.
Большинство сталгайдов представлено в формате PDF-документа, которым достаточно легко поделиться с большим количеством пользователей. Однако сталгайд, которым делимся мы, создан в формате … Tableau! Да-да, Вы не ослышались! На примере вымышленной компании Hard Hats мы даем Вам представление о ключевых элементах стайлгайда, а также рекомендации по их оформлению (оранжевые слайды). Здесь также представлены основные принципы дизайна (синие слайды), включающие в себя базовые понятия, которые могут быть полезны для тех, кто еще только изучает основы визуализации данных. Нажав на значки с карандашом, Вы получите более подробную информацию по заданной теме, предоставленную Interworks.
Поскольку это стайлгайд в формате Tableau, Вы можете разместить его на своем Tableau Server и показать другим пользователям Tableau, как занести его в избранное, благодаря чему, как только им понадобится создать новый дашборд, они сразу же могли получить к нему доступ. В этом стайлгайде есть несколько шаблонов, которые Вы с легкостью можете подстроить под нужды своей организации. Наличие данного стайлгайда на Вашем Tableau Server также будет служить напоминанием о необходимости его обновления в том случае, если Ваша компания решит внести какие-либо изменения в свой брендбук.
Благодаря практическому применению основных принципов дизайна Ваши дашборды всегда будут выглядеть изысканно и обязательно понравятся конечным пользователям! Наслаждайтесь:
Образец стайлгайда
