💬 Визуализация ≠ просто график

Ваш график — это интерфейс. Его задача — не просто отображать данные, а делать их ПОНЯТНЫМИ. Причесать график — значит превратить сухие цифры в понятный, эстетичный и юзабельный сторителлинг. Давайте разберёмся, как. 📌 Чеклист "идеального графика" 1. Задача → Вид графика Проверь: решает ли график свою задачу? 🔘Сравнение → Bar chart 🔘Динамика → Line chart 🔘Частотность → Histogram 🔘Корреляция → Scatterplot ❗️Закон Теслера (Law of Conservation of Complexity): уберите лишние детали, оставьте только нужный тип визуализации. 2. Оси и масштаб 🔘Всегда начинайте ось Y с нуля, если это не противоречит задаче. 🔘Убедитесь, что шаги по осям читаемы и равномерны. 🔘Подписи: лаконично, без научной фантастики вроде "1.2E4". Закон Миллера (Miller’s Law): 👁‍🗨 Пользователь может удержать в уме ~7 единиц информации. Ограничьте количество точек или групп. 3. Цвет 🔘Используйте цвет по смыслу, а не по вкусу. 🔘Максимум 4–5 цветов в одном графике. 🔘Цвета должны быть различимы для людей с дальтонизмом (проверяйте в симуляторах). Закон Якоба (Jakob’s Law): 🎨 Пользователи ожидают знакомое. Используйте общепринятые цвета: красный — плохо, зелёный — хорошо. 4. Типографика и подписи 🔘Не перегружайте график текстом. 🔘Шрифт — читаемый (не меньше 12px). 🔘Все подписи должны быть понятны без сноски. Закон Фиттса (Fitts’s Law): 📌 Чем ближе и понятнее информация, тем быстрее её "считают". 5. Легенда 🔘Она должна быть однозначна, компактна, расположена рядом. 🔘Если можно обойтись без легенды (вписав значения прямо в график), сделайте это. 6. Интерактивность (если релевантно) 🔘Подсказки при наведении. 🔘Фильтрация / сортировка. 🔘Возможность "отключить шум" (например, скрыть ненужные серии). Закон Хика (Hick’s Law): ⏱️ Чем больше выбор, тем дольше решение. Давайте пользователю контроль, но дозировано. 7. Общий визуальный стиль 🔘Линии и столбцы одной толщины. 🔘Отступы = воздух = читаемость. 🔘Используйте сетку, но мягкую, ненавязчивую. ✨ Бонус: "Волосатые" графики — признак боли Если ваш график напоминает ежика из Excel: 🟣12 метрик на одной оси 🟣8 цветов радуги 🟣3 линии тренда и прогноз до 2050 — это не график, это инфошум. Упростите. Разбейте на серию визуализаций. ✔️ Итог: идеальный график... 🔵Решает одну задачу. 🔵Визуально ясен. 🔵Приятен глазу. 🔵Учит и направляет, а не сбивает с толку. 🤪 Графики, как и волосы, любят уход: Раз в неделю — расчесать. Раз в месяц — подстричь. Раз в квартал — перекрасить. Пишите в комменты ваши самые криповые трустори про графиковую малярию =)👇❤️
Изображение поста

#труСтори

Печатная девственность Лев, Lead product designer Когда я был молод и неопытен, впервые взялся за разработку буклетов на несколько листов. Помимо того, что это был мой первый опыт работы с печатной продукцией, я также впервые работал в Adobe Illustrator. Более-менее освоив программу и создав приличный макет, отправил его в типографию, а они напечатали нужные 100 копий. Но когда я приехал забрать готовую продукцию, оказалось, что на страницах, где должны были быть иллюстрации, пустота. Только текст, а изображений нет 😐 Эй! Что это за хуйня? Кричал я, стоя с дрожащими руками, а в ответ услышал: Так у вас в макетах так, пустота Выяснилось, что в макетах действительно были пустые места. Для меня стало откровением, что нужно «прикреплять» изображения в формате *.jpg к файлу, чтобы они были напечатаны 💀 К счастью, в этой типографии работали мои знакомые, которые вошли в положение. Мы создали отдельный файл с изображениями и фрагментами текста на них, чтобы напечатать их поверх готовых брошюр. Дополнительная сложность заключалась в том, что листы уже были сшиты и нельзя было просто загрузить их обратно в станок. Всю ночь я просидел с другом, исправляя каждую брошюру вручную. С тех пор я больше не занимался графическим дизайном и перешел на разработку интерфейсов. 🕳 📨 Поделиться своей труСтори
Изображение поста

#труСтори

Панически-аналитическая атака noch212, Lead designer 4 года назад мне выдали стажёра: в прошлом аналитик, который решил стать дизайнером. Он был максимально вредным, местами агрессивным и откровенно ленивым. А ещё он не понимал описание задач на дизайн от таких же аналитиков. Когда я давала ему отрицательный фидбэк, он возвращал его с позиции, что если он плохо работает, то только потому что я плохо его учу. На попытке убрать его с моих плеч, мне говорили: С нормальными людьми работать легко, а надо учиться работать с разными Так что я верила и училась... доучилась до того, что начала верить, что вся проблема его некомпетентности во мне. Начала плохо спать, часто плакала и 24/7 думала о том, как же мне все-таки научить его и выстроить нормальные отношения. Через пару дней он накосячил сверх меры, а значит нужно разобрать его ошибки и получить тонну негатива в ответ. Я собирала фактуру, расписывала подробно ошибки, закончила ночью... Пошла спать, чтобы набраться сил, и вдруг поняла, что сердце как-то очень быстро колотится. Начала задыхаться. Пытаюсь вдохнуть, а легкие не раскрываются, голова закружилась, я плюхнулась на пол с мыслями что умираю. Всё о чём я думала в том момент «это он меня довёл!», а самой ещё хуже от этого. Пытаюсь позвать мужа, но кричать не могу, рукой кое-как дотянулась до всяких баночек и флакончиков, чтобы они громко упали. Сработало, муж услышал и привёл в чувства. Оказалось, что у меня впервые поднялось давление на фоне стресса из-за чего случилась паническая атака. На следующий день, перед нашей встречей он сообщил что ему предложили перейти аналитиком в другой отдел и согласился 😦 🕳 📨 Поделиться своей труСтори
Изображение поста