Пять UX-хаков в Tableau на 2021 год
- Размещение КПЭ сбоку
- Создание интерактивной боковой панели
- Использование приемов с автоматическим снятием выделения.
- Использование невидимых форм
- Добавление инструкции.
1. Более эффективно используйте пространство, размещая КПЭ сбоку.
Выравнивание ключевых показателей эффективности по горизонтали в верхней части информационной панели – довольно стандартный подход, и часто это правильно. Но иногда это приводит к тому, что диаграммы странным образом растягиваются или обрезаются. Если вы проектируете информационную панель для ноутбуков и широкоэкранных мониторов, при размещении ключевых показателей эффективности слева (вертикально) пространство будет использоваться более эффективно и придаст информационной панели более естественный вид:
2. Сделайте интерактивную боковую панель, чтобы пользователи могли быстро переключать диаграммы.
Когда на информационных панелях нужно было отобразить данные с разных сторон, я делал их длиннее или добавлял дополнительные вкладки. Но теперь я пытаюсь сделать более гибкой саму панель, чтобы она умещалась на целом экране. Поставив КПЭ сбоку, как я описал выше, я могу использовать замену листов и действия с параметрами для изменения диаграмм одним щелчком мыши. И это работает не только для КПЭ. В последнем проекте у меня было ключевое измерение с тремя разными составляющими. Я создал карточку для суммирования данных для каждого составляющего, сложил их вертикально, а затем использовал эти карточки для управления картой с правой стороны:
3. Используйте приемы автоматической отмены выбора, чтобы избежать двойного щелчка
Сообщество Tableau поделилось несколькими советами о том, как обойти такое поведение по умолчанию. Первый способ, от Юрия Фала и Люка Станке – использование фильтра ИСТИНА/ЛОЖЬ. Второй, от Брайана Мура, включает простое выделение. Здесь используются оба.
Примечание. Метод Юрия и Люка включает в себя действие как выделения, так и фильтра, но в моем шаблоне он отлично работал без выделения – до тех пор, пока мое действие фильтра нацелено непосредственно на лист, а не на лист, выбранный на информационной панели (см. изображение ниже):
4. Используйте невидимые формы, чтобы не отвлекать внимание.
Хаки с автоматическим снятием выделения отлично подходят для изменения того, что происходит после щелчка, но иногда нужно изменить поведение Tableau до щелчка. Вот пример листа, который я использую в качестве кнопки. При наведении указателя мыши текст выглядит размытым. Это – нехорошо:
В подобных ситуациях я часто размещаю прозрачный лист с прозрачной формой сверху (Примечание: это отличается от размещения пустого объекта информационной панели сверху, см. следующий GIF для более подробной информации). Затем я подключаю этот пустой лист к действию на информационной панели или использую пустой .png в качестве кнопки навигации. Для конечного пользователя это выглядит так, как будто он нажимает на то, что находится под плавающей пустотой, но на самом деле они щелкают на пустом листе, находящимся сверху, что устраняет нечеткое выделение. Эту технику сложно продемонстрировать, поскольку в ней задействованы невидимые объекты, но в .gif ниже вы увидите кружок, который я заменяю пустым изображением. Рабочий лист с этим изображением связан с действием параметра, при нажатии которого открывается раскрывающееся меню. Если я перемещу это пустое изображение, вы заметите, что текст Страны становится размытым при наведении на него курсора. Эта неприятность несущественная, но ее легко обойти, поместив сверху чистый лист:
Дополнительные примечания. Если .gif не помог, вы можете скачать шаблон в конце этого поста, чтобы копнуть глубже или перепроектировать его. Кроме того, если вы никогда не создавали пустое изображение, просто откройте PowerPoint, нарисуйте прямоугольник, удалите затенение и границу, а затем сохраните изображение.
5. Добавьте инструкции, используя контейнер "показать/скрыть"
Адаптация новых пользователей стала намного проще в 2019.2, когда Tableau представила функцию отображения/скрытия контейнера. Люди быстро начали использовать эту функцию для наложения инструкций на информационную панель. Это намного удобнее, чем внешнее руководство или видео:
Почему детали и дизайн имеют значение
Некоторые из этих советов являются незначительными корректировками пользовательского интерфейса, но даже небольшие недостатки могут отвлечь пользователя от анализа и заставить его усомниться в надежности информационной панели.
Если вы хотите что-нибудь скачать и перепроектировать, вот пример шаблона .