Визуальные стандарты
13
/21
О чем мы поговорим сегодня
Подробно остановимся на такой незаметной, но важной теме стандартизации визуализации — узнаем, почему в диаграммах нужно выдерживать единый стандарт и как это облегчает работу. Познакомимся со стандартом IBCS — и как его можно реализовать в Qlik Sense.
ИСТОРИЯ УСПЕХА
Визуальный гид по стилю в Novartis
Швейцарская компания Novartis насчитывает более 100 000 сотрудников по всему миру, ее выручка за 2020 год превысила 48 миллиардов долларов США. Компания является одним из основных игроков в медицинской, фармацевтической и медико-биологической отрасли. В глобальном портфеле инновационных запатентованных препаратов Novartis — более 50 ключевых продуктов, многие из которых являются лидерами в своих областях.

Внедрение Qlik Sense и ее интеграция с существующей платформой Big Data в рамках внутренней инициативы FormulaOne обеспечили доступ 30 000 сотрудников швейцарской транснациональной фармацевтической компании Novartis более чем к 500 аналитическим приложениям. Благодаря этому, data-driven подход стал частью корпоративной культуры и управления в компании. Но это не все!
Георгий Виноградов
руководитель BI, Novartis
Как правило, гид по стилю для команд вовлеченных в анализ данных воспринимается как что-то дополнительное или излишнее. Вероятнее всего, многие даже согласятся, что качество данных в отчете и высокий ROC-AUC предсказательных моделей — вот, что по-настоящему нужно конечным пользователям, а этой вашей инфографикой пускай дизайнеры занимаются.

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

В тоже время, процесс наведения красоты в соответствии с лучшими принципами UX/UI требует не меньшего обьема знаний и практики, чем тюнинги моделей машинного обучения. Как правило, BI-разработчкии легко управляются с тяжеловесными ETL, но с трудом совладают с выбором правильного цвета или графика.

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

Основные задачи проекта выглядели так:

1
Увеличить скорость разработки дашбордов
2
Создать легкий в масштабировании BI инструмент
3
Сформировать нормативный вид для всех аналитических отчетов
4
Повысить пользовательский опыт, увеличив качество и скорость принятия бизнес решений конечными пользователями
Денис Бурый
аналитик данных, Novartis
Visual Vocab — это более практичный способ научиться создавать информативные отчёты. Это приложение с разработанными для пользователей в Novartis категоризированными визуализациями, наиболее полезными в качестве отправной точки в создании отчетов.

На главной странице приложения можно изучить описание категорий, соотнести их с задачами стоящими перед отчётом, а затем перейти на нужную вкладку и выбрать тип диаграммы внутри категории, чтобы сформировать первоначальные идеи о том, что может подойти под задачу лучше всего.
Представленный список визуализаций не является исчерпывающим, но он является полезной отправной точкой для создания отчёта, прототипа, теста визуализаций и вдохновения на использование инструмента по-новому.
Допустим, нужно подчеркнуть отклонения от фиксированной контрольной точки — тогда пользователь выбирает раздел Deviation (отклонение). Если задача показать взаимосвязь между двумя или более переменными — группа Correlation (корреляция), и так далее.

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

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

Для начала работы пользователь создает копию файла, выбирает подходящий макет и заменяет пустые контейнеры выбранными визуализациями
Каждый отчёт имеет похожую структуру шаблона — логическую сетку в макете, чтобы правильно располагать элементы визуализаций. Как можно видеть на представленной структуре нашего шаблона: размещение панели навигации, панелей ключевых показателей эффективности и основных контейнеров имеет определенный паттерн. Для создания темплейта были использованы Vizlib Sheet Menu и кастомизированная тема для Qlik Sense.
Георгий Виноградов
руководитель BI, Novartis
Процесс создания всех элементов гида по стилю занял 3 месяца, однако сложно назвать это законченным проектом, скорее первой версией. После релиза инструмент продолжает жить и развиваться. Мы регулярно добавляем и расширять функционал VizVocab'a, дорабатываем сформированные BI практикам, позволяющие делать разработку быстрее, а пользовательский опыт лучше.
ТЕОРИЯ
Зачем нужны стандарты
Люди и организации в различных областях извлекают выгоду из устоявшихся стандартов — музыканты, географы и инженеры, и это лишь некоторые. Музыкант никогда не затрачивает свое время, чтобы понять нотные записи композитора — такие дополнительные усилия просто немыслимы.
Пример стандартизации выбора диаграммы в зависимости от цели сравнения
В масштабах большой организации, стандартизация и выработка единых подходов становится критически важной, так как упрощает администрирование и поддержку системы. Это — внутренние законы вашей компании, следуя которым совместная работа и администрирование будут проходить легко и понятно.
Стандартизация, теоретически, может касаться каждого шага в процессе работы с данными: от подключения к источникам, формирования модели данных до создания вычислений, их нейминга, и конечно, самой визуализации
Стандарты работы с данными более менее понятны, поскольку являются более привычными для сегодняшних компаний. Но корпоративная визуализация данных на текущем уровне появилась не так давно. Большая свобода современных продуктов, таких как Qlik Sense, позволяет вам, как авторам, уходить от шаблонов и создавать неповторимые приложения с данными. Однако, визуальный стандарт и гайдлайны здесь также необходимы.

