💎💠 Product Market Fit

В сообществе Women in Tech Russia проходил классный вебинар, которым я всё время забывала с вами поделиться. Ольга Лауль — Product Marketing Manager из Google, понятно объясняет, что такое этот Product Market Fit и как его измерить. 📺 Перейти к записи ——— 🏆 ПРОактивный дизайн 📚 Книжный клуб 🧠 Cаморазвитие
Изображение поста

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

Ваш график — это интерфейс. Его задача — не просто отображать данные, а делать их ПОНЯТНЫМИ. Причесать график — значит превратить сухие цифры в понятный, эстетичный и юзабельный сторителлинг. Давайте разберёмся, как. 📌 Чеклист "идеального графика" 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 — это не график, это инфошум. Упростите. Разбейте на серию визуализаций. ✔️ Итог: идеальный график... 🔵Решает одну задачу. 🔵Визуально ясен. 🔵Приятен глазу. 🔵Учит и направляет, а не сбивает с толку. 🤪 Графики, как и волосы, любят уход: Раз в неделю — расчесать. Раз в месяц — подстричь. Раз в квартал — перекрасить. Пишите в комменты ваши самые криповые трустори про графиковую малярию =)👇❤️
Изображение поста
Fit Page
Бесплатный инструмент для сокращения ссылок Figma. 💾 Открыть #Service Hot Illustrator
PBR Game 3D Models Bundle 1 Май 2025
🔮 Коллекция из 525 3D моделей PBR ✅ Пакет Содержит : Corgi dog 39 Creative Crane (Animated) DJI Phantom 2 Quadcopter Prop Guard Gopro HERO3 Dodge Challenger 1970 Dodge Charger Daytona Hemi 1969 Dubai Train Station Elegant woman in red beret walking 404 Elemental Golems EMD-SD70ACe diesel-electric locomotives Factory Robot Arm Female standing on her head and doing yoga 420 Fitness woman doing exercise 421 M1117 Armored Security Vehicle M113 – APC M134 Minigun Model 20 M200 Sniper Rifle M202 FLASH Rocket Launcher M230 Chain Gun M240 Flamethrower M249 para Psylocke From X Men Stl Ready Pulse Rifle Pumpkin Scarecrow Puppet Rigged With Mixamo PZV Panther Tank Quetzalcoatl Print Quetzalcoatl R9 Revolver Radical SR3 XX 2023 sportscars Radio Low-poly Radio Multi Colored Railgun и 👉🏼 многие другие 🔹Форматы: MAX | OBJ | FBX | BLEND | TEX 🔹Объем: 51,0 ГБ ➡️КАНАЛ⬅️ 💬 Комментарии 👉🏼 СКАЧАТЬ в приватном канале #pack #3dmodels #PBR #Спонсорство #по_подписке
Изображение поста
Fitness Landing Page
Free The Fitness App UI Kit - это потрясающий дизайн пользовательского интерфейса для мобильных приложений.
Изображение поста
BESIDE - Fitness App UI Kit
💾 Скачать и использовать https://disk.yandex.ru/d/uxl6BHxXwwPshw 🔎 Посмотреть описание https://ui8.net/capi-creative/products/beside---fitness-app-ui-kit #uikit #sketch 🔥 Design Stock
Изображение поста
Fitness Landing Page
пуск
дизайн-команда Microsoft рассказала про редизайн Пуска в Windows 11, который вышел в мае 2025 понравилось вот это The spark Great design usually begins with a whisper, not a thunderclap. Over coffee chats, Feedback Hub notes, and thousands of remote interviews, we heard the same refrain: “Help me find my apps faster. Let me bend Start to fit the way I work. And please—keep the magic, don’t lose the soul.” Those voices lit the path ahead, inspiring our design decisions. и принципы редизайна Видимость приложений: все установленные и недавно открытые программы сразу в общем списке, без долгого скролла. Персонализация: пользователь сам выбирает, какие разделы (пины, рекомендации, полный список) показывать и в каком порядке. Скорость работы: каждый пиксель оправдан, меню загружается мгновенно и сокращает время на рутинные действия. Почтение истории: знакомые иконки и привычная логика остались, но получили лёгкое визуальное обновление. Пост целиком, там больше картинок https://microsoft.design/articles/start-fresh-redesigning-windows-start-menu/ P.S. классика дизайна интерфейсов — история панели интрументов Microsoft Office 2007 https://youtu.be/Tl9kD693ie4?si=7zLM-3mKea6ZauPT
Изображение поста
Healthy Together Вдохновляющий веб-сайт мобильного приложения для здоровья и фитнеса, созданный с помощью gsap, с использованием inter в качестве основного шрифта.
Types: Mobile App, Web App, Health & Fitness Styles:Animation, Illustrative Fonts: Inter
Плагин «Fit Curve» by Eleven
Плагин позволяет создавать плавные кривые, благодаря удобному интерфейсу ✍️ Скачать плагин ✍️ #plugin 🗳 Плагины Figma
Изображение поста
We’re thrilled to introduce a brand-new sponsored category at the DevGAMM Awards 2025 brought to you by Astra Logical!
Astra Logical is an indie game publisher focused on systems and strategy games, particularly those with deep systems, "aha" moments, logic-based thinking, and creative problem-solving. They focus on strategy games, creative problem-solving, and everything in between. Their special category is called Best System & Strategy Indie Game by Astra Logical, open to titles like city-builders, automation games with conveyor belts (and even those without), resource management titles, and more in that space. The winner will take home a $2,000 prize. 🏆 Got something that fits? Submit your game to the DevGAMM Awards today!
Изображение поста
Как правильно добавлять изображения на сайт
Постоянно замечаю, что некоторые неплохие сайты слишком долго грузятся. И скорее всего это происходит из-за тяжёлых фотографий. [0:28] Как делают многие: Просто добавляют картинку через экспорт, а потом при приближении в Фигме оно теряет в качестве😐 [1:23] Как делаю я: Первое – сохраняю изображение гораздо бо‌льшего размера, чем сам фрейм. Допустим, при размере фрейма 1200px я увеличиваю картинку до 1920px (если она будет занимать весь экран, как на примере). Второе – перед добавлением изображения в Тильду обязательно проверяю, включен ли максимальный размер файла – обычно это надо делать вручную. Вроде всё готово, результат стал чётче и круче, но есть проблема: теперь такая фотка весит хренову тучу мегабайт)) [2:39] Как это исправить? 🩵заходим на Squoosh.app и добавляем наше загруженное изображение; 🩵уменьшаем качество до ~75; 🩵наслаждаемся сжатием веса на 94%, сохраняем картинку себе и вот теперь добавляем в Тильду. [3:11] Какой ещё нюанс работы с изображением есть в Тильде: Можно добавлять картинки для бэкграунда через Add image, но при этом сохранится соотношение сторон, а это не всегда удобно. В таком случае в значении Fit нужно выставить Cover – и тогда менять и обрезать получится как угодно. [4:04] Как Тильда решает вопрос оптимизации изображений? 🩵поддерживает формат WebP и дополнительно уменьшает размер файлов; 🩵предлагает адаптивный ресайз для разных мониторов; 🩵работает с Retina-дисплеями и медленным интернетом. Что в итоге? А в итоге мы получаем максимальное сжатие, сохранение хорошего качества и при этом быструю загрузку изображений. Так что работайте через Image и пользуйтесь Squoosh.app!)🚀
Landing page - Fitness tracker
Тематика: #Спорт Формат сайта: #Landing_page Ссылка: Скачать макет
Изображение поста
Credits: cameleon. fitout
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Fitness Landing Page
Макет ​Fitnesso
  Формат: #figma Сложность: #легкий Категория: #лендинг Язык: #en   Посмотреть макет Макеты Figma
Изображение поста
Сеньор продуктовый дизайнер в 5x10.ru
в 5х10 ищут дизайнеров! 5х10 — это growth-студия, которая делает дизайн, стратегию и коммуникации для компаний и стартапов из финтеха, ритейла и шеринга — Бери заряд, Азбука вкуса, Skyeng, Cамолет, Бронибой, Paynet, Alif. Что предстоит делать - проводить исследования: desk research, анализ конкурентов, сегментов аудитории, продуктовых трендов; формулировать гипотезы и проверять product-market fit - работать с референсами: собирать, анализировать, развивать насмотренность в новых индустриях - проектировать продукт: определять приоритетные флоу и фичи, создавать сценарии использования Опыт и навыки - от 4 лет опыта в продуктовом дизайне - портфолио с реализованными проектами - опыт работы в финтехе/saas/цифровых сервисах - навыки ассинхронной коммуникации и удалённой работы Условия - работу с международными брендами из разных индустрий, возможность участвовать в проектах на стыке дизайна, продукта и бизнеса - гибкий график работы, зарплату от 200 тыс руб, ежеквартальные бонусы если интересно, оставь заявку на сайте
Изображение поста