This media is not supported in your browser
VIEW IN TELEGRAM
Всплывающее окно (попап) по клику на картинку
В FineBI есть встроенный функционал для перехода на веб-страницу по клику на изображение — Image component с добавлением ссылки. Однако у этого способа есть один минус: пользователь переходит на другую вкладку и уходит из интерфейса дашборда. Его внимание рассеивается, количество открытых вкладок возрастает.
У кого в браузере всегда открыто хотя бы 5 вкладок, ставьте лайк👍
Поэтому я захотела реализовать переход на другую страницу внутри самого дашборда и для этого использовала функционал Jump.
Алгоритм следующий:
1️⃣ Создаем новый дашборд, где в текстовом компоненте прописываем информацию, которую должен прочитать пользователь.
2️⃣ Создаем новый компонент, который будет служить кнопкой-картинкой.
3️⃣ В созданном компоненте выбираем тип графика KPI. В фон компонента загружаем картинку (я скачала с icons8) и выбираем адаптацию Overall. Затем добавляем в Label индикатор Count и красим его в прозрачный цвет(это секретный ингредиент) , а из Prompt все удаляем.
4️⃣ Наконец, добавляем этот компонент на исходный дашборд и настраиваем Jump на дашборд со справочной информацией из пункта 1.
Готово✅
#uxui #интерактивность #практика
Датавиз в BI • Алиса Ручкина
В FineBI есть встроенный функционал для перехода на веб-страницу по клику на изображение — Image component с добавлением ссылки. Однако у этого способа есть один минус: пользователь переходит на другую вкладку и уходит из интерфейса дашборда. Его внимание рассеивается, количество открытых вкладок возрастает.
У кого в браузере всегда открыто хотя бы 5 вкладок, ставьте лайк👍
Поэтому я захотела реализовать переход на другую страницу внутри самого дашборда и для этого использовала функционал Jump.
Алгоритм следующий:
1️⃣ Создаем новый дашборд, где в текстовом компоненте прописываем информацию, которую должен прочитать пользователь.
2️⃣ Создаем новый компонент, который будет служить кнопкой-картинкой.
3️⃣ В созданном компоненте выбираем тип графика KPI. В фон компонента загружаем картинку (я скачала с icons8) и выбираем адаптацию Overall. Затем добавляем в Label индикатор Count и красим его в прозрачный цвет
4️⃣ Наконец, добавляем этот компонент на исходный дашборд и настраиваем Jump на дашборд со справочной информацией из пункта 1.
Готово✅
#uxui #интерактивность #практика
Датавиз в BI • Алиса Ручкина
👍7🔥7❤1
Дашборд без дашборда
Сегодня хочу поделиться одной почти реальной историей.
Однажды в далекой-далекой галактике... написал мне в Skype сотрудник из другого департамента, для которого я делала пачку дашбордов: «Есть минутка?»
Для накала страстей пусть это было в пятницу вечером перед моим отпуском.
Я сразу начала волноваться: «Что же случилось? Вроде все хорошо и работает, дашборды не падают, скрипты обновляются, цифры вроде адекватные...»
Очень быстро мои сомнения рассеялись: «Срочно-важно нужен такой же дашборд, как X, только по производителю Y!»
«Эх, — думаю я, — неужели придется плодить дашборды без веской на то причины? Непорядок…»
И тут меня осеняет: «Так, а может просто на существующий дашборд добавим фильтр? По производителю то бишь?»
На что я с облегчением услышала бодрый ответ: «Да, это то, что нужно!»
И добавила я фильтр, и все остались довольны. Вспоминая эту историю, до сих пор чувствую себя победителем по жизни😁
❓А все почему?
Если говорят, что нужен дашборд, то это не всегда означает, что нужен именно дашборд.
Возможно, проблему решит алерт или рассылка, или дополнительная таблица к дашборду, или еще один фильтр, как в моей истории.
А у вас были случаи, когда удавалось решить вопрос быстрее и проще, чем ожидалось?
#coolstory #дашборд
Сегодня хочу поделиться одной почти реальной историей.
Однажды в далекой-далекой галактике... написал мне в Skype сотрудник из другого департамента, для которого я делала пачку дашбордов: «Есть минутка?»
Для накала страстей пусть это было в пятницу вечером перед моим отпуском.
Я сразу начала волноваться: «Что же случилось? Вроде все хорошо и работает, дашборды не падают, скрипты обновляются, цифры вроде адекватные...»
Очень быстро мои сомнения рассеялись: «Срочно-важно нужен такой же дашборд, как X, только по производителю Y!»
«Эх, — думаю я, — неужели придется плодить дашборды без веской на то причины? Непорядок…»
И тут меня осеняет: «Так, а может просто на существующий дашборд добавим фильтр? По производителю то бишь?»
На что я с облегчением услышала бодрый ответ: «Да, это то, что нужно!»
И добавила я фильтр, и все остались довольны. Вспоминая эту историю, до сих пор чувствую себя победителем по жизни😁
❓А все почему?
Если говорят, что нужен дашборд, то это не всегда означает, что нужен именно дашборд.
Возможно, проблему решит алерт или рассылка, или дополнительная таблица к дашборду, или еще один фильтр, как в моей истории.
А у вас были случаи, когда удавалось решить вопрос быстрее и проще, чем ожидалось?
#coolstory #дашборд
🔥21❤4👍4
Бинго пользователя FineBI
Признавайтесь, у кого сколько совпадений?😄
Может, вспомнилось что-то еще из интересного/наболевшего?
#fun
Признавайтесь, у кого сколько совпадений?😄
Может, вспомнилось что-то еще из интересного/наболевшего?
#fun
3👍8🔥5💯1
Что огорчает BI-разработчика больше всего?
Ноль просмотров дашборда🙁
Чтобы расстройств было меньше, читай следующий пост ⬇️
А что в bi-разработке расстраивает вас? Делитесь в комментариях☺️
невеселый #fun
Чтобы расстройств было меньше, читай следующий пост ⬇️
А что в bi-разработке расстраивает вас? Делитесь в комментариях☺️
невеселый #fun
2😁15👍1
3 инструмента дизайн-мышления для разработки дашбордов
Дизайн-мышление (design thinking) — это подход к решению проблем, который ориентирован на пользователя и направлен на создание инновационных решений.
🧔🧑Особенность дизайн-мышления в том, что этот метод ориентирован в первую очередь на людей, а не на бизнес-задачи. Главные вопросы, которые задает дизайнер при поиске решения: «кто будет пользоваться продуктом?» и «как это повлияет на жизнь пользователя?».
В этом посте я не буду пытаться охватить все техники и методологии, а сфокусируюсь на трех инструментах дизайн-мышления, которые могут пригодиться в разработке дашбордов:
1️⃣ Портрет пользователя (user persona)
Это вымышленный, но основанный на реальных данных, образ типичного пользователя, который может использовать дашборд.
Если целевая аудитория дашборда широкая, то ее сегментируют в зависимости от целей и потребностей, и портрет пользователя составляется для каждого сегмента.
На первой картинке представлен пример шаблона такого профиля. Он обычно включает такие элементы:
• Имя и фото — вымышленное имя и изображение, которое помогает сделать персонажа более «реальным» и понятным.
• Цитаты или истории — анонимные высказывания, собранные во время сбора требований, об ожиданиях от дашборда, недовольстве или типичном рабочем дне. Они помогают сделать персонажа более живым и конкретным.
• Общая информация — образование, профессия, опыт и др.
• Потребности и цели — что хочет достичь пользователь, какие проблемы он решает, какие у него основные цели при взаимодействии с BI-инструментом.
• Мотивация — что побуждает пользователя взаимодействовать с BI-инструментом, какие у него ожидания и желания.
• Предпочтения к виду данных, регулярности и способу использования BI-решения.
• Болевые точки — трудности и проблемы, с которыми сталкивается пользователь в своей работе или в процессе использования BI-решения.
Персоны помогают сосредоточиться на реальных потребностях пользователей, а не на абстрактных или универсальных решениях, что в свою очередь повышает качество пользовательского опыта.
2️⃣ Скетчинг или макетирование (Wireframing)
Делать макет можно как от руки (как на второй картинке), так и в любой программе, например, в Power Point, Google Slides, Figma, Illustrator, Miro или самом BI-инструменте.
Получение обратной связи уже на этапе эскиза значительно cэкономит время и силы всех участников процесса.
3️⃣ Тестирование
Эта фаза зачастую особенно полезна: тестирование дает редкое представление о том, как пользователи взаимодействуют с предлагаемыми дашбордами в реальной жизни.
Например, пользователи могут не знать о некоторых функциях, доступных в BI-инструменте, или они узнают, что определенные элементы интерфейса ведут себя иначе, чем ожидалось.
Перед началом тестирования важно определить следующее:
• Цели тестирования
Какие конкретные аспекты мы хотим оценить? Это может быть удобство использования, понятность, вовлеченность или выполнение конкретных пользовательских задач (по опыту важно все вместе😁).
• Целевая аудитория
Кто должен участвовать в процессе тестирования?
• Сценарии тестирования
Что именно мы тестируем? Это способы решения реалистичных задач, которые отражают, как пользователи будут взаимодействовать с дашбордом в реальной ситуации.
В своем блоге эксперт по визуализации данных Сара Бартлетт поделилась кейсами практического применения этих приемов в разработке дашбордов.
🤓 Дизайн-мышление не линейно, а итеративно и на любом этапе предполагает возможность возвращения к предыдущим шагам для доработки и изменений. Создание продукта с опорой на опыт, проблемы и ожидания пользователей помогает избежать неработающих или ненужных решений.
#дашборд #uxui
Дизайн-мышление (design thinking) — это подход к решению проблем, который ориентирован на пользователя и направлен на создание инновационных решений.
🧔🧑Особенность дизайн-мышления в том, что этот метод ориентирован в первую очередь на людей, а не на бизнес-задачи. Главные вопросы, которые задает дизайнер при поиске решения: «кто будет пользоваться продуктом?» и «как это повлияет на жизнь пользователя?».
В этом посте я не буду пытаться охватить все техники и методологии, а сфокусируюсь на трех инструментах дизайн-мышления, которые могут пригодиться в разработке дашбордов:
1️⃣ Портрет пользователя (user persona)
Это вымышленный, но основанный на реальных данных, образ типичного пользователя, который может использовать дашборд.
Если целевая аудитория дашборда широкая, то ее сегментируют в зависимости от целей и потребностей, и портрет пользователя составляется для каждого сегмента.
На первой картинке представлен пример шаблона такого профиля. Он обычно включает такие элементы:
• Имя и фото — вымышленное имя и изображение, которое помогает сделать персонажа более «реальным» и понятным.
• Цитаты или истории — анонимные высказывания, собранные во время сбора требований, об ожиданиях от дашборда, недовольстве или типичном рабочем дне. Они помогают сделать персонажа более живым и конкретным.
• Общая информация — образование, профессия, опыт и др.
• Потребности и цели — что хочет достичь пользователь, какие проблемы он решает, какие у него основные цели при взаимодействии с BI-инструментом.
• Мотивация — что побуждает пользователя взаимодействовать с BI-инструментом, какие у него ожидания и желания.
• Предпочтения к виду данных, регулярности и способу использования BI-решения.
• Болевые точки — трудности и проблемы, с которыми сталкивается пользователь в своей работе или в процессе использования BI-решения.
Персоны помогают сосредоточиться на реальных потребностях пользователей, а не на абстрактных или универсальных решениях, что в свою очередь повышает качество пользовательского опыта.
2️⃣ Скетчинг или макетирование (Wireframing)
Делать макет можно как от руки (как на второй картинке), так и в любой программе, например, в Power Point, Google Slides, Figma, Illustrator, Miro или самом BI-инструменте.
Получение обратной связи уже на этапе эскиза значительно cэкономит время и силы всех участников процесса.
3️⃣ Тестирование
Эта фаза зачастую особенно полезна: тестирование дает редкое представление о том, как пользователи взаимодействуют с предлагаемыми дашбордами в реальной жизни.
Например, пользователи могут не знать о некоторых функциях, доступных в BI-инструменте, или они узнают, что определенные элементы интерфейса ведут себя иначе, чем ожидалось.
Перед началом тестирования важно определить следующее:
• Цели тестирования
Какие конкретные аспекты мы хотим оценить? Это может быть удобство использования, понятность, вовлеченность или выполнение конкретных пользовательских задач (по опыту важно все вместе😁).
• Целевая аудитория
Кто должен участвовать в процессе тестирования?
• Сценарии тестирования
Что именно мы тестируем? Это способы решения реалистичных задач, которые отражают, как пользователи будут взаимодействовать с дашбордом в реальной ситуации.
В своем блоге эксперт по визуализации данных Сара Бартлетт поделилась кейсами практического применения этих приемов в разработке дашбордов.
🤓 Дизайн-мышление не линейно, а итеративно и на любом этапе предполагает возможность возвращения к предыдущим шагам для доработки и изменений. Создание продукта с опорой на опыт, проблемы и ожидания пользователей помогает избежать неработающих или ненужных решений.
#дашборд #uxui
3🔥11❤4👍3
Ребрендинг канала
«Красиво в FineBI»🔜 «Датавиз в BI»
❓Почему❓
Принципы визуализации данных и подходы к разработке дашбордов не зависят от используемого BI-инструмента, поэтому информация в канале может пригодиться пользователям всех BI-систем, а не только FineBI.
Поэтому в целях развития и чтобы оформление канала соответствовало содержанию, сейчас будет изменено название, логотип и добавлены новые отправные точки — пост-знакомство и навигация по каналу 🔄
Вперед к изменениям!🚀
P.S. Информация о FineBI остается, но в процентном соотношении ее будет меньше, чем раньше. Зато появится пространство для новых тем и форматов😊
#talk
«Красиво в FineBI»
❓Почему❓
Принципы визуализации данных и подходы к разработке дашбордов не зависят от используемого BI-инструмента, поэтому информация в канале может пригодиться пользователям всех BI-систем, а не только FineBI.
Поэтому в целях развития и чтобы оформление канала соответствовало содержанию, сейчас будет изменено название, логотип и добавлены новые отправные точки — пост-знакомство и навигация по каналу 🔄
Вперед к изменениям!
P.S. Информация о FineBI остается, но в процентном соотношении ее будет меньше, чем раньше. Зато появится пространство для новых тем и форматов😊
#talk
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥9❤4
📍Навигация по каналу
Для быстрого нахождения постов нужной тематики они сгруппированы по хештегам. В строку поиска по каналу можно ввести как один хештег, так и несколько.
#дашборд — о построении дашбордов
#uxui — все, что касается проектирования и оформления
🤓 UX ― это функционал интерфейса, UI ― его внешний вид
в том числе: #гештальтпринципы #цвет
#подборка — подборки материалов
#теория — теоретические определения
#график — о построении графиков
типы графиков: #kpi #барчарт #лайнчарт #пайчарт #хитмап #буллетчарт #гант #календарь #градусник #слоупчарт #степчарт #джамплайнчарт #гистограмма #водопад #звезды #бампчарт #ленточный #роза #лолипоп #таблица
Отдельно по системе FineBI:
#база — для новичков
#знания — обучающие материалы и полезное
#практика — инструкции
#хак — неочевидные фишки
А также:
#news — новости в области датавиза, BI, FineBI
#dataviz — разное из сферы датавиза
#chinaviz — особенности китайской визуализации
#coolstory — история из жизни
#fun — то, что я считаю весёлым
#интерактивность — приемы для настройки взаимодействия пользователя с дашбордом
#переверстка — корректировка графика или дашборда
#цитаты — высказывания экспертов по датавизу
#термин — термины из датавиза и работы с данными
#квиз — вопросы по датавизу и BI
#интервью — общение с BI-разработчиками
#мысли — мои мысли и рассуждения на тему датавиза, BI и дашбордов
#эфир — мои выступления
#bi_softskills — посты про софт-скиллы биайщиков
И еще тематические марафоны:
#5графиков, #стартfinebi, #зачемвиз… будут добавляться
🤓 Англицизмы (вроде лайнчарта вместо линейного графика) используются для более краткого обозначения.
❗️Смартфоны на Android отображают некоторые картинки и видео не полностью, а без краев. Поэтому их лучше раскрывать на весь экран или пользоваться Telegram на компьютере.
🌟 Для картинок из FineBI используется версия 6.1.2 с сентября 2024 года, а до этого времени использовались версии 6.0.x.
Для быстрого нахождения постов нужной тематики они сгруппированы по хештегам. В строку поиска по каналу можно ввести как один хештег, так и несколько.
#дашборд — о построении дашбордов
#uxui — все, что касается проектирования и оформления
🤓 UX ― это функционал интерфейса, UI ― его внешний вид
в том числе: #гештальтпринципы #цвет
#подборка — подборки материалов
#теория — теоретические определения
#график — о построении графиков
типы графиков: #kpi #барчарт #лайнчарт #пайчарт #хитмап #буллетчарт #гант #календарь #градусник #слоупчарт #степчарт #джамплайнчарт #гистограмма #водопад #звезды #бампчарт #ленточный #роза #лолипоп #таблица
Отдельно по системе FineBI:
#база — для новичков
#знания — обучающие материалы и полезное
#практика — инструкции
#хак — неочевидные фишки
А также:
#news — новости в области датавиза, BI, FineBI
#dataviz — разное из сферы датавиза
#chinaviz — особенности китайской визуализации
#coolstory — история из жизни
#fun — то, что я считаю весёлым
#интерактивность — приемы для настройки взаимодействия пользователя с дашбордом
#переверстка — корректировка графика или дашборда
#цитаты — высказывания экспертов по датавизу
#термин — термины из датавиза и работы с данными
#квиз — вопросы по датавизу и BI
#интервью — общение с BI-разработчиками
#мысли — мои мысли и рассуждения на тему датавиза, BI и дашбордов
#эфир — мои выступления
#bi_softskills — посты про софт-скиллы биайщиков
И еще тематические марафоны:
#5графиков, #стартfinebi, #зачемвиз… будут добавляться
🤓 Англицизмы (вроде лайнчарта вместо линейного графика) используются для более краткого обозначения.
❗️Смартфоны на Android отображают некоторые картинки и видео не полностью, а без краев. Поэтому их лучше раскрывать на весь экран или пользоваться Telegram на компьютере.
🌟 Для картинок из FineBI используется версия 6.1.2 с сентября 2024 года, а до этого времени использовались версии 6.0.x.
1👍6❤3
Датавиз в BI • Алиса Ручкина pinned «📍Навигация по каналу Для быстрого нахождения постов нужной тематики они сгруппированы по хештегам. В строку поиска по каналу можно ввести как один хештег, так и несколько. #дашборд — о построении дашбордов #uxui — все, что касается проектирования и оформления…»
📌 Обо мне и о канале
👋 Привет! Это канал Алисы Ручкиной «Датавиз в BI» (ex. «Красиво в FineBI»)
Здесь ты найдешь:
• полезные материалы о визуализации данных
• разные подходы к разработке дашбордов
• фишки китайской системы FineBI
• мемы и истории из жизни BI-аналитика
Самое полезное о датавизе:
Подборка чарт-чузеров для выбора типа графика
Шпаргалка о цвете в визуализации данных
Простыми словами про визуальное восприятие (гештальт-принципы)
Про дашборды:
Полезняшки по датавизу и разработке дашборда
Принцип прогрессивного дашборда
Применение инструментов дизайн-мышления для разработки дашбордов
Про FineBI:
Марафон-путеводитель для тех, кто хочет самостоятельно изучить FineBI
Подборка статей на Хабре про FineBI
Чек-лист перед публикацией дашборда в FineBI
Самые залипательные ролики в FineBI:
Ленточный график
Цвет как акцент в барчарте
Про паддинги (отступы) или графикам нужен воздух
Материалов много, подписывайся на канал, чтобы все было под рукой✌️
👩🦰 Обо мне Меня зовут Алиса и я разрабатываю дашборды в FineBI с весны 2022 года, когда он только появился на российском рынке.
Сейчас работаю в ДатаОфисе компании t2 (ex. Tele2), а до этого работала в банке Уралсиб, ПИК-Индустрии и НЛМК-ИТ.
Кроме разработки дашбордов, я проводила вебинары, записывала обучающие видеоролики и консультировала других пользователей и разработчиков.
Если хочешь научиться делать дашборды в FineBI, отправляй заявку на площадке GetMentor или сразу пиши мне.
Присоединяйся к каналу, если интересна тема разработки графиков и дашбордов, визуализация данных или система FineBI👍
✅ Прочитай пост-приветствие новых подписчиков
✅ Пользуйся навигацией по каналу
✅ Изучай предыдущие посты
Возможно, ты найдешь то, что искал или даже не ожидал, что это можно найти😉
👋 Привет! Это канал Алисы Ручкиной «Датавиз в BI» (ex. «Красиво в FineBI»)
Здесь ты найдешь:
• полезные материалы о визуализации данных
• разные подходы к разработке дашбордов
• фишки китайской системы FineBI
• мемы и истории из жизни BI-аналитика
Самое полезное о датавизе:
Подборка чарт-чузеров для выбора типа графика
Шпаргалка о цвете в визуализации данных
Простыми словами про визуальное восприятие (гештальт-принципы)
Про дашборды:
Полезняшки по датавизу и разработке дашборда
Принцип прогрессивного дашборда
Применение инструментов дизайн-мышления для разработки дашбордов
Про FineBI:
Марафон-путеводитель для тех, кто хочет самостоятельно изучить FineBI
Подборка статей на Хабре про FineBI
Чек-лист перед публикацией дашборда в FineBI
Самые залипательные ролики в FineBI:
Ленточный график
Цвет как акцент в барчарте
Про паддинги (отступы) или графикам нужен воздух
Материалов много, подписывайся на канал, чтобы все было под рукой✌️
👩🦰 Обо мне Меня зовут Алиса и я разрабатываю дашборды в FineBI с весны 2022 года, когда он только появился на российском рынке.
Сейчас работаю в ДатаОфисе компании t2 (ex. Tele2), а до этого работала в банке Уралсиб, ПИК-Индустрии и НЛМК-ИТ.
Кроме разработки дашбордов, я проводила вебинары, записывала обучающие видеоролики и консультировала других пользователей и разработчиков.
Если хочешь научиться делать дашборды в FineBI, отправляй заявку на площадке GetMentor или сразу пиши мне.
Присоединяйся к каналу, если интересна тема разработки графиков и дашбордов, визуализация данных или система FineBI
✅ Прочитай пост-приветствие новых подписчиков
✅ Пользуйся навигацией по каналу
✅ Изучай предыдущие посты
Возможно, ты найдешь то, что искал или даже не ожидал, что это можно найти😉
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍18😍5❤3
Датавиз в BI • Алиса Ручкина pinned «📌 Обо мне и о канале 👋 Привет! Это канал Алисы Ручкиной «Датавиз в BI» (ex. «Красиво в FineBI») Здесь ты найдешь: • полезные материалы о визуализации данных • разные подходы к разработке дашбордов • фишки китайской системы FineBI • мемы и истории из жизни…»
Барчарт vs серия пончиков
В книге The Big Book of Dashboards вопросу круговых диаграмм посвящена целая глава The Allure of Pies and Donuts.
На левой картинке показано, что для эффективного сравнения категорий между собой рекомендуется использовать не пончики, а обычный столбчатый график, точнее его разновидность — progress bar, отображающий процент выполнения.
🌟А еще лучше было бы вдобавок отсортировать столбики по убыванию показателя — справа рекомендация от меня.
Кстати в канале есть серия инструкций по сортировке в FineBI:
• Сортировка по столбцу с типом «Число»
• Сортировка по дате с типом «Текст»
• Сортировка по мере, которая не отображена на графике
• Интерактивная сортировка для мер
❓А что делать, если тип графика менять нельзя?
В следующем посте узнаем, что предлагают авторы книги в таком случае⬇️
#график #переверстка
В книге The Big Book of Dashboards вопросу круговых диаграмм посвящена целая глава The Allure of Pies and Donuts.
На левой картинке показано, что для эффективного сравнения категорий между собой рекомендуется использовать не пончики, а обычный столбчатый график, точнее его разновидность — progress bar, отображающий процент выполнения.
🌟А еще лучше было бы вдобавок отсортировать столбики по убыванию показателя — справа рекомендация от меня.
Кстати в канале есть серия инструкций по сортировке в FineBI:
• Сортировка по столбцу с типом «Число»
• Сортировка по дате с типом «Текст»
• Сортировка по мере, которая не отображена на графике
• Интерактивная сортировка для мер
❓А что делать, если тип графика менять нельзя?
В следующем посте узнаем, что предлагают авторы книги в таком случае⬇️
#график #переверстка
🔥4❤2
Что делать, если заказчик настаивает на серии пончиков?
В таком случае авторы книги The Big Book of Dashboards рекомендуют добавлять столбцы или точки, чтобы нагляднее визуализировать разницу между значениями.
А потом возможно, если повезет, со временем заказчик увидит, что именно столбцы (или точки) лучше помогают в сравнении значений и попросят убрать пончики.
Звучит оптимистично — у меня в реальной жизни не было такого, чтобы от пончиков отказывались😁
Давайте посмотрим по реакциям, кого из нас больше!
Ставь 👍, если голосуешь за столбики, или 👌, если за пончики. А на чьей стороне ты?
#график #переверстка
В таком случае авторы книги The Big Book of Dashboards рекомендуют добавлять столбцы или точки, чтобы нагляднее визуализировать разницу между значениями.
А потом возможно, если повезет, со временем заказчик увидит, что именно столбцы (или точки) лучше помогают в сравнении значений и попросят убрать пончики.
Звучит оптимистично — у меня в реальной жизни не было такого, чтобы от пончиков отказывались😁
Давайте посмотрим по реакциям, кого из нас больше!
Ставь 👍, если голосуешь за столбики, или 👌, если за пончики. А на чьей стороне ты?
#график #переверстка
👍25👌3❤1
Все нужно, лишнего нет (слова до миграции на другой BI)
Дашборд как вспомогательный инструмент для бизнес-процесса — это живой организм, который изменяется и усложняется, прирастая новыми сущностями и атрибутами.
Попытка вместить невместимое не всегда оправдана, но иногда это необходимо для детальной аналитики.
Вместо общих рекомендаций для упрощения восприятия интерфейса рассмотрим одну тему: конкретные шаги, что можно сделать с нагромождением фильтров на дашборде, когда без шуток все нужно и лишнего нет.
Мои мысли об этом в следующем посте⬇️
#fun #дашборд
Дашборд как вспомогательный инструмент для бизнес-процесса — это живой организм, который изменяется и усложняется, прирастая новыми сущностями и атрибутами.
Попытка вместить невместимое не всегда оправдана, но иногда это необходимо для детальной аналитики.
Вместо общих рекомендаций для упрощения восприятия интерфейса рассмотрим одну тему: конкретные шаги, что можно сделать с нагромождением фильтров на дашборде, когда без шуток все нужно и лишнего нет.
Мои мысли об этом в следующем посте⬇️
#fun #дашборд
😁3💯2
Много фильтров — мало хаоса
Ранее я рассказывала историю «Дашборд без дашборда» о том, как реализовала потребность в дашборде с помощью добавления фильтра.
Если проделывать такой трюк много итераций, то дашборд превратится в перегруженный аналитический инструмент, в котором сложно разобраться. А иногда количество фильтров зашкаливает сразу при первой разработке.
❓Как упростить восприятие большого количества фильтров, при этом удовлетворяя запрос в фильтрации?
Я собрала идеи в небольшой список:
🔹Сэкономить место на дашборде
1️⃣ Сгруппировать фильтры в виде иерархии и использовать древовидный тип фильтра.
2️⃣ Использовать фильтр в виде выпадающего списка (drop-down), а не перечня (list).
🔹Упорядочить расположение
3️⃣ Расположить фильтры логично по какому-то принципу: от часто используемых к редко используемым или от общего (например, страна) к частному (город).
4️⃣ Рядом друг с другом расположить фильтры, описывающие одну сущность: например, локацию, тип пользователя, тип сделки и т.п.
5️⃣ По принципу близости, который применяли в предыдущем пункте, расположить фильтры, относящиеся к конкретному графику, рядом с ним, а не в общей панели.
🔹Разнообразить функциональность
6️⃣ Вместо фильтра использовать график с кросс-фильтрацией.
7️⃣ Заменить фильтр вкладками, если возможных значений фильтра не больше 3-4.
🔹Внести последовательность
8️⃣ Осмысленная сортировка значений фильтров: в текстовых фильтрах числовые значения расположить по величине числа, а название месяца — по дате.
9️⃣ В дашбордах для одной группы пользователей, домена (предметной области) или всей компании располагать фильтры в одинаковом порядке.
Еще может быть вариант кнопки раскрытия части фильтров по клику или при условии определенного выбора, но не в случае FineBI — в нем такой опции нет.
И в качестве постскриптума
Есть один случай, когда эти рекомендации не помогут: как ни группируй и упрощай, дашборд будет выглядеть избыточно насыщенным фильтрами, параметрами и другими деталями.
Это случай, когда дашборд используется не по назначению: аналитический дашборд, предполагающий большую гибкость и детализацию, используется руководством, у которого по роду деятельности более широкое видение и поэтому есть потребность в верхнеуровневых метриках и агрегированных данных.
Upd. Был у меня случай на работе, когда аналитики просили много фильтров и параметров, а потом показали дашборд руководству и получили нагоняй: «Куда тут жать?! Надо открыть и сразу видеть цифры». Поэтому дашборд преобразовали и выделили две части: готовые цифры для руководства и гибкую часть с фильтрами для линейных сотрудников.
❓А у вас была проблема, как вместить все требуемые фильтры в интерфейс дашборда? Может быть, есть еще идеи, чем можно дополнить список?
#дашборд #uxui
Ранее я рассказывала историю «Дашборд без дашборда» о том, как реализовала потребность в дашборде с помощью добавления фильтра.
Если проделывать такой трюк много итераций, то дашборд превратится в перегруженный аналитический инструмент, в котором сложно разобраться. А иногда количество фильтров зашкаливает сразу при первой разработке.
❓Как упростить восприятие большого количества фильтров, при этом удовлетворяя запрос в фильтрации?
Я собрала идеи в небольшой список:
🔹Сэкономить место на дашборде
1️⃣ Сгруппировать фильтры в виде иерархии и использовать древовидный тип фильтра.
2️⃣ Использовать фильтр в виде выпадающего списка (drop-down), а не перечня (list).
🔹Упорядочить расположение
3️⃣ Расположить фильтры логично по какому-то принципу: от часто используемых к редко используемым или от общего (например, страна) к частному (город).
4️⃣ Рядом друг с другом расположить фильтры, описывающие одну сущность: например, локацию, тип пользователя, тип сделки и т.п.
5️⃣ По принципу близости, который применяли в предыдущем пункте, расположить фильтры, относящиеся к конкретному графику, рядом с ним, а не в общей панели.
🔹Разнообразить функциональность
6️⃣ Вместо фильтра использовать график с кросс-фильтрацией.
7️⃣ Заменить фильтр вкладками, если возможных значений фильтра не больше 3-4.
🔹Внести последовательность
8️⃣ Осмысленная сортировка значений фильтров: в текстовых фильтрах числовые значения расположить по величине числа, а название месяца — по дате.
9️⃣ В дашбордах для одной группы пользователей, домена (предметной области) или всей компании располагать фильтры в одинаковом порядке.
Еще может быть вариант кнопки раскрытия части фильтров по клику или при условии определенного выбора, но не в случае FineBI — в нем такой опции нет.
И в качестве постскриптума
Есть один случай, когда эти рекомендации не помогут: как ни группируй и упрощай, дашборд будет выглядеть избыточно насыщенным фильтрами, параметрами и другими деталями.
Это случай, когда дашборд используется не по назначению: аналитический дашборд, предполагающий большую гибкость и детализацию, используется руководством, у которого по роду деятельности более широкое видение и поэтому есть потребность в верхнеуровневых метриках и агрегированных данных.
Upd. Был у меня случай на работе, когда аналитики просили много фильтров и параметров, а потом показали дашборд руководству и получили нагоняй: «Куда тут жать?! Надо открыть и сразу видеть цифры». Поэтому дашборд преобразовали и выделили две части: готовые цифры для руководства и гибкую часть с фильтрами для линейных сотрудников.
❓А у вас была проблема, как вместить все требуемые фильтры в интерфейс дашборда? Может быть, есть еще идеи, чем можно дополнить список?
#дашборд #uxui
👍7❤4👏2
Чарт-чузеры
У каждого уважающего себя датавизера есть пост про чарт-чузеры, пусть будет и у меня📊
Чарт-чузер — это каталог видов визуализаций, который помогает выбрать тип графика. Благодаря ему можно открыть для себя новые визуализации.
У меня есть два фаворита:
🔹На русском языке это постер Александра Богачева, автора книги «Графики, которые убеждают всех».
🔹 На английском языке это сайт Datavizproject — скриншот на картинке. Мне нравится этот чарт-чузер своей простотой и функциональностью: сверху есть удобные фильтры и для каждой визуализации представлен пример датасета.
Остальные чарт-чузеры:
• Чарт-чузер от эксперта по датавизу Yan Holtz
• Каталог визуализации данных на русском языке
• Чарт-чузер от эксперта по датавизу Nathan Yau
• Чарт-чузер от Depict Data Studio
• Чартопедия
#подборка #dataviz
Датавиз в BI • Алиса Ручкина
У каждого уважающего себя датавизера есть пост про чарт-чузеры, пусть будет и у меня📊
Чарт-чузер — это каталог видов визуализаций, который помогает выбрать тип графика. Благодаря ему можно открыть для себя новые визуализации.
У меня есть два фаворита:
🔹На русском языке это постер Александра Богачева, автора книги «Графики, которые убеждают всех».
🔹 На английском языке это сайт Datavizproject — скриншот на картинке. Мне нравится этот чарт-чузер своей простотой и функциональностью: сверху есть удобные фильтры и для каждой визуализации представлен пример датасета.
Остальные чарт-чузеры:
• Чарт-чузер от эксперта по датавизу Yan Holtz
• Каталог визуализации данных на русском языке
• Чарт-чузер от эксперта по датавизу Nathan Yau
• Чарт-чузер от Depict Data Studio
• Чартопедия
#подборка #dataviz
Датавиз в BI • Алиса Ручкина
❤7👍5🔥5🆒1
Сборный график в триальной версии
Смотрите, какой необычный график я нашла в триальной версии FineBI: он буквально разбирается и на выходе получается один пирог и два пончика🤩
Если интересно попробовать своими руками, то это дашборд
Ставь лайк, если посмотрел гифку больше одного раза 👍
#chinaviz
Смотрите, какой необычный график я нашла в триальной версии FineBI: он буквально разбирается и на выходе получается один пирог и два пончика🤩
Если интересно попробовать своими руками, то это дашборд
Air Conditionning Retail Management в папке Manufacturing Industry.Ставь лайк, если посмотрел гифку больше одного раза 👍
#chinaviz
This media is not supported in your browser
VIEW IN TELEGRAM
👍21🤩4
