💸 В DeFi первая сессия часто ломается не на трейдинге, а еще раньше, на перегруженном интерфейсе

У DeFi-приложений старая проблема: человеку с первого экрана кидают кошельки, комиссии, свапы, стейкинг, адреса и кучу терминов, где ошибка может стоить денег. В этом кейсе проверяли идею попроще: не показывать всё сразу, а дать пользователю выбрать нужные модули в онбординге и тем самым сузить первый пользовательский опыт под его задачи. Исследование получилось очень прикладным. Сначала интервью и сегментация, потом гипотезы, прототип на SwiftUI и сравнительный юзабилити-тест против реальных конкурентов. На тесте решение дало сильный эффект в части скорости и удобства: депозит в стейкинг проходили на 28% быстрее, перевод на 43% быстрее, а в сценарии перевода еще и снижалось количество ошибок. Для сложных финансовых продуктов это очень сильный аргумент в пользу прогрессивного раскрытия, а не экрана, где навалено всё сразу. Внутри: – Какие боли в первой сессии чаще всего ломают активацию в DeFi; – Как интервью помогли выделить два главных драйвера: безопасность и удобство; – Почему фокус сместили на модульный онбординг вместо очередного редизайна навигации; – Какие гипотезы дали приоритет по удобству, доверию и прозрачности; – Как прототип собирали через модульные флаги и адаптивный UI; – Как был устроен сравнительный юзабилити-тест против Bybit, Uniswap и Trust Wallet; – В каких сценариях решение реально снизило время и ошибки; – Почему для MVP дальше логично идти в событийную разметку, когорты и A/B-тесты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Фигма потихоньку ест Иллюстратор

У Фигмы в релиз-нотах появился апдейт Draw. Там добавили текст по контуру, быстрый доступ к инструментам, отдельные слои для текста и вектора, новые настройки кистей, градиентов, текстур и шума. Можно было бы пролистать и забыть. Ну мало ли, ещё один набор мелких улучшений для тех, кто любит ковырять векторы. Но вообще это довольно показательная история. Они уже давно перестали быть просто местом, где рисуют экраны. Теперь вот потихоньку забираю соседние задачи, из-за которых дизайнер раньше уходил в другие редакторы. Обычный рабочий сценарий: • Собрал экран в Фигме. • Понял, что нужна простая картинка для пустого состояния. • Потом обложка. • Потом чуть поправить вектор. • Потом текст по дуге. Потом какая-то графика для презентации. И начинается: открыл Illustrator, поправил, экспортнул, вставил обратно, увидел правку, пошёл заново. Всё это не страшно, но бесит. Особенно когда задача маленькая, а вокруг неё внезапно появляется отдельный мини-процесс. Вот в такие места Draw и лезет. В ежедневную мелкую графику, которая постоянно всплывает рядом с интерфейсами. Для большой профессиональной иллюстрации отдельный редактор всё равно пригодится, тут иллюзий нет. Для продуктового дизайнера это вполне окей. Нужно быстро собрать пустое состояние, простую иконку, промо-блок, обложку, кусок графики для лендинга или презентации. И если всё это можно сделать прямо рядом с макетом, без прыжков между окнами, то понятно, почему Фигма туда идёт. Обратная сторона тоже есть: фигма начинает пухнуть. Сначала экраны. Потом прототипы. Потом Dev Mode. Потом сайты. Потом ИИ. Теперь ещё больше графики. И в какой-то момент инструмент, который был понятным рабочим местом, начинает превращаться в такой дизайн-комбайн, где всё вроде можно, но иногда уже не очень понятно, куда смотреть. Мне в целом удобно, когда мелкие графические штуки можно быстро сделать в том же файле. Я не хочу ради маленькой картинки для онбординга открывать ещё одно приложение и устраивать цирк с экспортами. Но я ещё меньше хочу, чтобы Фигма стала местом, где всё делается на уровне «ну вроде норм». Короче, Draw выглядит маленьким апдейтом, но направление у Фигмы понятное: дизайнер должен всё реже выходить из одного рабочего пространства. Вопрос только в том, где у этого пространства край. Потому что если сложить туда вообще всё, однажды сама Фигма станет отдельной задачей на день. Я вот, например, так и не нашёл как мне отменить подписку на тим аккаунт. Нигде. Даже кодекс просил, чтоб нашёл. Тупо нет кнопки нигде. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Onboarding Templates — 20 бесплатных шаблонов онбординга.

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

