🧩 Персоны и JTBD не надо сталкивать лбами

Павел Шерер разбирает связку персон и JTBD без религиозной войны вокруг методологий. Персоны часто превращают в декоративные карточки с возрастом, фото и «любит скидки», а потом выбрасывают, когда команда доросла до JTBD. Но проблема не в самих персонах, а в том, что ими пытаются заменить понимание мотивации пользователя. JTBD помогает понять, какую работу человек пытается выполнить и какого прогресса ждёт. Персона добавляет к этому реальность: кто именно действует, какие у него права, ограничения, навыки, страхи, ответственность и контекст. Одна и та же работа может быть общей для дата-саентиста, DevOps и финансового контролёра, но механики для них будут разными. Без JTBD команда быстро уходит в набор фичей для «типа пользователя», без персон остаётся слишком абстрактная потребность без понятного исполнителя. Внутри: – Почему конфликт между персонами и JTBD обычно надуман; – Как плохие персоны подменяют мотивацию пользователя внешними признаками; – Зачем JTBD вытаскивает команду с уровня механики на уровень причины; – Почему одна и та же работа может требовать разных решений для разных ролей; – Чем потребность отличается от механики в продуктовой работе; – Почему User Stories опасны, если начинать мышление сразу с них; – Как Job Story, Persona и User Story связываются в одну трассировку; – Зачем проверять, что каждая механика ведёт к понятному результату. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Все будет предсказуемо: AI и агенты. Главный продуктовый анонс — Figma Design Agent. В агента добавили веб-поиск, можно найти best practices, цифры, данные тут же и применить их. Вышло четыре обновления Figma MCP-сервера: в том числе поддержка use_figma в Figma Slides — внешние агенты теперь могут создавать и обновлять презентации, собранные по вашим шаблонам. Кайф! Вот это я еще не пробовала. Config 2026 разворачивается на фоне конкуренции с Google Stitch — бесплатный дизайн-инструмент с мультиплеером и AI-агентами прямо в интерфейсе. Ответ Figma — ставка на производство кода и глубину интеграции дизайна с разработкой. По доступности заявлено всего одно выступление «The edge case is everyone». Смотрим? Кто что затестил? Как вам родной агент от Figma? Мне понравилось, но тем не менее работа руками все также продолжается )

При помощи этого инструмента вы можете быстро проверить контрастность цветов в вашем проекте. Глянуть плагин #plugin

logotouse.com

Waymo разрабатывает технологию полностью беспилотных такси. Увидела статью в New York Times и пошла с Клодом проверять, а что же по доступности? А они-то молодцы! Начали ей заниматься давно. Причем как физической, так и цифровой! Клод сделал интерактивный отчёт со всеми WCAG-критериями, user journey и рекомендациями → https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/ А тут давайте тут расскажу, что мне очень понравилось. Заказать поездку можно только через мобильное приложение Waymo One. После вызова к вам приезжает полностью пустой электромобиль и всё взаимодействие от посадки до климат-контроля и музыки идёт через приложение. И вот его-то и разберем. · Приложение работает с VoiceOver (iOS) и TalkBack (Android). Во время поездки информация дублируется голосом, включая статусы («машина приехала», «можно отстегнуть ремень»). · Audio guidance («Голосовые подсказки»): при приближении к автомобилю приложение через динамик телефона проговаривает расстояние и направление. · Honk to find («Посигналить для поиска»): кнопка в приложении удалённо подаёт звуковой сигнал автомобиля. · Световые сигналы фар: визуальный аналог гудка для глухих и слабослышащих. · Extra time to board: пассажир может заранее выбрать увеличенное время на посадку, чтобы водительский автомобиль дольше ждал. · Braille-надписи на кнопке двери и поручнях. · Текстовые субтитры всех голосовых объявлений на экране в салоне. · Приложение минималистично. Основной экран — это карта с минимумом элементов. Как же это важно! · Фирменная анимация «радара». При поиске машины над кнопкой появляется вращающаяся дуга, напоминающая лидар-сканер. Такой индикатор активности системы. · Микро-взаимодействия и тактильная отдача. Когда машина подъезжает, телефон даёт характерную вибрацию. Анимация подсказывает, с какой стороны и на каком расстоянии автомобиль. · Инициалы на крыше. При заказе пассажир может включить отображение своих инициалов на куполе автомобиля. Приложение подсказывает: «Ищите свои буквы». Ну гениально же ) · Waymo проводит регулярные юзабилити-сессии с участием людей с нарушениями зрения, слуха, подвижности и когнитивными особенностями. Недоработки тоже есть и они в отчете → https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/

👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться

