Всем привет, меня зовут Алиса Ручкина и я разработала больше 50 дашбордов в FineBI. Я все еще верю в функциональность и минимализм графиков для бизнес-пользователей, несмотря на то, что яркие и нагроможденные визуализации вызывают больше эмоций. О том, как применять теорию по визуализации данных на практике с учетом возможностей китайской BI-системы я рассказываю в своем Telegram-канале «Красиво в FineBI».
В этой статье мы рассмотрим настройки FineBI с точки зрения визуализации данных и узнаем, какие из них лучше использовать, а про какие забыть. При создании примеров для статьи я использовала бесплатную версию 6.0.16, скачанную с сайта вендора.
Линейный график
Начнем с базовых графиков и первым рассмотрим линейный график.
В настройках линии FineBI предлагает большое разнообразие маркеров: есть не только точки, но и маленькие треугольники, прямоугольники, звезды. На самом деле, все это визуальный шум и мешает восприятию графика. Второй «подводный камень» визуализации в FineBI – это возможность скругления линии. В примере на картинке ниже я показала, как скругление может исказить настоящее положение дел, показывая мнимый рост.
Вывод
Используйте в качестве маркеров только точки или лучше вообще откажитесь от них, чтобы избежать визуального шума.
Если вы используете скругление линии, обратите внимание на риски искажения восприятия данных.
Столбчатая диаграмма
Теперь рассмотрим другой базовый график – столбчатый, или барчарт (от английского barchart). По умолчанию FineBI создает столбчатый график с шириной столбца 50 и скруглением, равным 2 пикселям.
Если столбцы слишком узкие относительно промежутков между ними, то график не будет восприниматься целостно. Поэтому расстояние между столбцами должно равняться половине ширины самого столбца или если проще – меньше ширины столбца.
А теперь рассмотрим, в чем может скрываться опасность скругления столбиков. Конечно, 2 пикселя по умолчанию – это незначительно, но если увеличить радиус, то можно заметно исказить восприятие данных. Самое наглядное и понятное объяснение, что я встречала, приведено в статье на сайте The Data School по этой ссылке.
Первый недостаток скругления — это искажение самого размера. Рассмотрим на картинке последний столбец: по факту Joe продал один грамм мыла, но за счет скругления длина столбца воспринимается больше, чем один.
Второй недостаток — это искажение пропорций между скругленными столбиками. Если вернуться к примеру, то при оценке разницы между результатами Jon и Joe мы видим пропорцию 0,58 вместо фактических 0,5.
Вывод
Убедитесь, что промежутки между столбцами меньше, чем ширина самих столбцов, для целостного восприятия графика.
Избегайте скругления столбиков, так как это может исказить восприятие данных и нарушить пропорции.
Цветовая легенда
По умолчанию легенда устанавливается внизу под графиком. Но поскольку мы читаем сверху вниз, лучше располагать легенду либо сверху, либо справа. Чем раньше мы увидим расшифровку, тем быстрее поймем, что изображено на графике.
Вторая особенность цветовой легенды в FineBI заключается в том, что выбранные цвета не сохраняются при создании новых компонентов. То есть чтобы обозначить категории одним цветом во всех графиках, нужно в каждом компоненте настроить соответствующие цвета для каждой категории. И если создать новый компонент и использовать это же поле (в данном случае это Region), то цвета не сохранятся. Поэтому следует настраивать их вручную, чтобы соблюсти принцип сходства, который гласит, что мы воспринимаем объекты, раскрашенные одним цветом, как части одной группы.
Вывод
Размещайте легенду сверху или справа от графика.
Настраивайте вручную выбранные цвета для категорий в новых графиках, чтобы соблюсти последовательность использования цвета.
Яркие фоны в стиле дашбордов
В FineBI можно настроить дизайн для всего дашборда в Dashboard Style или выбрать из предложенных. Мой «любимый» встроенный стиль дашборда – стиль Vintage. Это темный фон, на котором изображены звезды и карта мира. Рассмотрим его внимательнее.
Во-первых, визуальный шум в виде звезд отвлекает от данных. Во-вторых, на карте не отмечены никакие значения, да и они не могут быть отмечены, потому что это всего лишь фон. Таким образом, с точки зрения визуализации данных эта карта не имеет какого-то значения и выполняет исключительно декоративную функцию.
Вывод
Избегайте ярких и отвлекающих фонов, например, приведенный в примере стиль с звездами и картой, которая не несет полезной информации.
Вкладки в tab-компоненте
В документации FineBI на данный момент не оговорено максимальное количество вкладок, которое технически можно создать в TAB-компоненте.
Но достаточно небольшого количества, чтобы получилась «карусель», как на картинке, когда пользователь не видит полный перечень вкладок. Он может даже не заметить вкладку с нужным графиком!
А также вспомним правило Миллера «7 плюс/минус 2» — это количество объектов, которые может держать в уме человек. Возможности восприятия и внимания ограничены, поэтому количество вкладок должно быть таким, чтобы человеческий глаз мог объять, а мозг — понять созданное.
Вывод
Ограничивайте количество вкладок в tab-компоненте, чтобы пользователи могли легко ориентироваться и не блуждать в интерфейсе.
Таблицы
По умолчанию FineBI создает такую таблицу, как на картинке ниже: показывает на странице только 20 строк и фиксирует столбцы с измерениями.
В результате получаем два скролла (вертикальный и горизонтальный) и разделение на страницы. Такой формат добавляет мучений действий пользователя для поиска нужной информации.
Поэтому, во-первых, стоит внимательно относиться к закреплению столбцов и не использовать его, когда это не требуется (то есть отжимать галочку, которая стоит по умолчанию). Во-вторых, можно отображать в таблице больше строк, чем предлагается по умолчанию, если это не влияет негативно на производительность дашборда.
Вывод
Внимательно относитесь к опции закрепления столбцов и количеству выводимых строк. Убедитесь, что настройки не ухудшают производительность и удобство использования.
Анимация
Как выглядит анимация FineBI? По сути это пульсирующий эффект.
В данном случае анимация настроена для обоих показателей:
оранжевая линия (Profit) пульсирует постоянно.
фиолетовые столбики (Sales) мигают, если показатель достиг какого-то определенного значения.
Анимационный эффект носит скорее декоративный характер, потому что превышение показателя можно нагляднее показать горизонтальной чертой (здесь поможет буллетчарт).
Привлекает ли внимание? Да! Насколько применимо в бизнес-среде? Хм…сомневаюсь, что кто-то использует анимацию в бизнес-дашбордах. Если у вас есть такой опыт, напишите в комментариях, это интересно.
Вывод
Используйте анимацию с осторожностью. Предпочтительнее использовать менее навязчивые способы выделения важных данных, например, изменение цвета или добавление значков (например, стрелок).
Заключение
Несмотря на легкость создания графиков в FineBI, важно знать теорию визуализации данных, чтобы осознанно выбирать настройки в BI-инструменте. Это необходимо для того, чтобы верно отображать данные без искажений и облегчать восприятие визуальной информации.