ДЕНЬ 34
Про интерактив на дашбордах
СЕГОДНЯ:
Один из самых интересных моментов проектирования дашборда, это продумывание перехода от статичной картинки к интерактивному продукту. Сегодня мы разберем элементы интерактивности и пробежимся по новым функциям Tableau для создания способов взаимодействия с данными, повторим фильтры, параметры, тултипы и остановимся на экшенах, чтобы рассказать о способах привлечения внимания пользователей. Переходы между дашбордами нам тоже в помощь. Как обычно – кейс с описанием задачи и хорошая поваренная книжка об интерактивности в Tableau для листания на ночь. Всем хорошей дороги. Побежали.
Один из самых интересных моментов проектирования дашборда, это продумывание перехода от статичной картинки к интерактивному продукту. Сегодня мы разберем элементы интерактивности и пробежимся по новым функциям Tableau для создания способов взаимодействия с данными, повторим фильтры, параметры, тултипы и остановимся на экшенах, чтобы рассказать о способах привлечения внимания пользователей. Переходы между дашбордами нам тоже в помощь. Как обычно – кейс с описанием задачи и хорошая поваренная книжка об интерактивности в Tableau для листания на ночь. Всем хорошей дороги. Побежали.
РАЗБИРАЕМСЯ
Интерактивность
Зачем?
Продукт, которым не пользуются – бесполезный продукт. Поэтому, адаптация пользователей к дашборду должна стоять наверху списка приоритетных целей. Добавление интерактивности и элементов взаимодействия с данными – удачный способ привлечения и удержания аудитории. И на это есть две причины.
Во-первых, когда люди кликают на области графика, видят изменения на диаграммах, выбирают нужные для себя категории в фильтрах или даже просто смотрят на всплывающие подсказки, это уже вовлекает их в работу с данными, а значит увеличивает время нахождения на дашборде. А это, в свою очередь, увеличивает шансы "совпадения по интересам": дашбордом заинтересуются. Поймут, чем он может быть полезен. Узнают, сколько времени он экономит. Полюбят и добавят в закладки. Это особенно важно в бизнес-среде.
Во-первых, когда люди кликают на области графика, видят изменения на диаграммах, выбирают нужные для себя категории в фильтрах или даже просто смотрят на всплывающие подсказки, это уже вовлекает их в работу с данными, а значит увеличивает время нахождения на дашборде. А это, в свою очередь, увеличивает шансы "совпадения по интересам": дашбордом заинтересуются. Поймут, чем он может быть полезен. Узнают, сколько времени он экономит. Полюбят и добавят в закладки. Это особенно важно в бизнес-среде.
Во-вторых, это расширение аудитории дашборда. Возможность выбрать свой период времени, ввести свои данные для сравнения, изменить показатели при помощи параметров – все это привлекает новых пользователей, которые могут использовать один и тот же дашборд, но со своими настройками. Это проще и эффективнее, чем дублировать такие же по смыслу и наполнению дашборды.
Как?
Интерактивность в Tableau Desktop поддерживается через глобальные фильтры, параметры, экшены и тултипы. Комбинируя эти настройки интерактивности вы получите интересную, живую логику для работы с данными. Главное – чтобы логика была понятна не только вам, но и пользователям дашбордов.
Глобальные фильтры (Global Filters). Глобальные фильтры – это обычные фильтры, но которые применяются к нескольким листам в книжке Tableau (а возможно и ко всем листам сразу). Добавив на дашборд один фильтр, например по периоду, поставьте его на все листы на дашборде.
Параметры (Parameters). Параметры – одна из самых мощных возможностей в Tableau. Параметры действуют как глобальные фильтры, но от фильтров они отличаются тем, что запоминают пользовательские значения, а не данные из источника. Кейсов очень много: вычисляемые поля, интервалы на гистограммах, референс-линии, кастомизация табличных вычислений... При помощи параметров можно заменять переменные на диаграмме. При этом, выбор будет делать сам пользователь. В новых версиях Tableau начала 2019 года появятся возможности Parameter Actons – сохранение цифры с визуализации в контейнер параметра.
Тултипы (Tooltip). Тултипы это небольшие всплывающие подсказки, которые появляются при наведении курсора мыши на элемент визуализации. В тултипах можно добавить дополнительные переменные, написать пояснения и комментарии. А знаете ли вы про Viz in Tooltip – Виз внутри тултипа?
Глобальные фильтры (Global Filters). Глобальные фильтры – это обычные фильтры, но которые применяются к нескольким листам в книжке Tableau (а возможно и ко всем листам сразу). Добавив на дашборд один фильтр, например по периоду, поставьте его на все листы на дашборде.
Параметры (Parameters). Параметры – одна из самых мощных возможностей в Tableau. Параметры действуют как глобальные фильтры, но от фильтров они отличаются тем, что запоминают пользовательские значения, а не данные из источника. Кейсов очень много: вычисляемые поля, интервалы на гистограммах, референс-линии, кастомизация табличных вычислений... При помощи параметров можно заменять переменные на диаграмме. При этом, выбор будет делать сам пользователь. В новых версиях Tableau начала 2019 года появятся возможности Parameter Actons – сохранение цифры с визуализации в контейнер параметра.
Тултипы (Tooltip). Тултипы это небольшие всплывающие подсказки, которые появляются при наведении курсора мыши на элемент визуализации. В тултипах можно добавить дополнительные переменные, написать пояснения и комментарии. А знаете ли вы про Viz in Tooltip – Виз внутри тултипа?
Экшены на дашбордах (Actions). Экшены – ваше тайное оружие. Они всегда создают-вау эффект. Экшены дают возможность взаимодействовать с данными на дашбордах. В Tableau 3 основных вида экшенов: фильтрация, подсветка и переход по URL-адресу.
Экшен-фильтры дают возможность фильтровать данные в визуализациях на лету. Например, когда у вас на дашборде есть карта по доходу от разных городов и таблица, показывающая все сделки во всех городах, то вы можете выбрать нужный вам город на карте, а таблица рядом профильтруется только по выбранному городу. Таким образом, при подключении экшн фильтров, информация с выбранной диаграммы передается на другие, и те, в свою очередь, оставляют только отфильтрованные данные.
Экшен-фильтры дают возможность фильтровать данные в визуализациях на лету. Например, когда у вас на дашборде есть карта по доходу от разных городов и таблица, показывающая все сделки во всех городах, то вы можете выбрать нужный вам город на карте, а таблица рядом профильтруется только по выбранному городу. Таким образом, при подключении экшн фильтров, информация с выбранной диаграммы передается на другие, и те, в свою очередь, оставляют только отфильтрованные данные.
Экшены-подсветки позволяют привлекать внимание к областям на визуализации через автоматическое выделение нужных данных цветом. Экшены-подсветки работают также, как и экшены-фильтры. Разница в том, что не подходящие под условие данные, не скрываются как в фильтрах, а приглушаются в цвете.
Вы также можете задавать действие по клику на элемент диаграммы в виде перехода на URL-адрес в браузере. При настройке перехода по URL добавьте туда возможные параметры из источника данных.
Для всех видов экшенов есть три способа как будет осуществляться действие: при наведении курсора, при клике или при помощи отдельной строки в тултипе (Menu).
Для всех видов экшенов есть три способа как будет осуществляться действие: при наведении курсора, при клике или при помощи отдельной строки в тултипе (Menu).
СОВЕТ
Можно добавить URL-экшен, который создает email сообщение на основе данных из вашего дашборда, настроив адрес получателя, тему письма и даже начало его содержимого. Это возможно при использовании общих для ОС тегов mailto, subject и body.
Как вовлечь аудиторию максимально эффективно и понятно? Сделайте интерактивные переходы между дашбордами. Эта опция называется Go To Sheet и с версии 2018.3 доступна в Tableau как отдельный вид экшена. Тем не менее, вы также можете настроить такой переход и экшенах-фильтрах/подсветках, чтобы переходить на другие дашборды (Target Sheets) по клику.
Используйте иконки или шейпы для наилучшего внешнего вида ваших элементов взаимодействия. В версии 2018.3 появилась возможность добавить кнопку на дашборд. В качестве внешнего вида кнопки можно загрузить любое подходящее изображение. При клике на кнопку, пользователь будет переходить на другой рабочий лист.
Используйте иконки или шейпы для наилучшего внешнего вида ваших элементов взаимодействия. В версии 2018.3 появилась возможность добавить кнопку на дашборд. В качестве внешнего вида кнопки можно загрузить любое подходящее изображение. При клике на кнопку, пользователь будет переходить на другой рабочий лист.
Новое в Tableau
Что из себя представляют недавно появившиеся Set-Actions в Tableau? Как их можно использовать? Предлагаем посмотреть эту интересную сессию с американской конференции Tableau Conference.
Что из себя представляют недавно появившиеся Set-Actions в Tableau? Как их можно использовать? Предлагаем посмотреть эту интересную сессию с американской конференции Tableau Conference.
О новых Set Actions
Свежий функционал 2018 года с конференции Tableau
ПРАКТИКУЕМСЯ
Сегодня в практике еще один пример постановки задачи и разбора дашборда.
Задача
Легкое и простое отображение основных показателей Google Analytics по корпоративному сайту. Ответственные люди получали данные в отчете ежедневно для корректировки плана и отслеживания изменений.
- Быстрое отображение ключевых показателей
- Использование корпоративного стиля для менеджмента компании
Данные
Отчет содержит в себе несколько источников данных, разница в них – принцип агрегации данных и разделение типов показателей:
- Основные показатели сайта по дням
- Основные показатели сайта по месяцам
- Показатели основных страница сайта (за все время)
- Показатели основных страница сайта (по месяцам)
Техническое решение
Все источники данных содержат 1-2 поля позволяющие легко обновлять временные интервалы и использовать интерактивный функционал Tableau – фильтры и подсветку.
Уровень детализаций и количество показателей было изменено по окончанию производства отчета для обеспечения высокой производительности и минимизации времени обновления. Из окончательных источников были исключены неиспользуемые поля, а данные агрегированы только до нужного уровня детализации.
Уровень детализаций и количество показателей было изменено по окончанию производства отчета для обеспечения высокой производительности и минимизации времени обновления. Из окончательных источников были исключены неиспользуемые поля, а данные агрегированы только до нужного уровня детализации.
Элементы
- Отчет использует корпоративные цвета и шрифты.
- Основные показатели представлены в динамике в виде спарклайнов, с указанием средних значений и накопленных показателей. Показатели сгруппированы по принципам их исчисления – абсолютные против средних значений и процентов.
- Агрегированные данные и сравнение по месяцам представлены в правой части отчета и содержат цветовые оповещения отрицательных значений (сравнение по месяцам).
- Анализ страниц и источников трафика находятся на одинаковых уровнях, что позволяет проводить анализ не меняя направления мысли.
- Данные отчет не содержит явных фильтров, но в нем присутствуют экшен-фильтры.
- В отчете есть подсветка значений при выборе месяцев и определенных показателей.
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Несколько идей, что можно сделать в Tableau по теме интерактивности
Статья от Evolytics и Райана Слипера
Обзор от TheInformationLab
Практический гайд от гуру Interworks
Очень практичный совет от SirVizALot
МАТЕРИАЛЫ
Книги
Наборчик принципов построение интерактивных визуализаций. Читать пока еще не все функции устарели...
Около 40 различных дашбордов с разборов различных элементов интерактивности используемых для построения.
Итоги этапа
Мы все ближе к теме историй. И у нас осталось еще несколько тем чтобы добраться до чистого дашборд супрематизма. Сегодня мы рассмотрели основные инструменты Tableau по управлению и созданию интерактивностью и как показывает практика, для ювелирного использования этих возможностей, нужна только ... практика. Рекомендуем обязательно практиковаться в перерывах между этапами маршрута марафона. До следующей недели. Виз виз уррррра!
~
