Как сделать хорошую приборную панель - Помощь FineReport | Разработка отчетов | Отчеты | Учебные пособия

Как сделать хорошую приборную панель

1. Обзор

Как сделать хорошую приборную панель после того, как вы освоили процесс и функции BI?

В этой статье мы расскажем об этом с точки зрения "дизайна приборной панели" и "благоустройства приборной панели".

2. Дизайн приборной панели

2.1 Определите объектную ориентацию приборной панели

Прежде чем создавать приборную панель, необходимо определить, какова аудитория создаваемой панели, и глубоко понять ее потребности.

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

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

Одним словом, глубокое понимание потребностей пользователей и создание приборной панели, соответствующей их когнитивному уровню, - вот начальный показатель хорошей приборной панели.

2.2 Определение тем приборной панели

Приборные панели, как правило, должны быть представлены в соответствии с организацией конкретного отдела, в котором работает зритель.

Более того, для анализа одного и того же сектора существуют различные перспективы, и их необходимо отобразить в соответствии с макетом "Обзор - Сегментация".

Пример: анализ операционной деятельности за первое полугодие 2020 года

Вам необходимо проанализировать бизнес-ситуацию в фармацевтической отрасли, и в это время используется общий балл, начиная с "Ключевых показателей" и заканчивая "Доходом от продаж, маржой валовой прибыли и затратами" для отображения общего балла.

Вы также можете использовать компоненты Tab для интеграции и переключения отображения компонентов.

2.3 Выбор подходящих графиков

О том, как выбрать правильный график, читайте в статье: Как выбрать правильный график

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

2.3.1 Аккуратное использование круговых диаграмм

Круговые диаграммы могут показать процентное соотношение между каждой категорией и всей совокупностью.

Количество категорий не должно быть слишком большим, более 7, тогда при просмотре данных пользователю будет сложно их читать, как показано на следующем рисунке:

2.3.2 Выбор столбчатой/прямой диаграммы

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

Хотя можно представить и изменение поля с течением времени, более уместным будет линейный график.

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

2.3.3 Параметры линейного/областного графика

Линейные и площадные графики могут представлять зависимости количества от времени, но обратите внимание, что площадные графики также могут представлять соотношение частей и целого при изображении изменений во времени, как показано ниже:

2.4 Добавление текстовых меток

Соответствующее название приборной панели, добавление описаний к представлениям, графических меток на странице, намеков на скрытые взаимодействия и т. д. или примечаний, описывающих результаты расчетов ( добавление примечаний к анализам ), облегчит пользователю быстрый доступ к информации приборной панели, как показано на следующем рисунке:

3. Улучшение приборной панели

После того как данные обработаны и созданы компоненты, необходимо нарисовать и украсить приборную панель.

3.1 Набор текста

Принципы типографики, т.е. выравнивание и порядок.

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

3.2 Текст

Если текст слишком мелкий или слишком тонкий, или если разница между цветом текста и цветом фона слишком мала, это повлияет на восприятие.

3.3 Использование цветов

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

Если мы настраиваем цветовую гамму, нам нужно избегать несовместимых цветов.

Например, желтый + белый, синий + черный, красный + синий, желтый + фиолетовый и так далее, так что не только с точки зрения органов чувств это некрасиво, но и легко вызывает раздражение глаз пользователя. Для получения более подробной информации, пожалуйста, обратитесь к разделу: Основы сочетания цветов и оттенков.

Но независимо от того, какие цвета мы используем - холодные или теплые, - яркие цвета нужно использовать с осторожностью.

3.4 Значки

Иконки могут служить напоминанием для пользователей, просматривающих приборную панель, но необходимо следить за тем, чтобы они не отвлекали внимание пользователя.