Сторонние менеджеры скриптов удобнее, но если важно, чтобы скрипты оставались в системной папке — это можно организовать с помощью символических ссылок. Тогда достаточно хранить все скрипты в одном месте, например, в облачной папке с синхронизацией, а все версии Иллюстратора будут автоматически видеть одинаковые скрипты. Инструкция — Символические ссылки для скриптов (Ru) — How to Use Symbolic Links for Illustrator Scripts (En) #learn

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

В новой статье разбираем: — Как улучшить опыт пользователя через JTBD — Как приоритизировать задачи по ICE — Как связать эти задачи в одно целое через User Flow — Как довести пользовательские опыт до идеала через UX-гипотезы ⚙️ Наш лид UX/UI дизайнер Вера Ксенофонтова составила пошаговый гайд, чтобы каждый смог применить его сразу после прочтения — читать и прокачивать знания тут

Когда в проекте нет нормального ТЗ, а требования собираются по ходу, первые часы легко сливаются в созвоны, переписки и бесконечные уточнения. Лена Плинер показывает более взрослый подход: сначала собрать вводные в систему, разобрать логику продукта, роли, сущности и только потом идти в экраны. Круто работает сама рамка про первые 40 часов. Она хорошо объясняет клиенту, за что он платит в T&M, а команде дает понятную точку опоры. Не «мы пока думаем», а конкретный набор артефактов, после которого уже можно точнее оценивать объем, приоритеты и следующие этапы. Внутри: – Что именно можно успеть за первые 40 часов без полноценного ТЗ; – Как собрать разрозненные вводные в одну рабочую систему в FigJam; – Какие артефакты помогают снять хаос еще до проектирования экранов; – Как разбирать роли, сущности, сценарии и внешние процессы; – Когда достаточно карты экранов, а когда уже нужен user flow; – Как фиксировать неизвестные и не блокировать проект из за пробелов в данных; – Почему детальная отчетность в T&M снижает тревогу клиента; – Как первый блок часов помогает точнее считать бюджет и меньше переделывать потом. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

С новым инструментом use_figma MCP агенты могут работать непосредственно внутри Figma и обучаться с помощью специальных навыков. Открытая бета стартует сегодня. www.figma.com/blog/the-figma-canvas-is-now-open-to-agents/ На случай блокировок, наш резервный канал.

Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented

Ищут специалиста с продуктовым мышлением, вкусом и амбициями задавать уровень в iGaming и за его пределами. 📢 Что ожидают: - Более 3 лет опыта на аналогичной позиции и портфолио с продуктовыми кейсами; - Практический опыт с User Story, CJM, JTBD, качественными и количественными исследованиями; - Понимание HTML/CSS и JS; - Использование AI-инструментов для ускорения работы; - Плюсом будет умение в анимацию; - Плюсом будет интерес к крипте. 😍 Что предлагают: - Удаленку из любой точки мира; - Конкурентную заработную плату; - Английский, профильное обучение, компенсацию спорта и психолога; - Нескучную корпоративную культуру: киберспорт и воркшопы; - Реальное влияние на UX-стратегию продуктов холдинга; - Свободу принимать решения и тестировать гипотезы; - Среду, где можно расти быстрее через ответственность и сильную команду рядом. 🔠 Откликнуться в боте 🔠 Откликнуться в боте 🔠 Откликнуться в боте

Are.na Не соцсеть — а мышление. Здесь нет лайков и алгоритмов. Только каналы с визуальными и текстовыми коллекциями от дизайнеров, художников и исследователей. Лучшее место, чтобы найти нестандартные рефы и понять, как думают люди с насмотренностью. 📎 Ищи по тегам типа «grid systems», «vernacular typography» — найдёшь вещи, которых нет в Pinterest. Cosmos Визуальный мудборд нового поколения. Работает как Are.na, но с более красивым интерфейсом и акцентом на эстетику. Здесь собираются те, кто устал от Pinterest-овской коммерческой эстетики и хочет что-то более сырое и честное. 📎 Подписывайся на людей, чьи проекты тебя триггерят — их коллекции часто ценнее любых статей. Savee.it Курируемый мудборд с жёстким фильтром на качество — сюда не заходят случайные люди. Эстетика сырая, экспериментальная, без коммерческого шума. Одна из самых андеграундных визуальных баз прямо сейчас. 📎 Не трать время на поиск — просто открывай раздел «Explore» и скролль. Алгоритм здесь работает честно, без рекламы и продвижения. То что ты видишь — реально лучшее из загруженного. Fonts In Use Реальные примеры использования шрифтов в реальных проектах. Брендинг, плакаты, упаковка — всё с указанием гарнитуры. Если ты ищешь, как работает тот или иной шрифт в контексте — это must-have. 📎 Фильтруй по индустрии — найдёшь, как выглядит типографика в твоей нише. Letterform Archive Один из лучших архивов визуальной культуры в мире. Здесь хранятся оригинальные образцы шрифтов, рекламы, плакатов и книг с 1800-х до наших дней. Часть коллекции доступна онлайн бесплатно. 📎 Раздел «Online Collection» — это кроличья нора, в которую можно провалиться на несколько часов и выйти с идеями на год вперёд. Сохрани пост — и в следующий раз, когда будет творческий ступор, открывай не Pinterest, а эти места. 📎 Креативити

