Всем привет, котятки =)
Поговорим о цветовых решениях и компоновке информации.
✅ Во-первых, если вы выбираете акцентный цвет шапки отчета, то соблюдайте его во всех визуалах. Можно поиграть в больше - меньше и покрасить условным форматированием.
✅ Сделайте ваши карточки последовательными так, чтобы пользователь при чтении слева - направо получал историю его данных. Например, комнаты —> гостей —> взрослых —> мужчины / женщины
✅ Используйте воображение и компонуйте карточки с графиками, а вторичную информацию (возраст гостей) уменьшайте и выносите за линию главных показателей.
✅ Используйте везде один и тот же шрифт, а вот с размерами играйтесь по формуле:
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
Один визуал = 6 показателей, это реально. И лаконично.
В последнем мартовском 😻 обновлении Power BI добавили возможность добавлять подзаголовки у визуальных элементов, еще и с функцией fx. А это значит, что больше не надо накладывать карточки с суммарными значениями на график.
Просто добавьте немного DAX
1. Подзаголовок сделан сборной мерой по фактоидам графика
2. При помощи визуала "График и гистограмма" сделаны разные линии:
🪙 План заполненная серым цветом
🔵 Факт просто синяя линия
3. При помощи Dax добавлены точки:
🔴Мин
🟢Макс на график
4. Сделана нестандартная ось по первой букве месяца с помощью разметки таблицы календаря
// Pbix на изучение как всегда в комментах
С уважением, ваш Power bi Design ❤️
В последнем мартовском 😻 обновлении Power BI добавили возможность добавлять подзаголовки у визуальных элементов, еще и с функцией fx. А это значит, что больше не надо накладывать карточки с суммарными значениями на график.
Просто добавьте немного DAX
1. Подзаголовок сделан сборной мерой по фактоидам графика
2. При помощи визуала "График и гистограмма" сделаны разные линии:
🪙 План заполненная серым цветом
🔵 Факт просто синяя линия
3. При помощи Dax добавлены точки:
🔴Мин
🟢Макс на график
4. Сделана нестандартная ось по первой букве месяца с помощью разметки таблицы календаря
// Pbix на изучение как всегда в комментах
С уважением, ваш Power bi Design ❤️
👍61🔥17❤9👎2🤯2🙏1
Всем привет!
Давно хотелось сделать карту склада, области или даже человека? Я нашла очень простое решение. Справится любой.
Вот инструкция к действию:
1. Качаем бесплатный InkScape. В нем прямо поверх jpeg / png картинки отрисовываем области, которые нужно сделать интерактивными в Power BI. Сохраняем в SVG.
2. Переходим на synoptic.design и раздаём отрисованным областям названия. Первое поле для мэтчинга с вашими данными, второе можно выводить на визуализацию (как у меня на карте сделано)
3. Подгружаемся в Power BI через визуал Synoptic Panel. Настраиваем градиент заливки, метки данных и прочую красоту.
4. Радуемся.
👉PBIX в комментариях👈
Давно хотелось сделать карту склада, области или даже человека? Я нашла очень простое решение. Справится любой.
Вот инструкция к действию:
1. Качаем бесплатный InkScape. В нем прямо поверх jpeg / png картинки отрисовываем области, которые нужно сделать интерактивными в Power BI. Сохраняем в SVG.
2. Переходим на synoptic.design и раздаём отрисованным областям названия. Первое поле для мэтчинга с вашими данными, второе можно выводить на визуализацию (как у меня на карте сделано)
3. Подгружаемся в Power BI через визуал Synoptic Panel. Настраиваем градиент заливки, метки данных и прочую красоту.
4. Радуемся.
👉PBIX в комментариях👈
YouTube
Картограммы в Power BI. Интерактивная Карта склада, города и человека с метками данных
Download PBIX here https://news.1rj.ru/str/Design_PowerBi
🔥71👍8❤1
Power BI для телевизора в отдел продаж.
Поработали с командой BI-Team и создали читабельный и побуждающий к соревнованиям макет отчёта для сотрудников отдела продаж.
Цветная подложка слева работает в качестве 🟢🟡🔴Светофора - индикатора выполнения плана. Даже издали заметно.
Упрощены графики, добавлены элементы инфографики и условное форматирование по многим показателям.
На странице Месяц графики авансов и продаж содержат:
Синий - факт
Голубой - прогноз,
а снизу % выполнения плана по этим KPI.
Как вы считаете, что еще можно добавить в аналитику на телевизор?
Поработали с командой BI-Team и создали читабельный и побуждающий к соревнованиям макет отчёта для сотрудников отдела продаж.
Цветная подложка слева работает в качестве 🟢🟡🔴Светофора - индикатора выполнения плана. Даже издали заметно.
Упрощены графики, добавлены элементы инфографики и условное форматирование по многим показателям.
На странице Месяц графики авансов и продаж содержат:
Синий - факт
Голубой - прогноз,
а снизу % выполнения плана по этим KPI.
Как вы считаете, что еще можно добавить в аналитику на телевизор?
🔥65👍8❤4🙈3
This media is not supported in your browser
VIEW IN TELEGRAM
UXUI отчетов Power BI это моя самая большая боль.
Когда я разрабатываю макет, то следую нескольким правилам:
⭐️ Вы - не пользователь
Каждый использует собственный опыт. А вы уже насмотрелись на свой отчет и знаете каждый пиксель. Пользователь может не думать так же, как и вы. Пользователь может не понимать.
⭐️ Узнаваемость UI элементов важнее оригинальности
Фильтр - это фильтр, Колокольчик - это уведомления. Помогите пользователю понять вас с первого раза.
⭐️ Дизайн должен быть простым и последовательным
Карточки всегда сверху под меню. Важные графики по центру страницы. Помогите пользователям привыкнуть к структуре и соблюдайте её.
⭐️ Не перегружайте страницу
Лучше добавьте закладки и страницы детализации. Осознать 20 метрик на одном листе трудно.
⭐️ Делайте удобно и понятно
Используйте приёмы из верстки сайтов. Как правило они уже типизированы и сделаны понятными для наибольшего количества пользователей.
❤️ Давайте влюблять наших пользователей в Power BI вместе!
// PBIX в комментах.
Когда я разрабатываю макет, то следую нескольким правилам:
⭐️ Вы - не пользователь
Каждый использует собственный опыт. А вы уже насмотрелись на свой отчет и знаете каждый пиксель. Пользователь может не думать так же, как и вы. Пользователь может не понимать.
⭐️ Узнаваемость UI элементов важнее оригинальности
Фильтр - это фильтр, Колокольчик - это уведомления. Помогите пользователю понять вас с первого раза.
⭐️ Дизайн должен быть простым и последовательным
Карточки всегда сверху под меню. Важные графики по центру страницы. Помогите пользователям привыкнуть к структуре и соблюдайте её.
⭐️ Не перегружайте страницу
Лучше добавьте закладки и страницы детализации. Осознать 20 метрик на одном листе трудно.
⭐️ Делайте удобно и понятно
Используйте приёмы из верстки сайтов. Как правило они уже типизированы и сделаны понятными для наибольшего количества пользователей.
❤️ Давайте влюблять наших пользователей в Power BI вместе!
// PBIX в комментах.
🔥90👍14🐳3❤2🙈1