Методы проектирования макета приборной панели

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

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

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

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

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

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

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

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

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

Оглавление

• Дизайн макета приборной панели
• Настроить разрешение страницы отчета
• Два подхода к разработке заранее спланированных макетов
• Создайте структуру отчета, добавив фигуры
• Как структурировать страницы отчета в дизайне макета панели инструментов
• Заключение

Дизайн макета приборной панели

Первым важным элементом, который необходимо учитывать, является размер страницы или разрешение . Стандартное разрешение страницы по умолчанию установлено на 1280 на 720, что составляет 16:9 по ширине и высоте отчета.

Это разрешение отлично работает во многих сценариях, но лично я считаю полезным увеличить разрешение до любой точки в диапазоне от размера разрешения по умолчанию до где-то около 1900 x 1100, сохраняя при этом соотношение на том же уровне 16: 9.

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

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

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

Настроить разрешение страницы отчета

Теперь давайте погрузимся в файл PBX. Я покажу вам, как вы можете легко настроить разрешение страницы отчета. Сначала создайте новую страницу, перейдите в панель визуализации, выберите «Формат страницы» , затем «Настройки холста» . В раскрывающемся списке вы можете выбрать предпочтительный формат от соотношения сторон 16:9 до пользовательского.

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

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

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

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

Два подхода к разработке заранее спланированных макетов

При разработке заранее запланированных макетов у меня есть два подхода с использованием Microsoft PowerPoint. Первый подход заключается в создании макета с фиксированной структурой и сразу включенными всеми объектами и формами.

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

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

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

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

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

Создайте структуру отчета, добавив фигуры

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

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

Как структурировать страницы отчета в дизайне макета панели инструментов

Структурирование страницы отчета зависит от типа отчета и конечных пользователей.

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

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

Заключение

В этом посте мы обсудили, как оптимизировать дизайн макета панели мониторинга вашего отчета LuckyTemplates . Когда дело доходит до дизайна, четкий, лаконичный макет со сбалансированным сочетанием визуальных элементов — это путь вперед.

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

Всего наилучшего,
Густав Дудек.