Дизайн Dashboards

Условное форматирование на виджетах

Цвет а CRM Analytics измеряется порогом. Определите бункеры, установите значения отсечки, назначьте красный / желтый / зеленый, переименуйте этикетки в Low / Medium / High и выберите между дискретными бункерами и непрерывным градиентом.

Условное форматирование на виджетах

Условное форматирование - это самая высокая отдача за пять минут, которые вы когда-либо проведете на приборной панели. Он берет диаграмму нейтральных синих полос и превращает ее в то, что читатель может интерпретировать одним взглядом: Красный – это проблема, зеленый – это хорошо.. Ни легенды, ни объяснения, ни обучения.

Он живет в панели свойств виджета, на мераи работает на барных диаграммах, таблицах значений и номер Виджеты похожи.

Где его найти

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

  1. 1

    Выберите виджет

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

  2. 2

    Включите условное форматирование

    Найдите условный переключатель форматирования в панели свойств и включите его.

  3. 3

    Выберите меру

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

  4. 4

    Определите свои бункеры

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

  5. 5

    Назначать цвета и этикетки

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

Бинты и пороги

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

Скажи, что ты красишь сумма суммы На графике возможностей. Вы можете установить:

Бин 1 — до 100К

Неэффективно. Красный цвет. На этой неделе все, что связано с этим, требует внимания.

Бин 2 — 100K до 250K

На трассе, но не ясно. Цвет желтый — классическая группа «Watch This».

Бин 3 — 250К и выше

Здорово. Окрасите его в зеленый цвет и дайте глазу читателя проскочить мимо него.

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

Переименовать этикетки

Из коробки каждый мусорный бак называется чем-то забываемым. Бин 1. Перепиши их. Тип низкий, среднийи высокий Или, лучше сказать, слова, которые использует ваша команда: В опасности, В пути, превышение.

Это имеет большее значение, чем кажется, потому что эти ярлыки появляются в легенде виджета и в подсказках. Легенда «Низкий / Средний / Высокий» является самодокументирующей. Одно чтение «Bin 1 / Bin 2 / Bin 3» заставляет читателя спросить вас, что это значит, и это именно тот вопрос, который удаляет хороший дизайн.

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

Бинс против градиента

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

Что использовать, сводится к тому, имеет ли ваше правило преимущество:

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

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

Также работает с виджетами чисел

Условное форматирование не только для графиков. Применить его к a номер Виджет и сама большая фигура меняют цвет — один KPI Он краснеет в тот момент, когда попадает под цель. Это очень эффективное использование приборной панели недвижимости: один номер, нет легенды, нет диаграммы, и государство безошибочно со всей комнаты.

Мы создадим именно такой форматированный виджет чисел, когда соберем KPI Позже в этом разделе.

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