Сергей Федоричев пришел практикантом UX-проектировщиком в команду S3 в Selectel. Первое представление о работе было романтизированным: главное уметь проектировать интерфейсы, знать паттерны, аккуратно работать с макетами. Практика расставила всё по местам. Реальные пользователи вели себя не как в учебных кейсах, любое решение требовало учитывать ограничения продукта, бизнеса и инфраструктуры. Первая задача: паттерн Show More для скрытия информации. Сергей собрал примеры использования по всем продуктовым панелям, сгруппировал по целям, обсудил с дизайнерами. Результат неожиданный: полный отказ от паттерна. Show More стал антипаттерном, который не рекомендуется использовать. Незачем скрывать информацию от пользователей и заставлять их совершать дополнительные действия. Первое полноценное исследование: изучение пользовательского пути при подключении утилит к S3. Сергей искал новых пользователей, которые заходили на страницу создания бакета. Опросил примерно 250 человек, нашел только двоих потенциальных собеседников, причем не самых репрезентативных. В обоих случаях забыл включить запись разговора. На рекрутинг и два интервью ушел месяц. Исследование пришлось прекратить. Сергей не зафиксировал результат своей работы, это была ошибка. Внутри: – Первые дни практики: подключал утилиты к бакетам, проходил основные сценарии, разбирался в терминологии вместо чтения документации; – Паттерн Show More: собрал все варианты использования, сгруппировал по целям, пришел к выводу что это антипаттерн; – Дизайн-система это не про пиксели, это про коммуникацию и синхронизацию между разными продуктами; – SSL/TLS сертификаты в S3: построил user flow, выявил места где пользователь терял контекст, предложил интеграцию с менеджером секретов; – Рекрутинг респондентов: 250 опрошенных, 2 собеседника, забыл включить запись, месяц работы без результата; – Даже неудачное исследование нужно фиксировать: отклик ЦА, использованные каналы рекрутинга, риски, что можно улучшить; – Факт отсутствия ответа от ЦА это данные, а не провал. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В карточках разбираем, какие задачи помогает решить CJM 👉 Подробнее о том, что такое CJM и как она связана с User Flow, читайте в нашей статье: https://tilda.education/customer-journey-map

кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — welcome сюда. Основные скиллы: Photoshop, Illustrator, Figma для статичных макетов, свой стиль и вкус, много насмотренности. В портфолио — яркие айдентики, луковые постеры, визитки, мерч и арт-плакаты. Это про “визуально красиво”. UI/UX-дизайнер — это цифровой архитектор. Он строит сайты и приложения, чтобы было удобно, понятно и быстро. UI (User Interface) — рисуешь кнопки, интерфейсы, меню, чтобы хотелось кликать и ничего не сломалось. UX (User Experience) — думаешь за пользователя: где потеряется, что раздражает, как ускорить путь к цели. Тут много логики и тестирования, коллаб c разработчиками и аналитиками. Рабочие программы: Figma, Sketch, иногда Protopie. В портфолио — лендинги, мобильные приложения, навигация для сервисов. Фаст-факты: • UI/UX — чаще про командную работу, графдизайнеры могут фрилансить и быть самостоятельнее • Графдизайнер делает для офлайна (печать, мерч), а UI/UX скорее про онлайн • В UI/UX чаще высокий порог входа по знаниям, зато очень много работы и рост ближе к IT • Графдиз — твой выбор, если хочется самобытного стиля и свободы визуального самовыражения • В UI/UX легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити

В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности. Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать. Внутри: — Панель информации случайно стала уникальным торговым предложением продукта; — Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px); — Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%; — 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант); — Как сделали кнопку, которая одна работает на всех уровнях интерфейса. Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Install plugin

Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета. Промт для Nano Banana Pro: Create ONE final image. A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio. Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same. This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven. FRAME 1: Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product. FRAME 2: Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details. FRAME 3: Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours. FRAME 4: Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package. FRAME 5: Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic. FRAME 6: Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space. FRAME 7: is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior. FRAME 8: The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking. Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand. FRAME 9: Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series. CAMERA & STYLE: Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series. OUTPUT: A clean 3×3 grid with no borders, no text, no captions and no watermarks.