Визуальные стандарты могут быть направлены на:
использование определенных видов визуализаций под конкретные показатели и задачи
утверждение корпоративного шаблона внешнего вида приложения по формату и пропорциям активного экрана
утверждение цветовых палитр, шрифтов и прочих элементов визуального оформления
использование аннотаций и подписей-комментариев к данным
использование программных расширений
формат рассылки по email или формат выгрузки в презентации pptx
Визуальная стандартизация необходима для того, чтобы все участники единообразно понимали и воспринимали то, на что они смотрят. Чтобы выводы, визуальные образы и закономерности, заданные автором были поняты с минимальными потерями в качестве
Гид по стилю – книга по визуальному стандарту
Стандарты при работе с визуализацией данных формируются в специальный гид по стилю или stylebook. Гид по стилю содержит примеры использования подходов к дизайну в дашбордах компании, а также разработанный шаблон стиля отчетов для ускорения процессов проектирования и настройки интерактивных отчетов.

Стандарт компании используется для:
Ускорения разработки интерактивных отчетов и дашбордов за счет использования лучших практик и шаблонов, настроенных на обновленный визуальный стиль компании
Повышения эстетики и уровня восприятия данных на дашбордах компании за счет применения улучшенных стилевых элементов визуализаций
Фокусировки на наиболее важных элементах данных за счет композиционных принципов дизайна и приемах управления вниманием пользователей интерактивной отчетности
Основными разделами гида по стилю обычно являются следующие блоки:
  • Визуальный стиль представления данных компании, содержащий требования к использованию шрифтов, цветовых палитр, форматов цифровой информации, элементам осей и шкал графиков и диаграмм, а также прочему форматированию сопутствующих элементов визуализаций
  • Практики по настройке отдельных видов визуализаций при их реализации в программном продукте
  • Советы по процессу работы в программной продукте, внутренней организации визуализаций и дашбордов, создания вычисляемых полей, подготовки источника данных
Прикладной стандарт IBCS
Один из самых уважаемых и значимых корпоративных стандартов в визуализации данных разрабатывается организацией IBCS. Международные стандарты бизнес-коммуникации (IBCS®) представляют собой практические предложения по разработке отчетов, презентаций, информационных панелей и диаграмм и таблиц, содержащихся в них.
Бизнес соответствует стандартам IBCS, если он соответствует трем наборам правил, составляющим три столпа IBCS: концептуальные правила, правила восприятия и семантические правила
Концептуальные правила
Концептуальные правила помогают четко передавать контент, используя соответствующую сюжетную линию. Они построены по мотивам работ таких авторов, как Барбара Минто. Их широкое признание обусловлено их научным, экспериментальным и практическим опытом.
Правила восприятия
Правила восприятия помогают четко передавать контент, используя соответствующий визуальный дизайн. Они основаны на работах таких авторов, как Джин Желязны и Эдвард Тафти. Опять же, широкое признание этих правил вытекает из их научного, экспериментального и практического опыта.
Семантические правила
Семантические правила помогают четко передавать контент, используя унифицированную систему обозначений IBCS. Поскольку они проявляются в соответствии с соглашением, а не с научным или практическим опытом, семантические правила должны сначала быть более широко приняты, чтобы стать стандартом.
На странице Software сайта IBCS можно найти информацию о сертифицированных расширениях, которые могут использоваться для построения диаграмм и таблиц в различных системах. На текущий момент существует два расширения для Qlik Sense по воплощению принципов IBCS.
Расширение extensions² используется для того, чтобы представить свои данные более точно и соответствовать IBCS, принимать более эффективные решения и общаться на основе правил успеха (Success Rules) в стандартах IBCS.

Благодаря встраиваемому механизму, extensions² полностью интегрирован в среду как Qlik Sense, так и Qlik View, предлагая пользователям функциональные возможности Qlik и возможности отображения согласно стандарту IBCS. Язык проектирования совместим с руководством по обозначениям IBCS, который можно применять к отдельным объектам, между объектами или глобально.

Расширение не требует серверов и дополнительного обучения!
Расширение trueChart является масштабируемым решением корпоративного класса, которое встраивается в различные инструменты BI и Analytics (Qlik, Power BI, Jedox, Excel и любая платформа с API). trueChart обеспечивает более быстрое, более качественное и информированное принятие решений, предлагая функционально полную поддержку международных стандартов бизнес-коммуникаций IBCS в любой корпоративной среде.
ПРАКТИКА
Расширенная аналитика в Qlik Sense
Евгений Стучалкин
технический директор, BI2Business
Практическое задание
Напоминаем, что мы работаем с тем же демонстрационным приложением. Если вы не скачали его в предыдущем дне, то скачайте и посмотрите инструкцию.
Шаг 3
ABC анализ Qlik Sense Demo
Шаг 4
Комплементарный ABC анализ Qlik Sense Demo
Вы можете доработать это приложение под свои задачи, а также использовать его как основу для изучения Qlik Sense. Продавать приложение нельзя.
Полезные ссылки
Если вам интересно узнать больше, переходите по ссылкам для дальнейшего изучения тем и расширения кругозора
Телеграм-сообщество Qlik
Приглашаем вас присоединиться к телеграм-чату Qlik, чтобы общаться с коллегами, задавать вопросы экспертам и оставаться в курсе новостей Марафона.
@qlikbi_chat
Обзор дня и встреча с экспертом: День 13
Виталий Тренкеншу, Chief Qlik Officer, Datanomix.pro

2022