Соответствие целевой аудитории. Дизайн должен быть понятен и привлекателен для целевой аудитории. Изучение потребностей и предпочтений пользователей поможет создать более эффективный продукт.

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

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

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

Анализ. Наконец, оценить успешность дизайна поможет проведение исследований и анализ метрик. Уровень вовлеченности, популярность, обратная связь пользователей по дашбордам – оценивайте это, если хотите узнать, насколько вам дашборд качественно сделан с точки зрения дизайна.

Правильно выбрать вид визуализации, чтобы визуализации помогали делать выводы, а не становились препятствием.
Рассмотрим графики из книги Александра Богачева «Графики, которые убеждают всех», которые я почти повторила в FineBI (версия 6.1.2).

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

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

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

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

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

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

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

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

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

Наведите порядок в объектах сабджекта:

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

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

Когда вы редактируете внешний вид дашборда используйте подход «от большего к меньшему»: начинайте с изменения шрифтов и заголовков на уровне всего дашборда (Dashboard Style), затем переходите к форматированию на уровне компонентов. Небольшие детали на каждой диаграмме (вроде всплывающих подсказок) настраивайте в самом конце. Используя такой подход, вы сэкономите много времени.

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

Фильтрация по клику — дашборд будет обновляться на основе кликов пользователя на конкретные элементы визуализации.

Jump — возможность перехода между дашбордами или к более детализированным данным.

Drill — погружение в более детализированные уровни данных в той же визуализации.

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

Настройте все интерактивные функции на вашем дашборде:

• Фильтрацию по клику.
• Jump для перехода к детализированным данным или другому дашборду.
• Drill для углублённого анализа данных.

Настройте «связку» (linkage) таким образом, чтобы фильтрация работала только для некоторых визуализаций. Это поможет вам сделать аналитику более точной и сфокусированной на важных показателях.