Приветствую!
В этом блоге мы рассмотрим вариант создания динамической подсказки.
На мой взгляд, основная трудность в работе аналитика, это перевести компанию на новую или в целом на BI платформу.
Во многих компаниях, я слышал постановку задачи из серии «сделай как сейчас в excel». Это означает, что коллеги не хотят принимать изменения и привыкать к чему-то новому.
В этом и заключается задача BI аналитика – сделать по-новому и показать насколько это удобно.
На данном этапе существует несколько вариантов адаптации:
- Заказать тренинг по BI платформе у внешних подрядчиков
- Разработать собственный тренинг с учетом особенностей компании
- Создать подсказки на каком-нибудь внутреннем ресурсе (Интранет, Confluence и т.п.)
Но, у всех вышеперечисленных пунктов есть один большой минус – это все где-то не в BI.
Например:
Аналитик создал график. Наполнил его всплывающим окном, дрилл-дауном, ссылкой для перехода на лист с деталями и много чем еще, для удобства пользователя.
Но, пользователь об этом ничего не знает и не использует предоставленные возможности.
На тренинге ему рассказали обо всем и по чуть-чуть. Да и когда это было! Он и не вспомнит, какие возможности существуют.
Где-то есть подробная инструкция, как это работает.
Но, нужно знать, что она точно есть, понять, как ее найти, запомнить все, что прочитал, чтобы потом вернуться в отчет и попробовать повторить то, что запомнил.
Согласитесь, путь тернист и покориться только настойчивым.
Insight BI позволяет сократить этот порог вхождения практически до нуля.
Все что нужно, это записать видео или гифку с возможностями вашего визуала, добавить появляющийся (чтобы не засорять отчет) значок и прикрепить видео к этому значку.
Таким образом: пользователь заходит в отчет. Наводит, условно, на график. У него появляется значок подсказки. Он на него жмет и смотрит короткий ролик про функционал визуала, не выходя из отчета. В рамках одного окна.
Это ускорит принятие нового отчета, позволит быстрее погрузиться в отчет новым пользователям и самое главное, освободит время аналитика от вопросов пользователей «А как…?»
Так как же это сделать, сейчас расскажу…
Для начала нам нужно создать родительский контейнер,
инструкция здесь editor-player, в который мы разместим разметку и сверху оставим немного места (auto) для подсказки, а в основе разместим наш визуал.
Это необходимо для работы псевдокласса hover, так как он работает только с родительскими-дочерними визуалами. О псевдоклассах можете почитать здесь Чудеса псевдоклассов
В слот сверху добавляем «Выпадающий список»
как он работает можете посмотреть здесь editor-player
в теме проекта создаем псевдокласс (настройки могут быть любыми)
.container_promt:hover .droplist { visibility: visible !important; }
Присваиваем родительскому контейнеру класс container_promt
Выпадающему списку класс droplist и CSS стиль visibility: hidden.
Т.е. выпадающий список по умолчанию не виден и появляется только при наведении мыши на контейнер.
Далее в выпадающем списке в слот default добавляем картинку обозначающую «подсказку», (любая, которая принята в вашей компании).
А в слот content добавляем виджет видео, если у вас видео подсказка. Или виджет картинка, если подсказка в виде гифки. Наполняем контент файлами из менеджера файлов. Как это работает можете посмотреть здесь editor-player
Всё. Осталось навести красоту с размерами и визуальной частью.
Надеюсь, статья поможет вам раздвинуть границы возможностей платформы Insight BI.