Дизайн Dashboards

Здание KPI Микро-чарты

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

Здание KPI Микро-чарты

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

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

Оригинальное название: Clone the Dashboard

Прежде чем начать удалять настройки из виджетов, сделайте копию. CRM Analytics Это не дает вам глубокой истории, и такая работа по своей сути является пробой и ошибкой.

  1. 1

    Откройте приборную панель, на которой вы хотите экспериментировать

    Начните с рабочей версии, которой вы довольны.

  2. 2

    Выберите клон в новой вкладке

    Из меню приборной панели, клонируйте его. Копия открывается на свежей вкладке браузера, оставляя оригинал нетронутым.

  3. 3

    свободно экспериментировать

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

  4. 4

    Сохранить копию под ясным именем

    Дайте ему имя, которое ваша команда не ошибется — префикс WIP или песочницы работает хорошо.

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

График времени для тенденций даты

Первый KPI Это, как правило, тенденция: доход с течением времени, случаи с течением времени. Инстинкт состоит в том, чтобы достичь диаграммы бара, сгруппированной по месяцам. Дотянуться до график Вместо этого график.

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

Бар график на даты

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

График времени

Настоящая ось времени. Непрерывный, правильно разнесенный, и он разблокирует временные функции, такие как проецируемые линии.

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

Снизить его до микросхемы

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

  • The ось x и ось, включая этикетки клещей и названия осей
  • The название чарта и подзаголовок — собственная этикетка плитки уже говорит, что это такое
  • The легендаЧто не имеет смысла для одной серии
  • Сетки Любое фоновое наполнение

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

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

Прогнозируемая линия

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

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

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

Полярный калибр

Для метрики с a цельКолея бьет число. The полярный Показывает как частичное кольцо, которое заполняется в направлении максимума, который вы определяете - достижение против квоты, случаи, закрытые против SLA, принятие против цели.

Его сила заключается в том, что он показывает положение в пределах диапазона с первого взгляда: три четверти пути сразу разборчивы, как «почти там» таким образом, что «76,4%» не является. Установите максимум на что-то значимое (сама цель, поэтому полное кольцо означает цель) и примените условное форматирование, чтобы цвет заполнения также имел статус.

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

Виджет числа

Рабочая лошадка в KPI ряд. Единая мера, сделанная большой. Две настройки делают его приборной панели готовы:

Формат сокращенного номера

Включите сокращенное форматирование так, чтобы 12 483 900 рендеров были 12,5M. Полная точность не подходит, и никто не читает цифры.

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

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

Между ними вы получаете KPI который передает величину и статус без диаграммы вообще — самый дешевый виджет на приборной панели как по пикселям, так и по стоимости запроса.

Сборка ряда

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

Все, что ниже этой полосы, - детали. Сама группа должна ответить на вопрос «все в порядке?» без прокрутки.

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