о визуализации данных и развитии BI-систем
канал в телеграмме | подборки | видео

Миро-дискуссию про стайлгайды

Андрей Демидов из ДатаЙоги пригласил пообщаться на счет стайлгайдов. Поговорили про то зачем нужны гайды, из каких частей они должны состоять и как лучше их внедрять в организации. А вот миро доска с ссылками и картинками. По-моему получилось очень интересно — Андрей задавал отличные вопросы и было весело! 🤘

Ещё договорились с Андреем сделать классную инициативу — общедоступный стайлгайд, который организации могли бы использовать как заготовку для развития собственного. Он будет реализован в рамках проекта ВизСтандАрт и будет состоять из наборов слайдов с описанием графиков и книгой-шаблоном в Табло. Его задача — дать пример как можно сделать, но не чтобы его использовали напрямую как стандарт.

Команда ДатаЙоги сейчас готовит слайды, а у меня есть первая пилотная версия книги-шаблона, которую можно скачать и посмотреть. Если вы готовы помочь или есть идеи, что стоит улучшить  — пишите мне или Андрею.

Подписаться на блог
Отправить
Поделиться
Запинить
 3496   2020   подкаст   стайлгайд
Популярное
1 комментарий
Сергей Кардашев 2020

Спасибо за пилотный шаблон. Заметил пару шероховатостей.

В слове «регион» допущена опечатка, получилось «регоин».

В табло для мака исчезли знаки рубля. Вместо них квадратики. Проблема в замене шрифта или у меня не полный шрифт? Спрашиваю скорее из любопытства, потому как я выбрал другой шрифт и знак рубля стал нормально отображаться. Но возможно, такая ситуация не только у меня возникла.

С точки зрения дизайна встречались ли вам источники, которые бы аргументированно указывали как правильно отделать визуализации? Знаю много способов, в вашем вебинаре видел один из них: серый фон дашбора и белый фон визуализаций с падингами. В пилоте вы используете рамки у каждой визуализации с падингами. Во втором случае получилось так, что границы задвоились. Не берусь судить, но мне кажется что если избавиться от падингов, то границы не будут двоиться дашборд будет визуально «чище».

Роман Бунин 2020

Спасибо за обратную связь!

>В слове «регион» допущена опечатка, получилось «регоин».
Опечатки это моё любимое. Спасибо, поправил.

>В табло для мака исчезли знаки рубля. Вместо них квадратики.
Да, почему-то на маке не во всех гарнитурах есть знак рубля. Причем после публикации на сервер эта проблема пропадает. Не копал детально с чем связанно, может можно как-то поправить.

>С точки зрения дизайна встречались ли вам источники, которые бы аргументированно указывали как правильно отделать визуализации?
Вообще все плашки и разделители — это костыли. В идеальном варианте отделять элементы и визуализации между собой только пустым пространством, пользуясь правилом близости. Если это не получается, то уже можно добавлять плашки, затем границы. Вот в этих работах, я, например, так и делаю. Только заголовок отделен чертой, остальноё всё отделяется пространством.
https://public.tableau.com/profile/roman4734#!/vizhome/TributetoEdvardTufte/TributetoEdvardTufte
https://public.tableau.com/profile/roman4734#!/vizhome/24017/sheet0

В шаблонах я использую упрощение и сразу ввожу плашки и границы. Дело в том, что разделение элементов только пространством требует больших навыков по верстке и может быть сложно для аналитиков, кто использует шаблон. Поэтому тут сразу использую это упрощение и прощё объяснить ребятам, что разные по смыслу графики надо собирать внутри одной рамки или плашки с заданными заранее паддингами.

>Не берусь судить, но мне кажется что если избавиться от падингов, то границы не будут двоиться дашборд будет визуально «чище».
Не до конца понял идею. Что-то такое? http://joxi.ru/82QQNJVTw77qv2