Про иконки в дизайне дэшбордов от Rafael Simancas.
Очень люблю иконки, они хорошо и быстро считываются, но с ними главное не переборщить🙈
3 основных правила:
1. Простота и ясность. Очень важно, чтобы пользователи понимали значение каждой иконки с первого взгляда, а сами иконки не были перегружены лишними элементами.
2. Согласованность стиля. Иконки должны быть консистенты между собой и быть приведены к единому стилю.
3. Универсальность и узнаваемость. Берите те иконки, к которым люди привыкли и которые переиспользуются в других интерфейсах.
Я часто беру иконки с flaticon (лучше брать от одного дизайнера, чтобы как раз была согласованность по стилю) или google icons.
Очень люблю иконки, они хорошо и быстро считываются, но с ними главное не переборщить🙈
3 основных правила:
1. Простота и ясность. Очень важно, чтобы пользователи понимали значение каждой иконки с первого взгляда, а сами иконки не были перегружены лишними элементами.
2. Согласованность стиля. Иконки должны быть консистенты между собой и быть приведены к единому стилю.
3. Универсальность и узнаваемость. Берите те иконки, к которым люди привыкли и которые переиспользуются в других интерфейсах.
Я часто беру иконки с flaticon (лучше брать от одного дизайнера, чтобы как раз была согласованность по стилю) или google icons.
❤69
Forwarded from Наука и данные
30DayChartChallenge 📉📈
В апреле 2024 пройдет (уже четвертый) 30DayChartChallenge - 30 графиков, 5 различных категорий: сравнения, распределения, взаимосвязи, временные ряды и неопределенность.
‼️ Как принять участие?
🟡 выберите любые данные, которые вам нравятся
🟣 используйте любой инструмент, который вы хотите
🔴 отдавайте должное данным и источникам вдохновения
🔵 будьте дружелюбны и предоставляйте конструктивную обратную связь
🟠 делитесь своим датавизом
Здесь не важно, каким инструментом визуализации вы пользуетесь или какими данными, достаточно указать при публикации результата #30DayChartChallenge и / или @30DayChartCall в X (Twitter), Bluesky или других социальных сетях.
👉 Подробнее об условиях можно почитать в GitHub-репозитории.
Некоторые примеры участия с использованием R:
🔸 Cédric Scherer
🔸 Dominic Royé
🔸 Nicola Rennie
🔸 Ansgar Wolsing
В апреле 2024 пройдет (уже четвертый) 30DayChartChallenge - 30 графиков, 5 различных категорий: сравнения, распределения, взаимосвязи, временные ряды и неопределенность.
‼️ Как принять участие?
🟡 выберите любые данные, которые вам нравятся
🟣 используйте любой инструмент, который вы хотите
🔴 отдавайте должное данным и источникам вдохновения
🔵 будьте дружелюбны и предоставляйте конструктивную обратную связь
🟠 делитесь своим датавизом
Здесь не важно, каким инструментом визуализации вы пользуетесь или какими данными, достаточно указать при публикации результата #30DayChartChallenge и / или @30DayChartCall в X (Twitter), Bluesky или других социальных сетях.
👉 Подробнее об условиях можно почитать в GitHub-репозитории.
Некоторые примеры участия с использованием R:
🔸 Cédric Scherer
🔸 Dominic Royé
🔸 Nicola Rennie
🔸 Ansgar Wolsing
❤45
500 величайших альбомов всех времен по версии журнала Rolling Stones в визуализации от The Pudding
Такую подборку начали собирать в 2003 году, пересматривали они список в 2012 и 2020 годах. Интересно, что некоторые старые альбомы перестали появляться в подборке потому что стало слишком сложно их прослушивать: их нет на Spotify или они были выпущены в физическом формате (CD или винил).
Такую подборку начали собирать в 2003 году, пересматривали они список в 2012 и 2020 годах. Интересно, что некоторые старые альбомы перестали появляться в подборке потому что стало слишком сложно их прослушивать: их нет на Spotify или они были выпущены в физическом формате (CD или винил).
❤27
This media is not supported in your browser
VIEW IN TELEGRAM
Что такое интеллект по мнению ChatGPT 🧠
Santiago Ortiz много раз подряд спросил ChatGPT (через апи) “Intelligence is….” и визуализировал результаты в формате сети семантической близости ответов.
Очень интересно потыкать. Слева можно по сети увидеть путь ответов. Справа более простой древовидный формат по частотности. Например, в 75% случаев ChatGPT ответит, что “Intelligence is the ability”
Santiago Ortiz много раз подряд спросил ChatGPT (через апи) “Intelligence is….” и визуализировал результаты в формате сети семантической близости ответов.
Очень интересно потыкать. Слева можно по сети увидеть путь ответов. Справа более простой древовидный формат по частотности. Например, в 75% случаев ChatGPT ответит, что “Intelligence is the ability”
❤52
Интересная комбинация графиков распределения, такой ridge line вместе с чем-то вроде боксплота.
Это визуализация прилагательных, используемых для описания домов и квартир в районе Сан-Франциско в постах об аренде на Craigslist. Здесь только топ прилагательных, но уже видно интересные сочетания: nice and clean для относительно недорогих мест и gorgeous and furnished для более дорогих.
📌Тьюториал на R
Это визуализация прилагательных, используемых для описания домов и квартир в районе Сан-Франциско в постах об аренде на Craigslist. Здесь только топ прилагательных, но уже видно интересные сочетания: nice and clean для относительно недорогих мест и gorgeous and furnished для более дорогих.
📌Тьюториал на R
❤56
К посту выше ↑
В 2017 любимые универские друзья делали очень интересное исследование про анализ характеристик отелей в Питере – что отмечают пользователи в отзывах на отели разных ценовых сегментов.
В отелях с 2-3 звездами часто упоминали местоположение отеля, чистоту, наличие ванной комнаты, в отелях с 4-5 звездами – организация событий, стиль и оформление. Также упоминались разные достопримечательности, в отзывах на 2-3 звездочные отели часто упоминаются бесплатные достопримечательности.
old but gold 2017, Илья, Оля, Витя, Никита, если читаете ❣️
В 2017 любимые универские друзья делали очень интересное исследование про анализ характеристик отелей в Питере – что отмечают пользователи в отзывах на отели разных ценовых сегментов.
В отелях с 2-3 звездами часто упоминали местоположение отеля, чистоту, наличие ванной комнаты, в отелях с 4-5 звездами – организация событий, стиль и оформление. Также упоминались разные достопримечательности, в отзывах на 2-3 звездочные отели часто упоминаются бесплатные достопримечательности.
old but gold 2017, Илья, Оля, Витя, Никита, если читаете ❣️
❤53
Вместе с Андроном в понедельник проведем вебинар на тему визуализации LTV и ROMI по когортам.
Попробуем ответить на вопросы об эффективности каналов при помощи визуализации. А также покажу, как собрать дашборд в Tableau быстрее обычного 🙈
В понедельник, 1 апреля, в 19:00 по Мск бесплатно без смс и регистрации
Ссылка на трансляцию
👉 https://www.youtube.com/watch?v=XxiUiWdkNng 👈
После вебинара здесь выложу ссылку на дашборд, можно будет скачать и потыкать, а Андрон у себя в канале пошарит гайд о том, как проводить когортный анализ в SQL и Python + разбор 15 типовых ошибок при проведении когортного анализа.
А пока советую повдохновляться постами Андрона про топ основных аналитических отчетов для бизнеса: часть 1 и 2. В 2021 еще вместе делали карточки про гештальт-принципы.
Попробуем ответить на вопросы об эффективности каналов при помощи визуализации. А также покажу, как собрать дашборд в Tableau быстрее обычного 🙈
В понедельник, 1 апреля, в 19:00 по Мск бесплатно без смс и регистрации
Ссылка на трансляцию
👉 https://www.youtube.com/watch?v=XxiUiWdkNng 👈
После вебинара здесь выложу ссылку на дашборд, можно будет скачать и потыкать, а Андрон у себя в канале пошарит гайд о том, как проводить когортный анализ в SQL и Python + разбор 15 типовых ошибок при проведении когортного анализа.
А пока советую повдохновляться постами Андрона про топ основных аналитических отчетов для бизнеса: часть 1 и 2. В 2021 еще вместе делали карточки про гештальт-принципы.
❤58
Forwarded from Датавизнутая
Не зеленая "Матрица"
31 марта 25 лет назад в массовый прокат вышла первая часть трилогии "Матрица".
К этой дате решила использовать относительно недавно освоенный алгоритм анализа цвета видео в python и составила палитры трех фильмов (про алгоритм расскажу в отдельной серии постов).
Такие визуализации уже делали (например, тут и тут), но мне хотелось дополнительно выделить основные цвета и интересные акценты.
"Матрица" в первую очередь ассоциируется с зелеными оттенками, но цветокоррекция кадра во всех частях меняется в зависимости от локаций и основных сущностей.
P.S. За помощь по вопросам дизайна спасибо Антону💚
P.P.S. С коллегами в ТАСС к дате сделали постер с Нео и шуточное бинго😎
#датавиз #личное
31 марта 25 лет назад в массовый прокат вышла первая часть трилогии "Матрица".
К этой дате решила использовать относительно недавно освоенный алгоритм анализа цвета видео в python и составила палитры трех фильмов (про алгоритм расскажу в отдельной серии постов).
Такие визуализации уже делали (например, тут и тут), но мне хотелось дополнительно выделить основные цвета и интересные акценты.
"Матрица" в первую очередь ассоциируется с зелеными оттенками, но цветокоррекция кадра во всех частях меняется в зависимости от локаций и основных сущностей.
P.S. За помощь по вопросам дизайна спасибо Антону💚
P.P.S. С коллегами в ТАСС к дате сделали постер с Нео и шуточное бинго😎
#датавиз #личное
❤86
настенька и графики
Вместе с Андроном в понедельник проведем вебинар на тему визуализации LTV и ROMI по когортам. Попробуем ответить на вопросы об эффективности каналов при помощи визуализации. А также покажу, как собрать дашборд в Tableau быстрее обычного 🙈 В понедельник,…
Стартуем уже через час! Поболтаем с Андроном про анализ эффективности каналов, пока рисуем мини-дэшик💫
❤21
Запись вчерашнего вебинара с Андроном про анализ эффективности каналов 👉 https://www.youtube.com/watch?v=XxiUiWdkNng
И ссылка на дэшборд, все можно скачать, переключить свой источник и получить такой же дэшик. А Андрон у себя в канале опубликовал большой гайд по проведению когортного анализа с примерами кода и лайфхаками🐍
📌 Плюс, как и пообещали на вебинаре, в течение 3 дней на наши курсы будет действовать промокод WEBINAR01:
-15% скидку на мой курс на Stepik Визуализация данных и основы работы с Tableau
- 40% скидку на Симулятор «Аналитик данных» от команды Андрона, а также можно будет получить мой курс в подарок, чтобы собрать мини-специализацию.
И ссылка на дэшборд, все можно скачать, переключить свой источник и получить такой же дэшик. А Андрон у себя в канале опубликовал большой гайд по проведению когортного анализа с примерами кода и лайфхаками🐍
📌 Плюс, как и пообещали на вебинаре, в течение 3 дней на наши курсы будет действовать промокод WEBINAR01:
-15% скидку на мой курс на Stepik Визуализация данных и основы работы с Tableau
- 40% скидку на Симулятор «Аналитик данных» от команды Андрона, а также можно будет получить мой курс в подарок, чтобы собрать мини-специализацию.
❤60
16 простых правил хорошего дизайна:
1. Используйте пространство для группировки связанных элементов (гештальт-правило близости)
2. Будьте последовательны (стиль, шрифт и тд)
3. Убедитесь, что похожие элементы функционируют одинаково
4. Создавайте четкую визуальную иерархию элементов и текста
5. Удаляйте ненужные стили и элементы дизайна
6. Пользуйтесь цветом эффективно
7, 8 Компоненты интерфейса имеют контрастность 3:1, а текст – 4,5:1, подробнее
9. Не полагайтесь на цвет как на единственный индикатор
10, 11, 12 Используйте один шрифт без засечек, с чуть более более высокими строчными буквами и без капса
13. Используйте только обычный и полужирный шрифт
14. Избегайте чисто черного текста
15. Выравнивайте текст по левому краю
16. Используйте высоту строки не менее 1,5 высоты для основного текста
1. Используйте пространство для группировки связанных элементов (гештальт-правило близости)
2. Будьте последовательны (стиль, шрифт и тд)
3. Убедитесь, что похожие элементы функционируют одинаково
4. Создавайте четкую визуальную иерархию элементов и текста
5. Удаляйте ненужные стили и элементы дизайна
6. Пользуйтесь цветом эффективно
7, 8 Компоненты интерфейса имеют контрастность 3:1, а текст – 4,5:1, подробнее
9. Не полагайтесь на цвет как на единственный индикатор
10, 11, 12 Используйте один шрифт без засечек, с чуть более более высокими строчными буквами и без капса
13. Используйте только обычный и полужирный шрифт
14. Избегайте чисто черного текста
15. Выравнивайте текст по левому краю
16. Используйте высоту строки не менее 1,5 высоты для основного текста
❤125