Кнопки навигации LuckyTemplates

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

Значок информации даст вам больше информации о конкретном графике или странице. Значок LinkedIn или Twitter направит вас к учетной записи дизайнера.

Мы хотим использовать значки, которые легко идентифицировать, но этого недостаточно, поэтому мы всегда должны предоставлять нашим пользователям дополнительный контекст .

С точки зрения истории данных нам нужно контролировать пользовательский опыт.

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

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

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

Вы хотите это для определенной цели, и если эта цель не ясна конечному пользователю, обязательно добавьте контекст.

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

Если вы используете кнопку со значком Twitter или LinkedIn, также добавьте это описание. Давайте помнить, что нам нужно предоставить контекст для областей, которые требуют взаимодействия с пользователем.

Оглавление

• Отчеты LuckyTemplates с кнопками навигации
• Использование всплывающих подсказок в отчетах LuckyTemplates
• Кнопки навигации LuckyTemplates, направленные на веб-сайты
• Добавление значков рядом с ключевыми показателями эффективности
• Добавление полос в качестве KPI
• Заключение

Отчеты LuckyTemplates с кнопками навигации

Теперь давайте заглянем внутрь LuckyTemplates и посмотрим несколько примеров из реальной жизни.

Для этого отчета я разместил значки рядом с кнопками навигации. Я связал их по принципу сходства по стилю предмета и близости между кнопками.

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

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

Использование всплывающих подсказок в отчетах LuckyTemplates

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

Если вы не используете этот функционал, не забудьте отключить эту опцию, потому что она придает неотшлифованный вид отчетам при публикации на сервисе.

Чтобы проиллюстрировать, как легко включать и выключать всплывающие подсказки, давайте добавим на страницу пустую кнопку.

Под кнопкой «Действие» параметр «Нет всплывающих подсказок» по умолчанию не активен.

Это означает, что при наведении курсора на эту кнопку вы увидите сообщение « CTRL+нажмите здесь, чтобы перейти на предыдущую страницу в этом отчете », что не очень приятно.

Следовательно, мы должны активировать его, чтобы исчезнуть. Мой совет: оставьте всплывающие подсказки включенными, если вы их используете; если нет, просто отключите их.

Кнопки навигации LuckyTemplates, направленные на веб-сайты

Другой способ использования значков — направлять пользователей на определенные страницы сайта. Например, клик по логотипу компании приведет прямо на сайт.

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

Если я нажму на кнопку с логотипом JIRA, меня перенаправят на веб-сайт компании, в данном случае .

Однако большинство пользователей не будут знать, что это взаимодействие существует. Хуже того, они могут ожидать, что он будет работать как кнопка «Домой». Очень часто на веб-сайтах при нажатии на логотип вы попадаете на целевую страницу.

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

Добавление значков рядом с ключевыми показателями эффективности

Давайте перейдем к другому примеру. 

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

Добавление полос в качестве KPI

KPI также известны как полосы. В этом случае те полосы, которые мы видим, являются основными метриками, которые предоставляют отличную информацию для отслеживания активности. У нас есть среднее время доставки , материалы , заказы на поставку , незаказанные тонны и клиенты .

Однако, эти цифры хороши или плохи? А если они плохие, то цифры плохие за конкретный месяц или там плохая динамика? Тенденция идет вверх или вниз? Почему я должен заботиться об этом?

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

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

Затем, когда мы заходим в Clients , мы можем видеть Margin per customer , что очень важно.

Кроме того, мы видим, что 80% общей маржи приходится всего на 11 материалов. Эта информация великолепна.

В этом уроке я объяснил, как пользователи сканируют экран по Z-шаблону слева направо и сверху вниз.

Мои основные два KPI расположены в нижней части экрана. Это плохой выбор дизайна, поскольку это единственные два KPI, созданные с дополнительной информацией.

Позвольте мне поставить себя на место зрителей. Если я хочу изучить данные самостоятельно, зачем мне просить разработчика LuckyTemplates создать отчет?

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

Я критикую свои ранние работы. На пути к улучшению отчетов мы все совершаем ошибки и учимся на них .

Добавление значков рядом с KPI — это круто, потому что это придает профессиональный вид, но этого недостаточно для создания KPI. Когда вы создаете KPI, первое, что вы должны спросить себя: «Ну и что?»

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

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

Как только пользователь получит подробную информацию, что он должен с этим делать? Вот где пользователь должен быть к тому времени, когда вы представите свои рекомендации для плана действий.

Пользовательские значки LuckyTemplates | Техника визуализации PBI
Разработка отчетов LuckyTemplates: создание тем, логотипов компаний, значков и фона
Как добавить пользовательские значки LuckyTemplates в отчеты

Заключение

Я надеюсь, что благодаря этим примерам вы усвоите важный урок, касающийся кнопок навигации в сторителлинге.

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

Как дизайнер, всегда помните, что мы не только создаем отчеты; мы оказываем реальное влияние.

Всего наилучшего,