Дашборд

В рабочем определении специалиста по визуализации Стивена Фью важны отбор информации под задачу и возможность обозреть её на одном экране. Microsoft описывает dashboard в Power BI как одностраничную сводку, а Яндекс — как главную страницу интерфейса с отдельными информационными блоками, виджетами. Общее основание этих описаний — собранная вместе информация, нужная пользователю. ^{[1, 4, 6]}

Кратко

Начинать проектирование полезно с вопроса, на который должна отвечать панель. Такой подход рекомендует Tableau. ^[2]
Числу нужен контекст: что измерено, в каких единицах и за какой период.
Возможности фильтрации зависят от продукта: элементы управления отчётом Google нельзя автоматически приписывать дашборду Power BI. ^{[1, 3]}
Проверка панели включает данные, вычисления и понимание результата пользователем.

Происхождение и история термина

Один из документированных эпизодов развития понятия — статья Стивена Фью Dashboard Confusion от 20 марта 2004 года. Автор обсуждал разнобой в употреблении слова и предложил рабочее определение: показывать на одном экране важную для выбранных целей информацию, чтобы её можно было быстро оценить. Это исторический авторский подход, а не свидетельство того, что Фью изобрёл термин или первую цифровую панель. ^[6]

Современные сервисы закрепляют собственные технические значения. Например, в Power BI dashboard и report, то есть отчёт, — разные объекты. У панели одна страница, у отчёта может быть несколько; подробности доступны в связанных отчётах. ^[1] Поэтому при заказе разработки нужно уточнять не только слово «дашборд», но и ожидаемые действия пользователя. Краткая сводка и подробное исследование данных могут потребовать разных экранов.

Суть и механизм

Для объяснения работы панели удобно выделить три этапа: выбрать исходные записи, рассчитать показатели и представить их читателю. Это схема статьи, которую разберём на учебном примере службы поддержки.

Предположим, каждое обращение хранится отдельной строкой с номером, подразделением, датой получения и текущим статусом. Руководителю нужен ответ на вопрос: какая часть обращений выбранной недели ещё открыта? Для такого вопроса недостаточно подписать карточку словом «обращения». Нужно определить, какие записи относятся к неделе, что означает статус «открыто» и на какой момент он зафиксирован.

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

В интерактивной панели зритель меняет условия отбора. В документации Google Data Studio описаны элементы управления, которые позволяют выбирать значения фильтра, период и параметры. Фильтр здесь означает условие отбора данных: например, показывать только обращения одного подразделения. Google отдельно объясняет, что работа фильтра между источниками зависит от внутренних идентификаторов полей, а не только от одинаковых видимых названий. ^[3]

Представление выбирают под вопрос. Tableau рекомендует линейный график для изменения во времени, а столбчатую диаграмму — для сравнения категорий; заголовки и подписи дают необходимый контекст. ^[2] В нашем примере карточка показывает общую долю открытых обращений, а столбцы помогают сравнить подразделения. Добавление графика имеет смысл, если он помогает ответить на дополнительный вопрос, а не просто занимает свободное место.

Виды и классификации

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

Назначение	Вопрос пользователя	Учебный пример
Оперативное наблюдение	Где требуется действие сейчас?	Список обращений с истёкшим сроком ответа
Разбор различий	Чем отличаются группы или периоды?	Сопоставление подразделений за одну неделю
Обзор результатов	Как изменились главные показатели?	Сводка за месяц для руководителя

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

Отдельный вопрос — взаимодействие с данными. Tableau описывает фильтры, подсказки и действия при выборе элементов. ^[2] Однако в специальном объекте dashboard Power BI фильтрация всей панели не предусмотрена: документация отдельно оговаривает временный фильтр плитки в режиме фокусировки. ^[1] Интерактивность нужно проверять по конкретному объекту сервиса, а не выводить из его названия.

Как применяется на практике

Российский пример — дашборд Рекламной сети Яндекса. Он может содержать блок дохода, статистические виджеты и информационные сообщения. Статистический отчёт можно сохранить на панели как график или таблицу. ^[4] Здесь панель объединяет сведения для работы партнёра с рекламными площадками; её назначение отличается от нашего учебного экрана поддержки.

Содержание карточки зависит и от правил сервиса. Яндекс предупреждает, что при обнаружении недействительных показов суммы в виджете могут изменяться. ^[4] Следовательно, для сопоставления сохранённого отчёта и текущего экрана важно учитывать возможность пересчёта. Само различие двух чисел ещё не показывает, что одно из них было ошибочно скопировано.

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