Внедрение жестов в интерфейс требует онбординга. Жест в большинстве случаев будет альтернативой привычному паттерну кнопки. Что говорят исследования? Androidmetro: пользователи не находят свайп-действия. Жесты требуют подсказок или онбординга. Кнопки показывают себя эффективнее. Университет Хильдесхайма: жесты плохо себя показывают для новичков в приложении, но с появлением у них привычки, наоборот, ускоряют работу. MDPI: жесты увеличивают когнитивную нагрузку и замедляют выполнение задач. Пользователи тратили больше времени на выполнение задач с жестами, им требовалось больше когнитивных усилий. При этом, жесты воспринимались как более «интересные» и привлекательные. Университет Корнелла: задачи, выполняемые с помощью жестов, демонстрировали большее время выполнения, чем задачи, выполняемые с помощью сенсорного управления, хотя респонденты воспринимали эти взаимодействия как более привлекательные. Nature: существует прямая взаимосвязь между негативными эмоциями и недостатком наличия жестов управления. Одной из причин негативных эмоций пользователей при взаимодействии с интерфейсом является отсутствие возможности управлять жестами. 🌊🌊 Почти все исследования показывают один и тот же парадокс: жесты нравятся пользователям, но кнопки работают лучше. Жесты — это опциональное ускорение и повышение удобства взаимодействия. Если фичу нельзя найти без жеста — она не существует. Но если жеста нет — интерфейс может ощущаться неудобным. 🌊🌊
Так уж вышло, что в брендинговых историях отделить дизайн от копирайта трудно. Визуал и текст обязательно должны работать вместе, создавая ощущение целостной коммуникации. Это и будет Tone of Voice бренда.
Что такое Tone of Voice Это общий принцип коммуникации, то, как бренд говорит с пользователем. Голос бренда (Voice) — определяет язык интерфейса и то, как бренд звучит в целом: допускает ли шутки и иронию, как ведет себя в стрессовых сценариях. Тональность (Tone) — адаптация голоса под контекст. Один и тот же бренд может звучать по-разному в онбординге, системных сценариях или уведомлениях. Зачем нужен TOV Может показаться, что Tone of Voice — территория маркетинга и соцсетей. Но в продукте язык работает иначе: пользователь не читает интерфейс, а сканирует. Ему важно быстро понять, что происходит и что делать дальше. Например, когда Notion пишет на пустой странице «Нажмите Enter, чтобы продолжить с пустой страницей, или выберите шаблон», это снижает неопределенность. Пробежались по верхам: разобрали само понятие и рассказали, почему так важно выдерживать TOV в визуале. Подробнее читайте в медиа — в этой теме дизайнеру стоит разбираться.
Community-менеджер в Академию Ивана Замесина
Ваня Замесин, автор методологий AURA и Advanced JTBD, курса «Как делать продукт» и основатель сервиса подбора психотерапевтов «Мета». Задачи: — автоматизация процессов: no-code / вайб-кодинг приветствуется — организация гостевых стримов, координация и проведение созвонов — онбординг новых участников, — удержание и вовлечение: системная работа, а не разовые акции — развитие UGC: кейсы, гайды, промпты от самих участников Ожидания: — реальный опыт управления сообществом (не модерация чата, а развитие) — проактивность: сам придумываешь форматы, тестируешь гипотезы, доводишь до результата — используешь AI в работе, вайбкодишь — это обязательно — умеешь работать автономно в условиях стартапа — быстро реагируешь и не теряешься в нестандартных ситуациях Условия: — фикс оплату обсуждаем индивидуально — part-time, в перспективе переход на full-time — гибкий график: нам важен конечный эффект и инициативность, а не регламент — бесплатный доступ ко всем курсам и материалам: «Как делать продукт», BOOST, AURA Framework → Почитать подробнее и откликнуться
X разрывается от новостей про Google Stitch (пост)
Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙 Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Я уже писал про Stitch несколько раз, потому что он на слуху. Сейчас они удивили сообщество тем, что теперь можно «вайбдизайнить» и сразу получать production-ready код Видно, что прогресс есть, но заголовки формата «DESIGNERS ARE COOKED» или «ITS SO OVER FOR DESIGNERS», которыми засран твиттер, пока что слишком громкие Дизайн выглядит все еще слабовариативным, я посмотрел, чего там эксперты нагенерили (возможно, поможет правильная работа с промптами и рефами) То, что презентуется как «дизайн-система», выглядит как простой ui-kit на переменных (к слову, вообще-то у самого подход к использованию дизайн-системы — то еще дерьмо, можно несколько экранов их продуктов собрать и сильно удивиться) Мне оч нравится направление, куда идет Stitch. Они могут соревноваться с фигмой, факт! Но давайте по-честному: Чуваки решили проблему «как нам быстро задизайнить что-то» Они не решили такие вопросы (и шанс, что решат, не очень велик): → Почему высокий процент отказов с главной страницы → Почему пользователи игнорят СТА, хотя ее видно → Как нам сделать конвертящий онбординг-флоу Разве когда-то проблема была только в пикселях? Stitch просто сделал думающих дизайнеров более ценными Короче, не переживаем, работу пока ai не заберет!
✅ Как чек-лист самопроверки снял нагрузку с лида на 30-40%
Когда дизайнеров было семь, всё было под контролем. Когда стало пятнадцать, а продуктов в три раза больше, начался хаос. Одни и те же вопросы от новичков. Разные правила оформления в разных продуктах. Лид тратит часы на проверку слоёв и ловлю мелких ошибок вместо стратегии. Илья Гордеев из X5 Tech рассказал, как они создали чек-лист самопроверки макетов. Сначала он сам воспринял идею как бюрократию. Ещё один документ, который никто не будет читать. Но после внедрения количество возвратов задач уменьшилось, онбординг ускорился, а макеты разных продуктов стали выглядеть одинаково. Важный момент: чек-лист не сделали обязательным. Просто инструмент самопроверки, который используют по ситуации. Через пару недель скепсис прошёл, потому что все увидели, что так быстрее и чище. Внутри: – Три зоны боли: оформление файлов, состояния экранов, работа с компонентами; – Какие пункты выкинули (проверка контраста, ховеры кнопок) и какие добавили после реальных кейсов; – Как собирали обратную связь и что переработали после первых двух недель; – Пошаговый сценарий внедрения в своей команде; – Ссылка на готовый шаблон в Figma. А у вас в команде есть что-то похожее? Или каждый проверяет макеты по-своему? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📖 Вышел Журналус № 491. Принципы выживания Садовника Мюллера в потоке органической архитектуры
Вот что мы подготовили на этой неделе: • Цитаты из книги Михая Чиксентмихайи «Поток: психология оптимального переживания» • Формула приоритезации PoDPR и зачем она нужна • Главные ценные мысли из книги «Интерком об онбординге» • Гайд по поиску работы для IT-специалистов в 2026 году • Три фундаментальные модели коммуникации с клиентом • Как Apple нарушили собственные гайды в macOS Tahoe • Как интерфейсы «ломаются» при увеличении масштаба и что с этим делать • Практический чек-лист законодательных требований к веб-интерфейсам в России • 12 классических принципов анимации в контексте дизайна интерфейсов • Как эффективно программировать с помощью агентов • Как дизайнеру работать над ИИ-продуктами • Современный шрифт на основе устава и скорописи
Изображение поста
Привет!
Мы — студия продуктового дизайна и разработки red cat. Разрабатываем продукты, меняющие мир вокруг. С кем мы уже работали и продолжаем работать: РЖД-медицина, Free Age, ВДНХ, Росмолодёжь, FishStat. Мы сейчас ищем дизайнера на проект. Растёт объём задач и расширяется сам продукт. Поэтому в помощь нашему ведущему дизайнеру теперь нужен молодой, талантливый и амбициозный спец, который готов развиваться и вырасти в своих скиллах и грейде на реальных задачах. Чем предстоит заниматься: • Отрабатывать в макетах правки от стейкхолдеров и разработки • Помогать делать адаптив под мобилку • Другие задачи, возникающие по ходу работы над продуктом и беклогом Что нужно уметь: • Работать с дизайн-системой • Знать и уметь в компоненты, варианты, переменные И, конечно: • Базовые навыки — композиция, сетки, пропорции, типографика, колористика • Уверенное владение Figma • Отличная насмотренность • Способность самостоятельно организовать свою работу, четко оценивать задачи и укладываться в сроки • Умение уважительно давать и получать фидбек, открытость к изменениям и готовность учитывать чужую точку зрения • Продуктовое мышление и ориентированность на бизнес-цели клиента, сфокусированность на конечном результате и продукте Особенно важно: • Уметь работать быстро • Быть на связи • Коммуникабельность • Ответственность • Желание и стремление расти и развиваться в профессии В плане вывода на проект у нас всё чётко. С онбордингом, поддержкой от старшего диза и арт-дира. Если вдруг нужно будет чему-то дообучить — научим. Что предлагаем: • Удалёнка Работай из любой точки мира • Гибкий график Можешь выбирать удобное время начала • Работа в продукте • Комфортные условия Работаем в Телемосте, Figma, Telegram и Notion • Менторство и рост внутри студии • Молодой и амбициозный коллектив, комфортный арт-дирекшн У нас все на одной волне и нет начальников • Интересные проекты Сможешь с гордостью взять их к себе в портфолио • Зарплата в рынке Что дальше: Сперва, нам важно встретиться с человеком. Понять, сходимся ли мы по вайбу и подходу к работе. Поэтому сначала нам нужно будет познакомиться на небольшом интервью. ОТКЛИК Чтобы откликнуться на вакнсию, напишите @evmfadeeva Она поставит встречу
Изображение поста
🤖 Как использовать AI в дизайне через продвинутые техники промптинга
Илья Каназин и Марина Чернышова показали, как правильные промпты превращают AI из генератора случайных идей в полноценного помощника дизайнера. Разница между «Как улучшить онбординг?» и детальным запросом с контекстом может дать в 10 раз более полезный результат. Ребята подчёркивают, что промптинг это не просто написание инструкций, а проектирование мышления. Они делятся шестью техниками, которые проверили на реальных задачах: от декомпозиции через Jobs To Be Done до симуляции кросс-функциональной команды. Каждая техника подходит для конкретных ситуаций, и их можно комбинировать как модульные инструменты. Внутри: – Как разбивать задачи через Jobs To Be Done с чекпоинтами для самопроверки; – Зачем использовать Tree of Thought для UX-аудита конкурентов; – Как превратить AI в интеллектуального оппонента через Memory Update; – Что такое мета-промптинг и как он помогает писать промпты для UI-генераторов; – Как проводить когнитивный walkthrough с разными типами пользователей; – Почему мульти-роль промптинг симулирует обратную связь от всей команды. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
👨‍🦳 Скевоморфизм: зачем интерфейсам нужны были калькуляторы
Помните, когда иконка календаря выглядела как бумажный отрывной блок, а кнопки — будто их можно физически нажать пальцем? Сегодня от такого прямолинейного реализма можно разве что поностальгировать — примерно как от звука диалап модема. Но в начале 2000-х люди только осваивали интерфейсы и не всегда понимали, что перед ними на экране. И чтобы объяснить новое через знакомое, дизайнеры использовали скевоморфизм — визуальные метафоры из реального мира: 🔵 адресная книга выглядела как настоящая, 🔵 калькулятор копировал физический, 🔵 а диктофон напоминал кассетный плеер. Такие приёмы помогали миллионам людей скорее освоиться в новом пространстве: видишь привычный объект — и сразу знаешь, как с ним обращаться. Со временем скевоморфизм ушёл: цифровая культура повзрослела, интерфейсы стали чище и абстрактнее. Но именно он сыграл ключевую роль в массовом онбординге: сделал технологии доступными и понятными. В aic мы любим вспоминать эту эпоху: она напоминает, что хороший интерфейс — это всегда мост между офлайном и онлайном.
Изображение поста
🎯 Оживляем интерфейс с помощью Lottie-анимаций
Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов. Главное правило, которое вывел автор: «дели на два». Если анимация кажется готовой, нужно уменьшить все эффекты вдвое. В интерфейсах классические принципы анимации работают не в полную силу, и то, что хорошо смотрится в рекламе или играх, будет раздражать при ежедневном использовании приложения. Внутри: – Почему из всех инструментов выбрали именно Lottie; – Как различать утилитарные и эмоциональные сценарии анимации; – Почему растровые изображения пришлось перерисовывать в векторы; – Как один кадр анимации может занимать 20 мегабайт видеопамяти; – Зачем нужны градиенты для создания иллюзии объёма и теней; – Как сделать бесшовный переход между слайдами в онбординге. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Онбординги в фудтехе: большая подборка сценариев 📦🍔🍰
Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья
Изображение поста
Онбординги в фудтехе: большая подборка сценариев 📦🍔🍰
Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья
Изображение поста
Онбординги в фудтехе: большая подборка сценариев 📦🍔🍰
Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья
Изображение поста
9 из 99 ошибок дизайнера — не провести клиента за кулисы 🎭
Перед спектаклем зрителю выдают программку, чтобы погрузить зрителя в сюжет и познакомить с главными героями. В дизайне она тоже нужна — только в виде онбординга. Расскажите клиенту, как устроен процесс, какие этапы его ждут и зачем всё это делается. В видео на примере театра показываем, как эффективно построить коммуникацию с клиентом. Урок с этапами работы → @perasperagram_bot
Гало-эффект или эффект ореола — это когнитивное искажение, при котором общее положительное (или отрицательное) впечатление о человеке, продукте, бренде или явлении влияет на восприятие его других качеств.
Впервые этот термин ввёл психолог Эдвард Торндайк в 1920 году в статье «A Constant Error in Psychological Ratings». Исследуя, как руководители воспринимают своих подчиненных, он предложил армейским командирам оценить солдат по нескольким параметрам: уму, физическим данным и лидерским способностям. Оказалось, что бойцы с хорошими внешними данными автоматически получали более высокие баллы за интеллект и лидерские качества, чем их менее привлекательные сослуживцы. Если не считать маркетинга вокруг продукта на этапе вовлечения, то UI продукта — это первое, что видят пользователи и во многом UI формирует гало-эффект на весь последующий UX. Скорость работы продукта — второе, с чем сталкивается пользователь, начиная взаимодействовать с продуктом. И медленная работа приложения или сайта формирует негативный гало-эффект на весь продукт целиком. Несколько примеров применения FOMO в дизайне продуктов 🔹LinkedIn — если у компании много сотрудников с крутым бэкграундом (медийность, опыт, другие бенефиты), ореол переносится на бренд работодателя; 🔹YouTube — высокое число подписчиков и лайков может формировать положительное впечатление об авторе канала и добавлять доверие к его контенту; 🔹Airbnb — фото высокого качества, приятный UI и доверительные описания хозяев формируют ощущение, что и сам сервис «надёжен и заботлив». Часто в продукте «первый контакт» — это 50% удержания. Сильный онбординг, крутой визуал и продуманные микро-детали формируют положительный ореол, который впоследствии может влиять на то, как воспринимается весь сервис целиком.
Изображение поста
Онбординг начинается не в продукте. Ошибка, которая стоит вам 50% активации
Узнайте, как повысить активацию пользователей на вашем сайте и мобильном приложении для улучшения пользовательского опыта и повышения конверсии Читать на дизайнерс | #статья
Изображение поста
Онбординг начинается не в продукте. Ошибка, которая стоит вам 50% активации
Узнайте, как повысить активацию пользователей на вашем сайте и мобильном приложении для улучшения пользовательского опыта и повышения конверсии Читать на дизайнерс | #статья
Изображение поста