Vizuators
Получить консультацию
БЛОГ

Навигационный дашборд в Tableau:
3 подхода от простого к сложному

Сравниваем методы на основе скриншотов, мини-дашбордов и веб-объектов

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


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

Встроенные в Tableau Server каталоги и папки отражают структуру хранения, но не всегда — логику работы. Чтобы дать пользователям единый и осмысленный маршрут, нужен специальный навигационный дашборд (хаб).

Рассмотрим три проверенных подхода к его созданию — от быстрого старта до комплексных решений. Выбор зависит от масштаба проекта, требований к динамике данных и уровня кастомизации.
Настройка навигационной панели дашборда в Tableau Server

1. Скриншоты + интерактивные изображения

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

  • через встроенный объект «Навигация» (Navigation);

  • через объект «Изображение» (Image) с фоновой картинкой;

  • через использование шейпов (Shape).

Вариант 1
Использование объекта «Навигация» (Navigation)

  1. Объедините все целевые дашборды в одну книгу Tableau.
  2. Сделайте скриншоты (либо выгрузку изображений) каждого дашборда.
  3. Добавьте на лист Дашборда навигации контейнер с объектами «Навигация» (Navigation).
Использование объекта «Навигация» (Navigation) для создания навигационного дашборда в Tableau
4. Для равномерного распределения — выберите Distribute Contents Evenly.
Использование объекта «Навигация» (Navigation) для создания навигационного дашборда в Tableau
5. В настройках каждого объекта загрузите скриншот нужного дашборда (Choose Image) и задайте переход на соответствующий лист (Navigate to).
Использование объекта «Навигация» (Navigation) для создания навигационного дашборда в Tableau
6. Для создания эффекта кнопок на сером фоне на вкладке Layout задаем фон всего дашборда (Background) серый, для каждого элемента навигации настраиваем Outer Padding — в нашем случае 16.
Использование объекта «Навигация» (Navigation) для создания навигационного дашборда в Tableau
Требуется объединение всех дашбордов в одну книгу, что может привести к проблемам с производительностью и усложнить администрирование.

Вариант 2
Использование объекта «Изображение» (Image)

Во втором, более практичном случае навигационный дашборд состоит из элементов Image. В нем находятся скриншоты и ссылки на целевые дашборды, опубликованные на сервере. Этот метод не требует объединения всех дашбордов в одну книгу и не создает дополнительной нагрузки на сервер, однако требует наличия сервера Tableau.
  1. Сделайте скриншоты (либо выгрузку изображений) каждого целевого дашборда.
  2. Добавьте на лист Дашборда навигации контейнер с объектами «Изображение» (Image). В качестве Изображений используйте скриншоты соответствующих дашбордов. Для равномерного распределения — выберите Distribute Contents Evenly.
  3. В строке URL Opened When Image Is Clicked — вставьте ссылку на дашборд, опубликованный на сервере.
  4. Для создания эффекта кнопок на сером фоне на вкладке Layout задаем фон всего дашборда (Background) серый, для каждого элемента навигации настраиваем Outer Padding — в нашем случае 16.
Использование объекта Image для создания навигационного дашборда в Tableau

  • Преимущества

    • скорость разработки и загрузки;
    • простота поддержки;
    • возможность управлять порядком и визуальным стилем независимо от структуры проекта на сервере;
    • возможность объединения дашбордов из нескольких проектов.

  • Ограничения

    • необходим Tableau server;
    • изображения не динамичны;
    • требуется обновление скриншотов при изменении дизайна целевых дашбордов.

Вариант 3
Использование объекта «Форма» (Shape)

В третьем случае навигационный дашборд строится на основе единой визуализации, заполненной компонентами типа «Форма» со скриншотами дашбордов, опубликованных на сервере. Как и предыдущий метод, этот подход не требует объединения всех дашбордов в одну книгу и не создает дополнительной нагрузки на сервер, однако требует наличия сервера Tableau.
1
Сделайте Excel-файл, в котором есть поле Название дашборда (содержит названия дашбордов) и Ссылка (содержит ссылки на опубликованные дашборды). Для того, чтобы все дашборды открывались в одном окне, в конце ссылки можно добавить:
?:linktarget=_self
2
Сделайте скриншоты (либо выгрузку изображений) каждого дашборда. Названия изображений должны соответствовать названиям дашбордам в файле Excel.
3
В папке \Documents\My Tableau Repository\Shapes создайте папку (Navi_dash) и перенесите туда изображения дашбордов.
4
Для формирования сетки с шейпами нужен новый лист Tableau, для которого источником станет Excel-файл со ссылками. Создайте 2 калькуляции:
Column Divider = (INDEX()-1)%(ROUND(SQRT(SIZE())))
Row Divider = INT((INDEX()-1)/ROUND(SQRT(SIZE())))
5
Для обеих калькуляций выполните Convert to Dimention.
6. Перетяните калькуляции на поля Columns и Rows соответственно. Выберите Compute Using — Название дашбордов.
Использование объекта Image для создания навигационного дашборда в Tableau
7
Тип визуализации — Shape, в поле Shape разместите столбец с названием дашбордов.
Чтобы определить тип шейпа:

  1. Выберите созданную палитру Navi_dash.
  2. Нажмите кнопку Assign Palette.