Как измерить или проверить

Продолжим учебный пример. За выбранную неделю зарегистрировано сто обращений; к моменту проверки двадцать из них ещё открыты. Доля открытых обращений — количество открытых записей, делённое на общее число записей этой недели, в процентах:

D = \frac{20}{100}\times100\% = 20\%.

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

При объединении групп знаменатель тоже важен. Возьмём отдельный учебный набор: в первой группе выполнено десять задач из ста, во второй — девять из десяти. Группы не пересекаются, а правило «выполнено» одинаковое. Получаются десять и девяносто процентов. Их простое среднее — пятьдесят процентов, однако общая доля выполненных задач иная:

P = \frac{10+9}{100+10}\times100\% \approx 17{,}27\%.

Среднее двух процентов придаёт обеим группам одинаковый вес. Общая доля придаёт одинаковый вес каждой задаче: всего их сто десять, выполнено девятнадцать. Поэтому выбирать расчёт нужно по вопросу. Если в выбранной группе вообще нет задач, доля не определена: нулевой знаменатель нельзя незаметно заменить результатом «ноль процентов».

После арифметики проверяют чтение панели. Может ли человек назвать выбранную неделю, понять действующий фильтр и отличить отсутствие данных от нулевого результата? Tableau рекомендует делать взаимодействия очевидными, в том числе объяснять их подзаголовками. ^[2] Для учебного проекта полезно также показывать момент обновления: утренняя выгрузка и текущее состояние — разные основания для решения.

Ошибки, ограничения и спорные вопросы

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

Вторая — передавать важное различие только цветом. Критерий 1.4.1 рекомендаций W3C WCAG 2.2 по доступности веб-контента требует, чтобы цвет не был единственным визуальным способом передачи информации. ^[5] Например, статус «просрочено» можно обозначить подписью и значком вместе с красным цветом. Выполнение этого одного критерия не означает полного соответствия панели всем требованиям доступности.

Третья — ожидать от панели готового объяснения причин. В нашем учебном случае увеличение числа открытых обращений совместимо и с ростом поступлений, и с замедлением обработки. Одна итоговая доля не позволяет выбрать между этими объяснениями: понадобятся дополнительные данные. Панель помогает заметить вопрос, но содержание ответа зависит от того, какие сведения и проверки доступны.

Частые вопросы

Дашборд и отчёт — одно и то же?

В Power BI это разные объекты; их возможности прямо сопоставлены в документации. ^[1] В задании на разработку следует уточнять терминологию выбранного сервиса.

Обязательно ли обновлять показатели мгновенно?

Для учебной месячной сводки можно выбрать периодическую выгрузку, для текущего контроля — более частую. Частота является требованием проекта; название «дашборд» само по себе её не задаёт.

Можно ли усреднить проценты нескольких групп?

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

Достаточно ли красного цвета для предупреждения?

Если цвет несёт смысл, нужен дополнительный визуальный способ его передать, например текст. Это следует из критерия 1.4.1 WCAG 2.2. ^[5]

Связанные термины

Источники

Microsoft. (n.d.). Introduction to dashboards for Power BI designers. https://learn.microsoft.com/en-us/power-bi/create-reports/service-dashboards (дата обращения: 23.10.2026). ↑ а б в г д
Tableau. (n.d.). Visual Best Practices. Tableau Blueprint Help. https://help.tableau.com/current/blueprint/en-us/bp_visual_best_practices.htm (дата обращения: 23.10.2026). ↑ а б в г
Google Cloud. (n.d.). About controls. Data Studio documentation. https://docs.cloud.google.com/data-studio/about-controls (дата обращения: 23.10.2026). ↑ а б
Яндекс. Дашборд и виджеты статистики // Рекламная сеть Яндекса. https://yandex.ru/support/partner/ru/dashboard-and-widgets (дата обращения: 23.10.2026). ↑ а б в
W3C. (2024, December 12). Web Content Accessibility Guidelines (WCAG) 2.2, criterion 1.4.1. https://www.w3.org/TR/WCAG22/#use-of-color. Пояснение: https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html (дата обращения к обоим документам: 23.10.2026). ↑ а б
Few, S. (2004, March 20). Dashboard Confusion. Perceptual Edge, pp. 1–3. https://www.perceptualedge.com/articles/ie/dashboard_confusion.pdf (дата обращения: 23.10.2026). ↑ а б