Прочитал на праздниках «Модульные системы в графическом дизайне» Мюллер-Брокмана. Книга про верстку для печати, но некоторые принципы подойдут и для дашбордов. Основная идея — заранее разбить страницу на модули и заполнять их контентом размером кратным модульной клетке.
Вот, что вынес самого интересного:
— Вдохновляет подход автора к философии дизайна. Он считает, что с помощью хороших работ можно влиять на развитие и культуру общества в целом.
— Наиболее удобная для чтения ширина текста такая, когда в одну строку умещается 7-10 слов. Если шире или уже, то читать не удобно. Поэтому ширина текста зависит от используемого размера шрифта.
— Так же от размера текста нужно выбирать правильный интерлиньяж (расстояние между строками). Обычно он должен быть на 2-5pt больше, чем размер шрифта, в зависимости от гарнитуры. Но ещё зависит и от ширины текста, если колонка узкая, то его можно сделать меньше.
— Модульная сетка позволяет сохранять единый стиль между разными форматами. Она создаёт ощущение фирменного стиля так же как шрифт и цвета.
— Чем мельче модульная сетка — тем менее сохраняется чувство единства между страницами, но тем более гибкой она является.
— Модульная сетка не обязательно должна быть равномерной (все модульные клетки одного размера).
Мы у себя в стайглайде для дашбордов модульную сетку внедрять не стали, так как это показалось переусложнением. Но кажется, что это классный концепт для презентаций, больших годовых отчетов и т.п. Хочу попробовать для пары дашбордов для паблика.
#книга
Вот, что вынес самого интересного:
— Вдохновляет подход автора к философии дизайна. Он считает, что с помощью хороших работ можно влиять на развитие и культуру общества в целом.
— Наиболее удобная для чтения ширина текста такая, когда в одну строку умещается 7-10 слов. Если шире или уже, то читать не удобно. Поэтому ширина текста зависит от используемого размера шрифта.
— Так же от размера текста нужно выбирать правильный интерлиньяж (расстояние между строками). Обычно он должен быть на 2-5pt больше, чем размер шрифта, в зависимости от гарнитуры. Но ещё зависит и от ширины текста, если колонка узкая, то его можно сделать меньше.
— Модульная сетка позволяет сохранять единый стиль между разными форматами. Она создаёт ощущение фирменного стиля так же как шрифт и цвета.
— Чем мельче модульная сетка — тем менее сохраняется чувство единства между страницами, но тем более гибкой она является.
— Модульная сетка не обязательно должна быть равномерной (все модульные клетки одного размера).
Мы у себя в стайглайде для дашбордов модульную сетку внедрять не стали, так как это показалось переусложнением. Но кажется, что это классный концепт для презентаций, больших годовых отчетов и т.п. Хочу попробовать для пары дашбордов для паблика.
#книга
📓 Недавно встретились с Настей Кузнецовой, автором канала настенька и графики. Обсудили текущие проекты и погрустили про времена, когда Настя работала в нашей команде. Если вдруг ещё почему-то не подписаны на её канал, то очень рекомендую.
Сходили в книжный, там были вот такие огромные книги-монстры, их даже держать тяжело. =) Книга с историей инфографики понравилась — есть классные незаезженные примеры. Приложу пару разворотов в комментарии (и там ещё принесли прикольных похожих скринов).
Говоря про книги. Частый вопрос: что почитать про визуализацию и дашборды. И на самом деле книг вроде бы много, но вот прям порекомендовать что-то очень крутое бывает сложно. Собрал топ, который я бы включил в must read. Еще присылайте свои любимые книги по теме в комментарии, интересно, что зашло вам.
Философские основы датавиза
1. Edward Tufte: The Visual Display of Quantitative Information
2. Tamara Munzner: Visualization Analysis and Design
Дашборды
3. Steve Wexler and Co: The Big Book of Dashboards
4. Stephen Few: Now You See It, Show Me the Numbers, Information Dashboard Design
5. Александра Усачева, Андрей Демидов: DataYoga
Графики
6. Коул Нафлик: Данные: визуализируй, расскажи, используй
7. Александр Богачев: Графики, которые убеждают всех
Инфографика
8. Alberto Cairo: The Functional Art
Давайте поиграем в блогерские штучки.150 огоньков (Вау, тема актуальна! Но всё равно можете ещё насыпать, просто для интереса =) и сделаю на часть книг более полный обзор с описанием и основными выводами. Здесь мне правда важна обратная связь, а не реакции, чтобы понять актуально ли это, или книги уже все прочитали или не читаете совсем.
#ссылка #книга
Сходили в книжный, там были вот такие огромные книги-монстры, их даже держать тяжело. =) Книга с историей инфографики понравилась — есть классные незаезженные примеры. Приложу пару разворотов в комментарии (и там ещё принесли прикольных похожих скринов).
Говоря про книги. Частый вопрос: что почитать про визуализацию и дашборды. И на самом деле книг вроде бы много, но вот прям порекомендовать что-то очень крутое бывает сложно. Собрал топ, который я бы включил в must read. Еще присылайте свои любимые книги по теме в комментарии, интересно, что зашло вам.
Философские основы датавиза
1. Edward Tufte: The Visual Display of Quantitative Information
2. Tamara Munzner: Visualization Analysis and Design
Дашборды
3. Steve Wexler and Co: The Big Book of Dashboards
4. Stephen Few: Now You See It, Show Me the Numbers, Information Dashboard Design
5. Александра Усачева, Андрей Демидов: DataYoga
Графики
6. Коул Нафлик: Данные: визуализируй, расскажи, используй
7. Александр Богачев: Графики, которые убеждают всех
Инфографика
8. Alberto Cairo: The Functional Art
Давайте поиграем в блогерские штучки.
#ссылка #книга
📓Edward Tufte: The Visual Display of Quantitative Information
Начнём с классической книги Эдварда Тафти. Книга правда достойна стать «настольной» для любого человека, который занимается датавизом. Я очень люблю её перечитывать, каждый раз нахожу что-то новое.
Но есть проблемы: она написана сложно, как по структуре, так и по языку (кстати, Тафти запретил переводить его книги и они существуют только на английском) и она оперирует общими принципами, а не отдельными графиками, что может быть сложно новичку.
Забавный факт, которые многие пропускают — основные идеи книги изложены на самой-самой первой странице. А дальше в книге, и в остальных книгах серии, Тафти просто приводит примеры к этим принципам, изложенным в самом начале. Принципы на втором скриншоте выше и в моем (вольном) переводе ниже.
Хорошая визуализация:
— Показывает данные
— Провоцирует пользователя думать про данные, а не про оформление, дизайн или технологию изготовлению
— Не искажает данные
— Имеет высокую плотности информации и эффективно использует пространство
— Лаконично показывает большое количество данных
— Побуждает к сравнению и выявлению особенностей в данных
— Проявляет данные на разных уровнях — от общего к частному или наоборот
— Подходит для одной из целей: описания, исследования, хранения или оформления
— Логично показывает данные используя их особенности и словесное описание
Визуализация проявляет данные. (Отсюда, кстати, и пошло название моего блога)
Подробно про каждый принцип, с приведением примеров из разных областей, я рассказывал в гостях у Алексея и Тины в программе «Третий вторник». Это видео может быть неплохим стартом для знакомства с Тафти, но саму книгу тоже обязательно надо читать!
Выводы
Рекомендую читать в таком порядке: посмореть видео или презентацию про книгу или полистать самому и посмотреть картинки, понять структуру и вдохновиться примерами → почитать книги про отдельные направления датавиза (графики, дизайн, дашборды) → вернуться к Тафти и прочитать его внимательно. Ну и готовьте свой английский, слог там прям Шекспировский!
П.С. Графики из книги повторял в Табло, получилось классно
П.П.С. Ради фана буду прикладывать, что Chat GPT думает про книги. Буду сравнивать его обзоры со своими после написания своего текста. Пока у него получается водянисто, но может и у меня тоже. Чья версия вам нравится больше? )))
#книга
Начнём с классической книги Эдварда Тафти. Книга правда достойна стать «настольной» для любого человека, который занимается датавизом. Я очень люблю её перечитывать, каждый раз нахожу что-то новое.
Но есть проблемы: она написана сложно, как по структуре, так и по языку (кстати, Тафти запретил переводить его книги и они существуют только на английском) и она оперирует общими принципами, а не отдельными графиками, что может быть сложно новичку.
Забавный факт, которые многие пропускают — основные идеи книги изложены на самой-самой первой странице. А дальше в книге, и в остальных книгах серии, Тафти просто приводит примеры к этим принципам, изложенным в самом начале. Принципы на втором скриншоте выше и в моем (вольном) переводе ниже.
Хорошая визуализация:
— Показывает данные
— Провоцирует пользователя думать про данные, а не про оформление, дизайн или технологию изготовлению
— Не искажает данные
— Имеет высокую плотности информации и эффективно использует пространство
— Лаконично показывает большое количество данных
— Побуждает к сравнению и выявлению особенностей в данных
— Проявляет данные на разных уровнях — от общего к частному или наоборот
— Подходит для одной из целей: описания, исследования, хранения или оформления
— Логично показывает данные используя их особенности и словесное описание
Визуализация проявляет данные. (Отсюда, кстати, и пошло название моего блога)
Подробно про каждый принцип, с приведением примеров из разных областей, я рассказывал в гостях у Алексея и Тины в программе «Третий вторник». Это видео может быть неплохим стартом для знакомства с Тафти, но саму книгу тоже обязательно надо читать!
Выводы
Рекомендую читать в таком порядке: посмореть видео или презентацию про книгу или полистать самому и посмотреть картинки, понять структуру и вдохновиться примерами → почитать книги про отдельные направления датавиза (графики, дизайн, дашборды) → вернуться к Тафти и прочитать его внимательно. Ну и готовьте свой английский, слог там прям Шекспировский!
П.С. Графики из книги повторял в Табло, получилось классно
П.П.С. Ради фана буду прикладывать, что Chat GPT думает про книги. Буду сравнивать его обзоры со своими после написания своего текста. Пока у него получается водянисто, но может и у меня тоже. Чья версия вам нравится больше? )))
#книга
📘 The Big Book of Dashboards
Продолжим разбор книг, в этот раз расскажу про более практическую книгу от Стива Векслера, Джеффри Шаффера и Энди Котгрива.
Обожаю эту книгу за простоту идеи и использование, на мой взгляд, одного из самых мощных инструментов обучения — разбора чужих ошибок и хороших решений. Книга — это набор «прожарок» дашбордов, где авторы описывают бизнес-кейс, а затем комментирует, что можно было бы улучшить или какие решения им понравились. Ещё в начале и конце книги есть и краткая теория, что тоже отлично.
Самая главная ценность книги, это даже не сами разборы, а реальные бизнес-кейсы. На них можно подумать, а как бы вы решали эту задачу. К сожалению, они показывают дашборд, до описания задачи, но можно попробовать его пропустить и придумать свой вариант решения. Когда я читал, то так и пытался делать и вы попробуйте. Наличие реальных бизнес-кейсов, это прям большая редкость и за это точно стоит почитать книгу.
В книге есть и плохие моменты. Авторы уделяют мало внимания графическому дизайну, поэтому много плохо свёрстанных дашборды. А ещё иногда не хватает примера своего решения для всего дашборда, а не переделки отдельных графиков. Например, я так делаю в рубрике «переверстка».
А ещё все дашборды из книги, которые сделаны в Tableau, можно скачать прямо с сайта книги и покопаться в их внутренностях.
#книга
Продолжим разбор книг, в этот раз расскажу про более практическую книгу от Стива Векслера, Джеффри Шаффера и Энди Котгрива.
Обожаю эту книгу за простоту идеи и использование, на мой взгляд, одного из самых мощных инструментов обучения — разбора чужих ошибок и хороших решений. Книга — это набор «прожарок» дашбордов, где авторы описывают бизнес-кейс, а затем комментирует, что можно было бы улучшить или какие решения им понравились. Ещё в начале и конце книги есть и краткая теория, что тоже отлично.
Самая главная ценность книги, это даже не сами разборы, а реальные бизнес-кейсы. На них можно подумать, а как бы вы решали эту задачу. К сожалению, они показывают дашборд, до описания задачи, но можно попробовать его пропустить и придумать свой вариант решения. Когда я читал, то так и пытался делать и вы попробуйте. Наличие реальных бизнес-кейсов, это прям большая редкость и за это точно стоит почитать книгу.
В книге есть и плохие моменты. Авторы уделяют мало внимания графическому дизайну, поэтому много плохо свёрстанных дашборды. А ещё иногда не хватает примера своего решения для всего дашборда, а не переделки отдельных графиков. Например, я так делаю в рубрике «переверстка».
А ещё все дашборды из книги, которые сделаны в Tableau, можно скачать прямо с сайта книги и покопаться в их внутренностях.
#книга
📘 Графики, которые убеждают всех
Совместим полезное с полезным, продолжу разбор важных книг по визуализации данных и сделаю анонс нашего разговора с Сашей. Про пропорции графиков мы поговорим на стриме в телеграме 2-ого в воскресенье, в 12:00 по Мск.
А сегодня расскажу вам про книгу Саши. Она является отличным пособием как делать графики и передавать с помощью них идеи. Больше всего рекомендации из книги будут полезны для презентаций и отчетов, когда у вас уже есть мысль или вывод, которые вы хотите донести до аудитории с помощью графика. А в контексте дашбордов будут полезны объяснения на какую группу вопросов отвечает каждый тип графиков и как их правильно оформить.
В книге есть личная история Саши и примеры из необычной отрасли — медицины. Это добавляет жизни и книгу читать интересно. Самое полезное в книге, на мой взгляд, — примеры «было → стало». Много интересных преображений графиков с полезными комментариями и много важных приемов и правил. Можно сделать чек-лист на проверку графика по этим пунктам. Но при этом в книге много классных отступлений формата «но бывает и по-другому». Саша гибко думает про правила, которые предлагает, и не запирает в них читателя: «Чаще всего делайте „так“ и „так“, но что-то может пойти и по-другому»
Отдельно стоит выделить классный раздел с частыми ошибками в визуализации. А ещё есть отличный постер чарт-чузер, который шел к книге, можно скачать тут.
Понравившиеся цитаты:
«Чем больше у проекта ограничений, тем проще вам работать»
«Чаще всего с помощью визуализации мы пытаемся понять, какие из значений больше или меньше других и в какой степени»
«Я не видел ни одного человека, которому помогли бы чарт-чузеры, или чтобы кто-то реально ими пользовался. Они интересны для ознакомления, но пользоваться ими не рекомендую» (сказал Саша и сделал чарт-чузер =)
Итого, книга — отличное начало про то, как строить первичную единицу дашборда — график. Очень рекомендую. Наиболее близкой по духу будет книга Коул Нафлик, можно читать их в паре.
Больше разборов книг по тэгу #книга
Совместим полезное с полезным, продолжу разбор важных книг по визуализации данных и сделаю анонс нашего разговора с Сашей. Про пропорции графиков мы поговорим на стриме в телеграме 2-ого в воскресенье, в 12:00 по Мск.
А сегодня расскажу вам про книгу Саши. Она является отличным пособием как делать графики и передавать с помощью них идеи. Больше всего рекомендации из книги будут полезны для презентаций и отчетов, когда у вас уже есть мысль или вывод, которые вы хотите донести до аудитории с помощью графика. А в контексте дашбордов будут полезны объяснения на какую группу вопросов отвечает каждый тип графиков и как их правильно оформить.
В книге есть личная история Саши и примеры из необычной отрасли — медицины. Это добавляет жизни и книгу читать интересно. Самое полезное в книге, на мой взгляд, — примеры «было → стало». Много интересных преображений графиков с полезными комментариями и много важных приемов и правил. Можно сделать чек-лист на проверку графика по этим пунктам. Но при этом в книге много классных отступлений формата «но бывает и по-другому». Саша гибко думает про правила, которые предлагает, и не запирает в них читателя: «Чаще всего делайте „так“ и „так“, но что-то может пойти и по-другому»
Отдельно стоит выделить классный раздел с частыми ошибками в визуализации. А ещё есть отличный постер чарт-чузер, который шел к книге, можно скачать тут.
Понравившиеся цитаты:
«Чем больше у проекта ограничений, тем проще вам работать»
«Чаще всего с помощью визуализации мы пытаемся понять, какие из значений больше или меньше других и в какой степени»
«Я не видел ни одного человека, которому помогли бы чарт-чузеры, или чтобы кто-то реально ими пользовался. Они интересны для ознакомления, но пользоваться ими не рекомендую» (сказал Саша и сделал чарт-чузер =)
Итого, книга — отличное начало про то, как строить первичную единицу дашборда — график. Очень рекомендую. Наиболее близкой по духу будет книга Коул Нафлик, можно читать их в паре.
Больше разборов книг по тэгу #книга
🛠 Инструменты
Dashboard Canvas и Dashboard Map — фреймворк разработки системы отчетности и отдельных дашбордов. Кейсы и теория собраны на доске в миро.
Матрица компетенций BI-аналитика — самые важные навыки BI-аналитика по категориям, со ссылками на теорию. Английская версия Саши Баракова и ко.
Wireframe Builder — простой инструмент для прототипирования дашбордов. В виде книги в Табло, в виде презы, в Miro для любой системы или на базе DataLens.
Пример книги-шаблона для стайлгайда — небольшой пример как можно сделать шаблон для дашборда. По этой теме ещё: статья про использование этого примера, дискуссия про стайлгайды, рассказ про стайлгайд Yandex Go.
Статьи
— Метрики BI-системы как продукта
— Интерфейсы в BI системах
— Таблица или график? Как убедить заказчика
— Итоги первого сезона «Залетай в BI»
— Dashboard is dead. Long live Dashboard!
— Чаты и каналы про датавиз, аналитику и около
— Быстрые дашборды с помощью DataLens и ClickHouse
— Как создавать полезные для бизнеса дашборды
— Навигация между дашбордами в Tableau
— Обзор стандарта IBCS
— График План-Факт во времени
— Почему визуализация лучше табличек
— Навыки для визуализации данных
— Что такое визуализация данных
Видео
— Сериал про систему дашбордов: мафия, ресторан
— Как работает BI в Yandex Go
— Под капотом Tableau
— Dashboard Canvas 2.0
— Навыки для визуализации данных
— Рубрика «Переверстка»
— Лайфхаки Tableau
— Таблица или график
— И ещё много разного на канале в YouTube
Визуализации и дашборды
— Divided World
— Дашборд отдела продаж
— Зарплаты аналитиков на базе HH
— Дашборд про рейтинг игр
— Графики Эдварда Тафти в Tableau
— Опрос менеджеров продуктов
— И ещё 60+ дашбордов на Tableau Public
Подкасты
— Data Heroes про визуализацию данных
— ProductSense про дашборды в бизнесе
— «IT-шниками не рождаются» про карьерный путь
— «Это считается» про роль дашбордов для аналитиков
— Data Heroes про Телеграм канал
Лучшие посты в Телеграме
По тэгу #избранное в канале, по тэгу #книга обзоры книг про датавиз, а по тэгу #наблюдение примеры визуализации из реальной жизни.
Курсы
— Предметы в специальностях от Karpov.Courses
— Совместный курс с Таней Мисютиной и его онлайн версия в Бюро Горбунова
#избранное @revealthedata
Please open Telegram to view this post
VIEW IN TELEGRAM
miro.com
Dashboard Map & Canvas
Фреймворк для создания дашбордов
Знаете кто такой Эдвард Тафти? А Виллард Коуп Бринтон? Уверен, что про первого слышали практически все, а про второго единицы. Современные датавиз авторы упоминают Бринтона (даже Тафти), но упоминания какие-то невнятные. Не соотвествующие масштабу. Я решил поправить вселенскую несправедливость и рассказать про книжки этого пионера в области визуализации.
Итак Вилард Коуп Бринтон американский инженер-консультант. Автор двух книг:
— Graphic methods for presenting facts, 1914
— Graphic Presentations, 1939
Отдельно можно отметить пропасть времени между двумя книжками. 25 лет! Четверть века! Поколение! Даже обложкам видно, что книжки из разных эпох. И между прочим, только через 3 года после второй книги родится Тафти и ещё лет через 40 издаст свою первую книжку 🙃
В двух словах — книжки потрясающие. С одной стороны это концентрированная история по предмету. Например, приводится диаграмма Ганта и комментарий, что такую диаграмму любит использовать некий Mr. Gantt. А с другой они обе изобилуют актуальными тезисами. Удивительно, но еще до появления ЭВМ люди признавали, что данных много и их обработка может быть эффективнее. И считали визуализацию одним из путей к этой эффективности.
Поражает и глубина проработки отдельных моментов. Например, часть про декомпозицию обычного линейного графика. И наполнение книжки. Не просто примеры визуализаций и советы. Но и про ремесленную часть производства графиков без компьютеров. Про восприятие цвета, с предельно наглядным примером. Про оптические иллюзии восприятия изображений. Сами примеры графиков и диаграмм в большинстве случаев выглядят предельно современно, но словно нарочно стилизованы под старину.
Еще можно отметить, что Бринтон толерантен к любым типам визуализаций. Понимая и разъясняя все минусы Chartjunk он все равно признает, что иногда они могут пригодиться.
Это пост про датавиз и еще ничего не сказано про пайчарты 🙃 К ним он тоже относится нормально, с некоторыми оговорками, но без негатива.
P.S. Надя Андрианова подсказала про перевод первой книги.
#книга
Итак Вилард Коуп Бринтон американский инженер-консультант. Автор двух книг:
— Graphic methods for presenting facts, 1914
— Graphic Presentations, 1939
Отдельно можно отметить пропасть времени между двумя книжками. 25 лет! Четверть века! Поколение! Даже обложкам видно, что книжки из разных эпох. И между прочим, только через 3 года после второй книги родится Тафти и ещё лет через 40 издаст свою первую книжку 🙃
В двух словах — книжки потрясающие. С одной стороны это концентрированная история по предмету. Например, приводится диаграмма Ганта и комментарий, что такую диаграмму любит использовать некий Mr. Gantt. А с другой они обе изобилуют актуальными тезисами. Удивительно, но еще до появления ЭВМ люди признавали, что данных много и их обработка может быть эффективнее. И считали визуализацию одним из путей к этой эффективности.
Поражает и глубина проработки отдельных моментов. Например, часть про декомпозицию обычного линейного графика. И наполнение книжки. Не просто примеры визуализаций и советы. Но и про ремесленную часть производства графиков без компьютеров. Про восприятие цвета, с предельно наглядным примером. Про оптические иллюзии восприятия изображений. Сами примеры графиков и диаграмм в большинстве случаев выглядят предельно современно, но словно нарочно стилизованы под старину.
Еще можно отметить, что Бринтон толерантен к любым типам визуализаций. Понимая и разъясняя все минусы Chartjunk он все равно признает, что иногда они могут пригодиться.
Это пост про датавиз и еще ничего не сказано про пайчарты 🙃 К ним он тоже относится нормально, с некоторыми оговорками, но без негатива.
P.S. Надя Андрианова подсказала про перевод первой книги.
#книга