Использование объекта Image для создания навигационного дашборда в Tableau
Если имена шейпов совпадают с именами дашбордов, изображения применятся автоматически. Иначе назначение придется выполнять вручную, что менее удобно.
8. В Detail перетащите поле со ссылками на дашборды.
Использование объекта Image для создания навигационного дашборда в Tableau
9.Отформатируйте лист при необходимости — подберите нужный размер (Size), удалите названия заголовков для обеих осей, адаптируйте размер визуализации (Entire View).
10.На дашборде разместите визуализацию с шейпами. Для перехода на дашборды добавьте Action — Go to URL (в строку URL разместить поле со ссылками).
Использование объекта Image для создания навигационного дашборда в Tableau
Использование объекта Image для создания навигационного дашборда в Tableau

  • Преимущества

    • скорость разработки и загрузки;
    • простота поддержки;
    • автоматическое добавление новых дашбордов при добавлении их в файл Excel;
    • возможность управлять порядком и визуальным стилем независимо от структуры проекта на сервере;
    • возможность объединения дашбордов из нескольких проектов.

  • Ограничения

    • необходим Tableau server;
    • изображения не динамичны;
    • требуется ручное обновление Excel-файла при добавлении дашборда либо изменении его размещения;
    • требуется обновление скриншотов при изменении дизайна целевых дашбордов.

2. Мини-дашборды из целевых элементов

Это более гибкий и интерактивный подход, при котором вместо статичных изображений создаются рабочие мини-визуализации с ключевыми метриками.
Вы можете создать как точную миниатюрную копию исходного дашборда, так и собрать новый из отдельных, наиболее информативных визуализаций.
  1. Создайте сетку: разместите на странице контейнер и выберите для него опцию Distribute Contents Evenly, чтобы равномерно распределить все мини-дашборды.
  2. Подготовьте мини-дашборды:
  • Внутри сетки разместите отдельные контейнеры для каждого мини-дашборда.
  • В каждом контейнере создайте уменьшенную версию целевого дашборда. Она должна содержать его название и ключевые метрики.
  • Если размер и форматирование подходят, используйте визуализации напрямую с целевого дашборда. Если требуются изменения, создайте их копию на том же источнике данных и адаптируйте форматирование.
3.Добавьте навигацию: чтобы мини-дашборды стали кликабельными, разместите поверх каждого из них компонент Floating (типа Navigation или Image), как в первом методе. В качестве картинки для компонента используйте прозрачный фон.
Мини-дашборды из целевых элементов для создания навигационного дашборда в Tableau
Этот метод особенно полезен в случаях, когда навигационный дашборд должен не только перенаправлять, но и давать мгновенное представление о состоянии данных.

  • Преимущества

    • возможность динамически обновлять показатели;
    • дает контекст сразу: пользователь видит ключевые метрики до перехода;
    • улучшение вовлеченности через мини-дашборды.

  • Ограничения

    • больше времени на разработку и поддержку;
    • ограниченное пространство мини-дашборда;
    • повышенная нагрузка при большом количестве мини-дашбордов.

3. Использование Web Page в Tableau

Этот подход позволяет создавать продвинутые интерфейсы и интегрировать внешние веб-ресурсы непосредственно в дашборд. Компонент Web Page позволяет встраивать интерактивные элементы, расширять навигацию за пределы Tableau и создавать комплексные порталы-агрегаторы.
  1. Разместите контейнер для равномерного распределения всех дашбордов (выберите Distribute Contents Evenly).
  2. Соберите мини-версии дашбордов. Как и в варианте 2, можно использовать как оригинальные компоненты, так и копии с измененным форматированием.
Использование Web Page для создания навигационного дашборда в Tableau
Размер мини-дашбордов должен соответствовать (или даже быть чуть меньше) месту, отведенному на дашборде навигации.
3
В сетке разместите «Web Page»-компоненты со ссылкой на мини-дашборды. Чтобы убрать лишние элементы для корректного отображения Web Page требуется в конце ссылки прописать:
?:showVizHome=no&:embed=yes
4
Как и в предыдущем методе, для перехода по ссылке при нажатии поверх получившихся мини-дашбордов разместите Floating компоненты Navigation или Image. В качестве картинки компонента используйте прозрачный фон.
Использование Web Page для создания навигационного дашборда в Tableau
Метод наиболее эффективен для создания корпоративных аналитических порталов и платформ со сложными сценариями доступа и интеграциями.

  • Преимущества

    • прямая связь с внешними системами управления задачами и сопровождения (например, Jira, ServiceNow).
    • возможность отображать web-контент и документацию;
    • гибкость кастомного интерфейса, недоступная в Tableau Server.

  • Ограничения

    • зависит от корректности URL, доступов и политики безопасности;
    • сложнее в поддержке и интеграции;
    • нагрузка на производительность.
Каждый подход к навигации решает свою задачу

  • Стандартная навигация Tableau Server — это надежный и масштабируемый фундамент. Однако она отражает структуру хранения данных, а не логику работы бизнес-пользователя.
  • Пользовательские навигационные дашборды выстраивают понятные сценарии, создают единую точку входа и значительно снижают когнитивную нагрузку.
  • Кастомные решения — это инвестиция в продукт. Они требуют больше усилий в проектировании и поддержке, но преобразуют аналитику из набора отчетов в целостный аналитический продукт.
Оптимальный подход — использовать Tableau Server как инфраструктурный слой, а навигационные дашборды как инструмент улучшения пользовательского опыта и восприятия аналитики.

Поможем стандартизировать навигацию

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