Продолжаю тему модульной верстки.
Вы можете помочь пользователям акцентировать внимание на информации благодаря:
1. Цветовому распределению показателей;
2. Переключателю графика с выпадающим списком;
3. Переключателю вида аналитики (таблицы, графики или аналитическая записка);
4. Минимизации количества метрик на одной странице отчета.
// Тут никакой магии, все очень просто. Но как же читабельно и красиво выходит! 😉
Вы можете помочь пользователям акцентировать внимание на информации благодаря:
1. Цветовому распределению показателей;
2. Переключателю графика с выпадающим списком;
3. Переключателю вида аналитики (таблицы, графики или аналитическая записка);
4. Минимизации количества метрик на одной странице отчета.
// Тут никакой магии, все очень просто. Но как же читабельно и красиво выходит! 😉
👍23🔥4🤩3
Как организовать стартовую страницу отчета для менеджеров?
✅ Используйте на этой странице только самые важные KPI
✅ График динамики ключевых KPI поможет менеджеру сразу визуально оценить его ситуацию
✅ Используйте рейтинги. Например, в этом отчете рейтинг выполнен в виде по-кольца над фото менеджера за последние 4 месяца. А рейтинг в балльном выражении добавлен под фото.
✅ Меню - прекрасное UI решение. Особенно то, что автоматически собирается в Power BI
✅ Добавляйте важную корпоративную информацию в виде баннеров (справа сверху). Ссылки, на которые перейдет менеджер после щелчка по баннеру тоже можно автоматизировать!
✅ На Карточки внизу едва видно накинута динамика показателя, чтобы оперативно увидеть историю.
✅ Основное меню не единственный проводник отчета. Обратите внимание на:
🤌🏻 See All - как переход на страницу детализации товаров
🤌🏻 Full Stats (сиреневая кнопка внизу) для перехода на страницу аналитики каналов лидов.
Power BI позволяет делать отчеты не только интерактивными, но и user-friendly.
// Я не знаю зачем вам pbix всегда нужен, но он в комментах. Данные в отчете сгенерированы с помощью generatedata.com/generator
✅ Используйте на этой странице только самые важные KPI
✅ График динамики ключевых KPI поможет менеджеру сразу визуально оценить его ситуацию
✅ Используйте рейтинги. Например, в этом отчете рейтинг выполнен в виде по-кольца над фото менеджера за последние 4 месяца. А рейтинг в балльном выражении добавлен под фото.
✅ Меню - прекрасное UI решение. Особенно то, что автоматически собирается в Power BI
✅ Добавляйте важную корпоративную информацию в виде баннеров (справа сверху). Ссылки, на которые перейдет менеджер после щелчка по баннеру тоже можно автоматизировать!
✅ На Карточки внизу едва видно накинута динамика показателя, чтобы оперативно увидеть историю.
✅ Основное меню не единственный проводник отчета. Обратите внимание на:
🤌🏻 See All - как переход на страницу детализации товаров
🤌🏻 Full Stats (сиреневая кнопка внизу) для перехода на страницу аналитики каналов лидов.
Power BI позволяет делать отчеты не только интерактивными, но и user-friendly.
// Я не знаю зачем вам pbix всегда нужен, но он в комментах. Данные в отчете сгенерированы с помощью generatedata.com/generator
🔥33👍12❤2
ой, уже 1000 искателей дизайна в аналитической системе Power BI 🦄
Огонь, значит это нужно продолжать =)
Огонь, значит это нужно продолжать =)
🔥88🎉9❤6💯5
Сборные карточки стандартными средствами Power BI🦄
Да, они занимают много места на макете, но позволяют делать вашу аналитику сочной и интересной.
Также такие сборные карточки с кнопками для перехода на страницу детализации являются понятным UXUI решением для пользователя.
// В комментариях как всегда pbix файл для самостоятельного изучения
Да, они занимают много места на макете, но позволяют делать вашу аналитику сочной и интересной.
Также такие сборные карточки с кнопками для перехода на страницу детализации являются понятным UXUI решением для пользователя.
// В комментариях как всегда pbix файл для самостоятельного изучения
🔥77👍9🥰4❤3🤩1
Закладки в Power BI можно использовать не только для переключения графиков и страниц.
С помощью закладок и стандартных фигур + кнопки вы можете написать инструкцию для знакомства пользователя с системой.
Для этого рекомендую сделать дубликат страницы отчёта и накладывать затемнение черным прямоугольником с прозрачностью 80%, чтобы ваши подсказки выделялись.
Все для наших любимых юзеров ❤️
С помощью закладок и стандартных фигур + кнопки вы можете написать инструкцию для знакомства пользователя с системой.
Для этого рекомендую сделать дубликат страницы отчёта и накладывать затемнение черным прямоугольником с прозрачностью 80%, чтобы ваши подсказки выделялись.
Все для наших любимых юзеров ❤️
❤56👍14🔥9👏2
Всем привет, котятки =)
Поговорим о цветовых решениях и компоновке информации.
✅ Во-первых, если вы выбираете акцентный цвет шапки отчета, то соблюдайте его во всех визуалах. Можно поиграть в больше - меньше и покрасить условным форматированием.
✅ Сделайте ваши карточки последовательными так, чтобы пользователь при чтении слева - направо получал историю его данных. Например, комнаты —> гостей —> взрослых —> мужчины / женщины
✅ Используйте воображение и компонуйте карточки с графиками, а вторичную информацию (возраст гостей) уменьшайте и выносите за линию главных показателей.
✅ Используйте везде один и тот же шрифт, а вот с размерами играйтесь по формуле:
28 заголовок страницы и метки карточек (regular | bold)
14 заголовки всех визуалов (light)
10 метки на графиках и осях
Всем красивых отчётов и творческого вдохновения 🦄
Поговорим о цветовых решениях и компоновке информации.
✅ Во-первых, если вы выбираете акцентный цвет шапки отчета, то соблюдайте его во всех визуалах. Можно поиграть в больше - меньше и покрасить условным форматированием.
✅ Сделайте ваши карточки последовательными так, чтобы пользователь при чтении слева - направо получал историю его данных. Например, комнаты —> гостей —> взрослых —> мужчины / женщины
✅ Используйте воображение и компонуйте карточки с графиками, а вторичную информацию (возраст гостей) уменьшайте и выносите за линию главных показателей.
✅ Используйте везде один и тот же шрифт, а вот с размерами играйтесь по формуле:
28 заголовок страницы и метки карточек (regular | bold)
14 заголовки всех визуалов (light)
10 метки на графиках и осях
Всем красивых отчётов и творческого вдохновения 🦄
❤32👍19🦄3👎1
Ой, что нашла в своих закромах для Битриксоидов =)
Переключение графиков выполнено закладками, наложенных поверх карточек. Очень User Friendly ❤️
Потыкать:
https://app.powerbi.com/view?r=eyJrIjoiMjJiZTJjMWItZGYxYS00YWJhLTliZDctYmYyYzViZTAwOTYzIiwidCI6IjQ3OTNhOTZhLTA2N2EtNDJhOC05OWRkLWU3YTdiNDk2NDAzOCIsImMiOjl9
Нашла pbix для поковырять:
https://news.1rj.ru/str/Design_PowerBi/161?comment=892
Переключение графиков выполнено закладками, наложенных поверх карточек. Очень User Friendly ❤️
Потыкать:
https://app.powerbi.com/view?r=eyJrIjoiMjJiZTJjMWItZGYxYS00YWJhLTliZDctYmYyYzViZTAwOTYzIiwidCI6IjQ3OTNhOTZhLTA2N2EtNDJhOC05OWRkLWU3YTdiNDk2NDAzOCIsImMiOjl9
Нашла pbix для поковырять:
https://news.1rj.ru/str/Design_PowerBi/161?comment=892
🔥23👍11🐳6🥰2❤1🤔1
Продолжаем тред про сборные карточки.
🌻 Размещайте справа от графика суммарные значения его категорий.
🌺 Насыщайте вашу аналитику ретроспективными данными и сравнениями с текущим положением дел.
🌸 Ключевые показатели можно бессловно сравнить снизу, дав подсказку цветовым кодом. ( Посмотрите на Усатых и Полосатых, а затем на нормированную диаграмму внизу справа)
🌷Для экономии места на макете (если не нужно их сравнивать между собой) , можно укрупнять графики и переключать по кнопке. Для этого объедините график и расширенную аналитику в группу и напишите закладки.
Всем красоты, весны и интересной визуализации данных 🦄
🌻 Размещайте справа от графика суммарные значения его категорий.
🌺 Насыщайте вашу аналитику ретроспективными данными и сравнениями с текущим положением дел.
🌸 Ключевые показатели можно бессловно сравнить снизу, дав подсказку цветовым кодом. ( Посмотрите на Усатых и Полосатых, а затем на нормированную диаграмму внизу справа)
🌷Для экономии места на макете (если не нужно их сравнивать между собой) , можно укрупнять графики и переключать по кнопке. Для этого объедините график и расширенную аналитику в группу и напишите закладки.
Всем красоты, весны и интересной визуализации данных 🦄
👍28❤14🍌5
Много стандартных интересностей =)
1. ИНТЕРАКТИВНЫЙ фильтр с флагами слева сделан при помощи многострочной карточки и подключению к картинкам флагов через DAX:
2. Подписи выручки на карте с помощью столбца:
3. Красивый график (матрица) с картинками товаров, захваченных с Wildberries с помощью DAX:
👉Забрать PBIX👈
1. ИНТЕРАКТИВНЫЙ фильтр с флагами слева сделан при помощи многострочной карточки и подключению к картинкам флагов через DAX:
<HTML> Country Flag 48px =(для этого надо создать справочник страна - код страны)
"https://flaglog.com/codes/standardized-rectangle-120px/"
& [code]
& ".png"
2. Подписи выручки на карте с помощью столбца:
Карта подписи =(если ее поместить в таблицу фактов, то она будет реагировать и на даты)
Country[locale name] & ": " & FORMAT(CALCULATE(SUM(financials[Gross Sales])), "#,#")
3. Красивый график (матрица) с картинками товаров, захваченных с Wildberries с помощью DAX:
Картинка товара =// По традиции PBIX внутри, а на первой странице отчёта сюрприз =)
"https://basket-02.wb.ru/vol"
& LEFT('Product'[Articul],3)
& "/part"
& LEFT('Product'[Articul],5)
& "/"
& 'Product'[Articul]
& "/images/c246x328/1.jpg"
👉Забрать PBIX👈
🔥38👍8🤩8❤2
Да вам сейчас крышу сорвет! (Мне уже 🤯)
Короче, возможности css и Html в Power BI почти безграничны.😱
Анимации, резиновая верстка и красотень обеспечены.
// PBIX на пощупать во вложении, конечно
Усиленно изучаю возможность создать свою многострочную карточку.
👉Забрать PBIX👈
Короче, возможности css и Html в Power BI почти безграничны.😱
Анимации, резиновая верстка и красотень обеспечены.
// PBIX на пощупать во вложении, конечно
Усиленно изучаю возможность создать свою многострочную карточку.
👉Забрать PBIX👈
YouTube
HTML+CSS в Power BI
Файл PBIX в телеге https://news.1rj.ru/str/Design_PowerBi/168
🔥55🤯13❤1👍1
Power BI анимация элементов Часть 2
Продолжаю изучать полезный функционал HTML&CSS внутри Power BI. Сегодня получилось собрать три визуала:
1. Сборная KPI Card с анимацией обновления и наведения
2. Сборная панель KPI с анимацией при наведении и градиентом
3. Бар чарт с фотками, анимацией и градиентом
⚡️Все это при введении переменных в меры можно привязать к вашим данным.
В браузере отрабатывает быстро, без задержек.
Большое спасибо Maximus за помощь с анимацией и исследованиями ❤️
👉Забрать PBIX в комментах👈
Продолжаю изучать полезный функционал HTML&CSS внутри Power BI. Сегодня получилось собрать три визуала:
1. Сборная KPI Card с анимацией обновления и наведения
2. Сборная панель KPI с анимацией при наведении и градиентом
3. Бар чарт с фотками, анимацией и градиентом
⚡️Все это при введении переменных в меры можно привязать к вашим данным.
В браузере отрабатывает быстро, без задержек.
Большое спасибо Maximus за помощь с анимацией и исследованиями ❤️
👉Забрать PBIX в комментах👈
YouTube
Power BI HTML&CSS Chart and KPI card
Download PBIX here https://news.1rj.ru/str/Design_PowerBi
🔥62👍13❤8