gasu.gov.ru – ГАСУ Управление
Каждый день мы сталкиваемся с информационными панелями в различных приложениях, которыми мы пользуемся. Вы когда-нибудь встречали некрасивую информационную панель? Встречали вы ли вы информационную панель, которая не информировала вас, а сбивала вас с толку информацией, которой она пыталась до вас донести? Или видели ли вы панель, которая привлекла вас внешним видом и насколько информативна она была? Вы наверняка задумывались о том, что может сделать информационную панель эффективной или неэффективной.
В этой статье, мы обсудим некоторые ключевые идеи, которыми поделились специалисты в области визуализации данных на информационных панелях. Мы надеемся, что они помогут вам правильно отличать хорошую панель от плохой. А если вы создаете информационные панели, то эти идеи помогут вам строить более эффективную коммуникацию с пользователями.
Определение информационной панели от Стефана Фью (Stephen Few)
Давайте начнем с того, что такое «информационная панель». Вот какое определение предлагает ведущий эксперт по информационным панелям Стефан Фью:
«Информационная панель – это визуальный дисплей, наполненный самой важной информацией призванной достичь одну или несколько целей; эта информация бывает собрана и расположена на едином экране, поэтому сразу может быть обработана».
Теперь, когда мы узнали что такое информационная панель, давайте разберемся более подробно. Разобьем это определение на несколько ключевых слов и выражений:
Визуальный дисплей – это не значит, что у всех панелей должны быть схемы и диаграммы. Информационная панель может быть эффективной, имея в содержании текст в форме KPIs. Однако, все информационные панели просматриваются людьми, и при их создании важно обладать пониманием человеческого визуального восприятия.
Самая важная информация – панели, отображающие прозаичную, неинтересную, бесполезную информацию обречены на провал еще до того, как их кто-либо увидит. Все информационные панели должны содержать информацию, которая интересует заказчика или пользователя.
Цели – каждая информационная панель имеет цель. Информирует пользователя, призывает к действию или инициирует переход к другому приложению. Все это цели.
Единый экран – этот момент является спорным в мире, где главенствуют мобильные устройства, а размеры экранов варьируются от очень маленьких у смартфонов, до очень больших настенных дисплеев. Однако, идея представлять информацию наиболее кратко остается актуальной.
Ниже изображена панель, созданная Стефаном Фью, которая наглядно показывает, как выглядит эффективная информационная панель.
А теперь давайте перейдем к процессу создания эффективной информационной панели. Но начнем мы с разбора трех существующих типов информационных панелей.
Информационные панели для различных зрителей
Одним из способов классификации информационных панелей является целевая аудитория. Исходя из целевой аудитории, панели делятся на три типа:
Оперативная панель – также ее называют «Стратегическая». Эти панели просматривают главные менеджеры организаций. Их цель – информировать руководство о том, как компания работает со стратегическими целями. Они отвечают на вопрос «Хорошо ли работает организация?» Этим панелям свойственно иметь самые важные метрики KPI рядом с несколькими диаграммами с историческими данными, чтобы дать контекст KPI. Основываясь на том, каковы числа KPI, руководители могу принять решение покопаться глубже, чтобы собрать более детальную информацию. Из-за иерархии данных, важно чтобы эти панели соответствовали правилу поиска информации, сформулированному Беном Шнейдерманом: «сначала обзор, zoom и фильтр, а затем необходимые детали».
Аналитическая панель – используются бизнес-аналитиками, которые погружены в работу с данными. Аналитики просматривают историю данных, чтобы определить тенденции и причины колебаний в работе. Они стараются предугадать развитие событий в работе, ведь она зависит от множества внутренних и внешних факторов. Аналитик, работающий с этими панелями, задается вопросом: «Как мы можем сработать так, чтобы повысить рабочие показатели?». Обычно, аналитики обладают специальными знаниями, чтобы работать с аналитическими информационными панелями, которые содержат передовые интерактивные функции, позволяющие получить максимальную пользу от полученных данных. Следовательно, не все сотрудники могут работать с этим типом информационных панелей.
Оперативная панель – этими панелями пользуются менеджеры в сфере торговли и кадровой политики. Она помогает сотрудникам определенных отделов понимать цели и задачи команды и компании в целом. Она отвечает на вопрос: «Достигаем ли мы поставленные на сегодняшний день цели?» Оперативные информационные панели содержат только определенные данные компании, которые соответствуют проводимой работе. В зависимости от того, как высоко сфокусированы эти панели, они часто обладают небольшим временем загрузки, а иногда и отображают данные в реальном времени. Поскольку необходимо решать задачи, которые компания ставит перед собой ежедневно, оперативная информационная панель должна иметь способность обрабатывать каждую мельчайшую деталь.
Информационные панели для различных отделов
Поскольку информационные панели содержат «самую важную информацию», необходимо определить, что является наиболее важной информацией для каждого отдела в компании. Мы собрали список такой информации и разбили ее по каждому отделу:
Отдел производства – произведенные единицы продукта, единицы типов продукта, цена за единицу, заказы, отправленный по заказу продукт.
Отдел продаж – лидирующие продукты, заключенные договора, незаключенные договора, средняя стоимость договора, среднее время заключения сделки, продажи по сотрудникам, продажи по регионам, общий учет продажи продукта.
Отдел маркетинга – информированность, посещение, скачивания, лидирующие продукты, цена каждого продукта, затраты потребителя, прибыль.
Отдел поддержки – общее количество компонентов ticket, открытые компоненты ticket, средний временной оборот (TAT), удовлетворенность потребителя (C-SAT), компоненты ticket, решенные в рамках SLA, компоненты ticket закрытые на каждого человека, % вопросов, решенных при получении первого ответа.
Отдел кадров – коэффициент сокращений, число неудачных собеседований, среднее время для устройства на работу нового сотрудника, открытые вакансии, неудовлетворенность выплатами.
Эти измерения помогут выделить наиболее важную информацию для каждого отдела. Однако, до того как начать строить любую информационную панель, необходимо потратить время на то, чтобы понять, что конкретно важно вашему заказчику, какая информация будет важна именно для него.
Теперь, когда мы знаем, что такое информационная панель, каких типов она бывает и из чего состоит, давайте разберем один из наиболее важных принципов дизайна, который поможет вам создать правильную информационную панель.
Существует большое количество принципов, которых следует придерживаться при создании информационной панели, но если нужно выделить на передний план один из таких принципов, то это будет принцип data-ink ratio.
Data-ink ratio (соотношение деталей, которые несут информацию) – это понятие введенное Эдвардом Тюфте, одним из первых экспертов в области визуализации данных. В своей книге «Визуальная демонстрация квантитативной информации» он говорит: «Значительная доля деталей на диаграмме должна демонстрировать информацию об данных по мере их изменения. Детали, несущие информацию нестираемое ядро диаграммы, данные отображаемые в ответ на изменения в представленных числах».
Ниже располагается пример одних и тех же данных в двух графиках – одна с низким соотношением деталей, несущих информацию, а другая с высоким. Несложно заметить, что график с высоким соотношением намного более привлекательна, показывает историю данных более ясно.
В информационных панелях, как и в веб-сайтах, меньшее лучше.
Теперь, вооружившись знаниями, вы можете создавать эффективные информационные панели, которые помогут решать поставленные задачи, а не вводить в ступор пользователя.
В данной инструкции описаны интерфейсы и функционал программного обеспечения Oracle Business Intelligence 11.1.1.7.160119, настроенные для анализа данных НССО в части обязательного страхования ОСП (Обязательное Страхование Перевозчика). При тестировании и написании данной документации использовался веб-браузер Firefox Mozilla 32.0.3
Список описанных информационных панелей
В данной инструкции рассматриваются Информационные панели раздела ОСП В данном руководстве описаны следующие информационные панели: ОСП Аналитика, ОСП Аналитика убытки, ОСП Отчетность и Жалобы. Информационная панель состоит из одной или нескольких закладок с представлениями: графиками или таблицами. Список закладок смотри в следующем разделе, а список представлений каждой закладки указан в таблице в начале описания данной закладки.
Навигация по списку закладок
Для поиска в данной инструкции информации о представлении (графике или таблице на информационной панели) прежде всего, необходимо узнать номер представления. Номер каждого представления высвечивается в виде небольшой белой иконки на экране, если навести и оставить указатель мышки на названии представления (точнее на верхней строке, выделенной жирным шрифтом): Найти нужную закладку (по коду в номере представления) можно в таблице закладок ниже.
Кликнув указателем мышки на нужную гиперссылку, пользователь перейдет на раздел инструкции по этой закладке. Далее, на первой странице этого раздела (описания закладки) есть таблица расположения представлений на информационной панели, например такая:
В первой строке каждой ячейки таблицы жирным шрифтом всегда указан номер представления. Вторые строки в ячейках таблицы являются гиперссылками на конечный раздел инструкции, описывающий представление под выбранным номером.
2 Верхнее административное меню
Верхнее административное меню состоит из эмблемы с текстом ORACLE Business Intelligence и следующих элементов:
3 Нижнее текстовое меню
Нижнее текстовое меню служит для переключения между информационными панелями, создания новых отчетов, элементов отчетов, интерфейсов и т.п., а также для выбора и открытия файлов, описывающих отдельные информационные панели:
4 Информационная панель
Информационная панель состоит из нескольких закладок. Верхнюю часть панели занимают:
Нажатие указателем мышки на название закладки приводит к переключению на эту закладку. Иконка Параметры страницы служит для выбора действий в следующем меню:
Иконка Справка выводит в отдельном окне помощь на английском языке.
При первом отображении закладки и применении новых фильтров вывод (обновление) всех представлений обычно занимает некоторое время. Затем основные элементы графиков сохраняются в кэше веб-браузера, и дальнейшее использование ранее открытых пользователем информационных панелей происходит гораздо быстрее. Нижнюю часть информационной панели (main) для аналитики занимает Поле представлений (запросов) где отображаются озаглавленные разделы (некоторые из которых могут закрываться) с представлениями в виде таблиц, графиков (гистограмм и диаграмм).
5 Аналитические справки – информационные панели
В верхней левой части отображаемой закладки всегда расположена строка, в которой выводится дата формирования отчетов: А сверху в центре панель общих для всей закладки фильтров, имеющая такой вид: Пользователь может выбрать одно значение из выпадающих списков двух полей: “Страховая компания” и “Год”. По умолчанию в этих полях стоят значения ‘ ‘ (все компании) и ‘2013’ (текущий год) соответственно.
При выборе значения фильтра “Квартал”, в меню доступны следующие значения:
Эти значения влияют на отбор данных для всех графиков – задавая отчетный период, внутри которого отбираются договоры для графиков. Выбранное из выпадающего списка значение полей “Страховая компания”, “Год”, “Квартал”, влияет на все представления (графики и таблицы) текущей закладки! После выбора значений в полях фильтра пользователь нажимает кнопку Применить и все графики / таблицы, все динамические элементы на данной закладке перегружаются заново (что занимает время, особенно при первой загрузке!) с учетом отбора данных по выбранным в полях фильтра критериям. Кнопка Сброс вызывает на экран выпадающий список действий:
2 Поле представлений
Содержит представления, распределенные для удобства по разделам (панели по два представления). Отдельный раздел (часть поля представлений) может закрываться, сворачиваться кнопкой: , а затем разворачиваться снова кнопкой . Дополнительная панельВ некоторых случаях, например на закладках ОСП Отчетности поле представления сверху ограничено дополнительной панелью с названием (оформлено как закладка – а для случая Журнала Убытков показаны две закладки, между которыми можно переключаться) отображаемого ниже представления слева: и с дополнительными кнопками в виде иконок справа: Функции этих кнопок аналогичны функциям таких же кнопок в Информационной панели:
( Oracle® Business Intelligence Enterprise Edition Help 11g ). Расположение панелей Представления обычно расположены в два столбца. В тексте местоположение конкретного представления на информационной панели (в поле представлений) будет обозначаться с помощью номера представления в формате: ОСП А1-01, -02, -03, -04 (где А1 – это первая закладка информационной панели А) и т.д., согласно такому схематичному плану:
Номер представления высвечивается в виде небольшой иконки на экране: если навести и оставить указатель мышки на названии представления (точнее на верхней строке, выделенной жирным шрифтом): Номер представления, например ОCП Д1-01, можно найти в данной инструкции текстовым поиском, чтобы посмотреть на раздел инструкции, описывающий это представление. При загрузке закладки представления (особенно графики) отображаются не сразу. В процессе загрузки вместо представлений отображается следующий текст и анимация часов: Если пользователь хочет прервать загрузку, то необходимо нажать на ссылку , загрузка представления будет прервана с помощью команды веб-браузера javascript:void(null). В результате на экране появится следующее сообщение: после чего может вернуться обратно нажав на ссылку . Попытка перехода к начальной странице через верхнее текстовое меню при работающем запросе к базе данных (когда не все графики загружены) приведет к выводу на экран сообщения в отдельном окне: Пользователю доступен следующий выбор: нажать кнопку Покинуть эту страницу для продолжения действия (перехода к начальной странице) или нажать кнопку Остаться на этой странице для отмены перехода. Если в панели общих фильтров были заданы такие параметры, по которым нет данных для конкретного графика, то на его месте возникнет следующее сообщение: Результаты отсутствуют: Под каждым представлением (графиком или таблицей) есть строка командных ссылок. для пользователя СК : для пользователей НССО (администраторов):
3 Графики
График в системе Oracle BI может быть:
Пример: представление в виде Графика (в данном случае в виде круговой диаграммы): Представление График в системе содержит следующие составные части: 1)заголовок графика – может отсутствовать или находится прямо над графиком (как в примере выше) или под графиком. 2)легенда графика – сбоку от графика (пример в п. 2.5.4): 3)Наименование осей, риски, деления, отчеты и цифры на осях, единицы измерений: 4)интерактивные элементы, отображающие подробную информацию: точные числа, пояснения и т.п. Эти ссылки встроены в графические элементы графика (столбцы гистограмм, сектора диаграмм, точки линейного графика). Активируются наведением указателя мышки на элемент. 5) интерактивные элементы, работающие как ссылки на вложенные запросы (смотри ) или закладки. Эти ссылки встроены в графические элементы графика (столбцы гистограмм, сектора диаграмм, точки линейного графика) или в графы таблиц (подсвечиваемые слова): Активируются кликом левой кнопки мыши на данном элементе. Графики делятся на следующие виды/типы: А) Линейные (из линий) – могут быть динамическими. Б) Гистограммы (из столбцов) – могут быть динамическими. В) Секторные (диаграмма)
4 Переход на вложенные запросы с помощью элементов графиков
Большая часть графиков может переключаться на отдельные, вложенные подробные запросы и детализированные представления (по одному типу или виду объекта страхования, по одной страховой компании, за один месяц, квартал и т.п.). В оригинальной документации к ORACLE BI этот переход обозначается англоязычным термином Drill-down (дословно: бурение-вниз). Переключение осуществляется с помощью нажатий на соответствующие интерактивные элементы графиков (столбцы или части графика с данными за один месяц, сектора диаграммы и т.п.). Порядок действий:
2) Пользователь щелчком левой кнопкой мыши на выбранном пункте переходит к скрытому вложенному запросу с распределением тех же величин (количества договоров) по новым величинамданным (по страховым компаниям). Таким образом, осуществляется переход к: А) к новому запросу с одним или двумя новыми представлениями, с другими величинами по одной из осей, например с распределением количества договоров по клиентам (страхователям) вместо распределения количества договоров по месяцам. Б) к новому представлению (таблица и/или более подробный график) того же запроса, но с большим количеством узлов. Например, вместо поквартального графика выводится график с численным значением на каждый месяц (помесячный график). В) К новой закладке или к той же закладке, но с новыми установками Общих Фильтров. Вложенный запрос может также иметь интерактивные элементы, которые позволяют перейти на следующий уровень вложенных запросов. Возврат к первоначальному запросу (первоначальной закладке с разделами) осуществляется с помощью кнопки Назад (Back) веб-браузера. Подробнее о вложенных представлениях (запросах) смотри раздел Вложенные представления (запросы).
5 Динамические графики
Графики с изменяемой формой предназначены для демонстрации изменений распределения по времени или по типу. Эти графики отличаются специальной динамической шкалой переключения режимов сверху самого графика. Динамическая шкала состоит из нескольких позиций, видов отображения, отмеченных вертикальными рисками с названием и кнопок Play (Пуск), Back (Назад), Forward (Вперед), а также перемещаемым элементом (слайдер), который указывает на активный в данный момент вид: Демонстрация возможна в ручном режиме – пользователь сам передвигает указателем мышки слайдер по видам на данной шкале. При этом сама форма графика (и разметки на осях координат) меняются. При автоматическом режиме пользователь только нажимает кнопку Play и наблюдает изменения графика по мере автоматической смены положения слайдера. Автоматический режим всегда можно прервать нажатием на кнопку Pause (которая до этого была кнопкой Play).
6 Таблицы
Таблица может быть единственным вариантом представления или одним из вариантов представления. Пример – Представление в виде Таблицы: Представление Таблица в системе содержит следующие элементы:
Все ячейки таких строк имеют элементы сортировки значений и изменения ширины колонки. Эти интерактивные элементы расположены у правого края ячейки:
Для изменения ширины колонки нужно навести указатель мыши на вертикальную границу, дождаться появления стандартного знака переноса границы, нажать левую кнопку мыши и, удерживая её, передвинуть границу колонки.
Клик левой кнопкой мыши на таких активных ссылках вызывает всплывающую текстовую подсказку на белом фоне с пояснением о типе вложенного запроса (по каким величинам/группам будет построен новый график). При нажатии на данное текстовое сообщение осуществляется переход (drill-down) на вложенный запрос – подробнее смотри в .
Другой способ перематывать содержимое таблицы построчно представлен ниже: Кнопки под таблицей позволяют: вернуть таблице первоначальный размер (отображать не целиком), уменьшить количество строк в видимой части таблице, увеличить количество видимых строк в таблице, отобразить таблицу целиком.
7 Переход на вложенные запросы с помощью элементов в таблицах
Для большей части таблиц можно также как и на графиках переключаться на отдельные, более подробные запросы и новые представления того же запроса (по одному клиенту, по одному типу, за один месяц, неделю и т.п.). Такие переключения выполняются с помощью нажатий на соответствующие интерактивные элементы, которые размещены в ячейках таблицы с данными. Порядок действий: 1) Пользователь должен навести указатель мыши на один из интерактивных элементов таблицы и тогда интерактивный элемент будет подсвечен:Или появится текстовое сообщение, на которое надо снова навести указатель мыши и нажать левую кнопку:
8 Вложенные представления (запросы)
Переход к вложенному запросу (с несколькими представлениями) или отдельному представлению вызывается нажатием указателя мышки на интерактивный элемент графика (сообщения на нем) или ссылку в таблице. Таким образом, осуществляется переход к: А) к новому запросу с новыми графиками с другими величинами по одной из осей, например, вместо распределения количества договоров по месяцам, распределения количества договоров по клиентам (страхователям): Б) к новому представлению (таблица и/или более подробный график) того же запроса, но с большим количеством узлов. Например, вместо поквартального графика выводится график с численным значением на каждый месяц (помесячный график) или вместо помесячного графика выводится понедельный график.