Красиво в FineBI
Красивые графики и правильные дашборды в FineBI? Это возможно! Автор канала: @alisaruchkina Подбодрить автора: https://donate.stream/finebi_design
Show more366
Subscribers
No data24 hours
+77 days
+4030 days
- Subscribers
- Post coverage
- ER - engagement ratio
Data loading in progress...
Subscriber growth rate
Data loading in progress...
Расписание обновлений в дашборде
Вчера я смотрела прожарку маркетингового дашборда Edtech-компании с Романом Буниным (запись на Youtube). В исходном дашборде помимо даты обновления написано, когда обновляются данные. Не помню, чтобы кто-то акцентировал на этом внимание, а это кажется полезным: пользователи будут знать, когда им вернуться за свежими данными.
Что касается самой прожарки, то это просто образец прожарки💪
Сначала последовательное рассмотрение по разным аспектам:
1. Бизнес-цель/контекст
2. Графики и датавиз
3. Графический дизайн
4. UX-дизайн
5. Техническая часть
Благодаря разделению на области знаний можно понять, что именно больше "проседает" и что стоит подучить/повторить.
Затем — глубокая переработка структуры дашборда и логики анализа данных. Что и говорить, надо смотреть😀
#дашборд
👍 6❤ 1
Расписание обновлений в дашборде
Вчера я смотрела прожарку маркетингового дашборда Edtech-компании с Романом Буниным (запись на Youtube). В исходном дашборде помимо даты обновления написано, когда обновляются данные. Не помню, чтобы кто-то акцентировал на этом внимание, а это кажется полезным: пользователи будут знать, когда им вернуться за свежими данными.
Что касается самой прожарки, то это просто образец прожарки💪
Сначала последовательное рассмотрение по разным аспектам:
1. Бизнес-цель/контекст
2. Графики и датавиз
3. Графический дизайн
4. UX-дизайн
5. Техническая часть
Благодаря разделению на области знаний можно понять, что именно больше "проседает" и что стоит подучить/повторить.
Затем — глубокая переработка структуры дашборда и логики анализа данных. Что и говорить, надо смотреть😀
#дашборд
👍 2
F/Z паттерны vs верстка дашборда "по-китайски"
🤓 F- и Z-образные паттерны отражают способ сканирования глазами пользователей во время просмотра веб-страницы. Оба паттерна основаны на понимании того, как пользователи сканируют информацию и где они обычно ожидают найти ключевые элементы на странице.
В "прожарке" на FineTalks 31/05 Наталья Киселева зорко отметила , что нередко в китайских демо-дашбордах блоки расположены симметрично от центра и основное внимание уделяется центральной части.
Мое расследование выявило, что на сайте FineReport в статье "Как спроектировать дашборд" рекомендуют располагать важную информацию сверху или по центру, потому что люди читают сверху вниз и расположение в середине является предпочтительным — о как🤔
#chinaviz
🔥 5❤ 1
Пост с полезными ссылками по датавизу
Знаете ли вы про карточки визуализации от DataYoga? Если нет, то вот они. Это подборка разных видов диаграмм с описанием в зависимости от задачи визуализации.
Для тех, кто знает, ЧТО делать и хочет знать КАК, пригодятся датавиз-стратагемы от DataYoga. Это доска в Miro с полезными советами для эффективной визуальной передачи данных и эстетичными понятными примерами. Можно бродить по ней долго и не раз😍
Рекомендацию "Сравнивайте самое важное" я применяла на практике в виде интерактивной сортировки мер для диаграммы с накоплением в этом посте.
И кстати говоря о предыдущих постах: к одному из них набралось 20 реакций, и я, как обещала, добавила в комментарии pdf-файл с книгой Альберто Кайро "The Truthful Art: Data, Charts, and Maps for Communication".
#dataviz #знания
Карточки визуализации | DATAYOGA
Набор карточек для визуализации данных
👍 3❤ 1
Запись и презентация к Fine Talks 31.05.24
Запись выложена на Youtube в канале Glowbyte по этой ссылке, а в презентации кликабельные ссылки✌️
#news
FineBI + датавиз = вопрос.pptx11.34 MB
👍 5
Photo unavailableShow in Telegram
Добавление
Можно применить "rectangular block + мера со знаком минус" только для одного показателя☝️
❤ 1
Repost from Reveal the Data
Photo unavailableShow in Telegram
📈Пропорции графиков
Недавно столкнулся с частой ошибкой и чуть не сделал неправильный вывод из графика. Посмотрел на график и подумал — «О, метрика почти не меняется!», а затем попробовал другую пропорцию чарта и понял, что на самом деле это не так и метрика падает. Возникают такие ошибки из-за искажения восприятия лайн-чарта при разных его пропорциях. Посмотрите сами на картинке:
1️⃣ График слишком плоский. Кажется, что метрика почти не меняется. Именно с этим графиком я чуть не ошибся.
2️⃣ График слишком высокий. Кажется, что метрика очень сильно шумит, а падение более драматичное, чем есть.
3️⃣ График — то что надо. Видна и общая динамика, и сезонность внутри недель.
Почувствовали смотря на графики, что это как будто даже разные данные? Как же тогда выбрать пропорции лайн-чарта?
Сложный способ
Используя технику «banking to 45º» из книги Вильяма Кливленда, когда мы стремимся к тому, чтобы средний угол наклона всех кусочков линий, соединяющих точки был равен 45°. Но для этого надо рассчитать средний угол, что звучит непросто, есть даже целая 🤓 научная статья со сложными формулами.
Простой способ
Делайте лайн-чарты примерно с соотношением 16:9, тогда скорее всего пропорции будут подходящие. Но чем больше точек, тем обычно «длиннее» должен быть график. Ну или просто не забывайте про особенность этого типа графиков и пробуйте разные пропорции, когда делаете дашборд.
П.С. Очень показательно, как даже такая мелочь, как пропорции графика может повлиять на качество дашаборда.
П.П.С. Как отмечают в комментах, непонятно, что делать когда пользователь ставит разные фильтры дат. Это и правда проблема и хорошего решения не знаю 🤷♂️
#наблюдение
❤ 3
О пропорциях линейных графиков ⬇️
Прошел год, но актуальность темы кажется вечной. Плюс запись дискуссии Романа Бунина и Александра Богачева на Youtube по этой ссылке.
#dataviz
Стрим про пропорции линейных графиков
Вместе с Сашей Богачевым спорим про пропорции линейных графиков. Исходный посты : Мой —
https://t.me/revealthedata/929Саши —
https://t.me/chartomojka/988👍 1
Repost from Сделай это красиво
Как понять, что вы правильно визуализировали данные
Когда я оцениваю графики, то всегда начинаю с вопроса: какая была цель? Все дизайнерские решения должны работать именно на неё.
Рассмотрим этот принцип на примере. Вот — две картинки, на которых показаны разные составы Госдумы. Очевидно, задача авторов — помочь читателям сравнить присутствие разных партий в парламенте. Какой из вариантов позволяет вам сделать это быстрее?
Думаю, что не первый 🌚. Здесь неудобно расположена легенда, а для сравнения нужно сопоставлять фигуры сложной формы или пересчитывать кружочки.
Второй график — более удачный, хотя и не самый лучший. Например, я не уверен, что здесь стоило показывать долю от 100%.
Вот главные признаки верно выбранного типа визуализации:
1. График решает задачу (сравнить одно с другим, увидеть рост или падение чего-либо, оценить масштабы чего-либо),
2. Из графика можно сделать вывод — ответить на внутренний вопрос «И что?»,
3. График не надо долго изучать, чтобы понять, какую задачу он решает и какой вывод транслирует.
А как бы вы визуализировали такие данные? Пишите в комментариях, что бы поправили.
Choose a Different Plan
Your current plan allows analytics for only 5 channels. To get more, please choose a different plan.