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

Внедрение жестов в интерфейс требует онбординга. Жест в большинстве случаев будет альтернативой привычному паттерну кнопки. Что говорят исследования? Androidmetro: пользователи не находят свайп-действия. Жесты требуют подсказок или онбординга. Кнопки показывают себя эффективнее. Университет Хильдесхайма: жесты плохо себя показывают для новичков в приложении, но с появлением у них привычки, наоборот, ускоряют работу. MDPI: жесты увеличивают когнитивную нагрузку и замедляют выполнение задач. Пользователи тратили больше времени на выполнение задач с жестами, им требовалось больше когнитивных усилий. При этом, жесты воспринимались как более «интересные» и привлекательные. Университет Корнелла: задачи, выполняемые с помощью жестов, демонстрировали большее время выполнения, чем задачи, выполняемые с помощью сенсорного управления, хотя респонденты воспринимали эти взаимодействия как более привлекательные. Nature: существует прямая взаимосвязь между негативными эмоциями и недостатком наличия жестов управления. Одной из причин негативных эмоций пользователей при взаимодействии с интерфейсом является отсутствие возможности управлять жестами. 🌊🌊 Почти все исследования показывают один и тот же парадокс: жесты нравятся пользователям, но кнопки работают лучше. Жесты — это опциональное ускорение и повышение удобства взаимодействия. Если фичу нельзя найти без жеста — она не существует. Но если жеста нет — интерфейс может ощущаться неудобным. 🌊🌊

Что такое Tone of Voice Это общий принцип коммуникации, то, как бренд говорит с пользователем. Голос бренда (Voice) — определяет язык интерфейса и то, как бренд звучит в целом: допускает ли шутки и иронию, как ведет себя в стрессовых сценариях. Тональность (Tone) — адаптация голоса под контекст. Один и тот же бренд может звучать по-разному в онбординге, системных сценариях или уведомлениях. Зачем нужен TOV Может показаться, что Tone of Voice — территория маркетинга и соцсетей. Но в продукте язык работает иначе: пользователь не читает интерфейс, а сканирует. Ему важно быстро понять, что происходит и что делать дальше. Например, когда Notion пишет на пустой странице «Нажмите Enter, чтобы продолжить с пустой страницей, или выберите шаблон», это снижает неопределенность. Пробежались по верхам: разобрали само понятие и рассказали, почему так важно выдерживать TOV в визуале. Подробнее читайте в медиа — в этой теме дизайнеру стоит разбираться.

Ваня Замесин, автор методологий AURA и Advanced JTBD, курса «Как делать продукт» и основатель сервиса подбора психотерапевтов «Мета». Задачи: — автоматизация процессов: no-code / вайб-кодинг приветствуется — организация гостевых стримов, координация и проведение созвонов — онбординг новых участников, — удержание и вовлечение: системная работа, а не разовые акции — развитие UGC: кейсы, гайды, промпты от самих участников Ожидания: — реальный опыт управления сообществом (не модерация чата, а развитие) — проактивность: сам придумываешь форматы, тестируешь гипотезы, доводишь до результата — используешь AI в работе, вайбкодишь — это обязательно — умеешь работать автономно в условиях стартапа — быстро реагируешь и не теряешься в нестандартных ситуациях Условия: — фикс оплату обсуждаем индивидуально — part-time, в перспективе переход на full-time — гибкий график: нам важен конечный эффект и инициативность, а не регламент — бесплатный доступ ко всем курсам и материалам: «Как делать продукт», BOOST, AURA Framework → Почитать подробнее и откликнуться

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 не заберет!

Когда дизайнеров было семь, всё было под контролем. Когда стало пятнадцать, а продуктов в три раза больше, начался хаос. Одни и те же вопросы от новичков. Разные правила оформления в разных продуктах. Лид тратит часы на проверку слоёв и ловлю мелких ошибок вместо стратегии. Илья Гордеев из X5 Tech рассказал, как они создали чек-лист самопроверки макетов. Сначала он сам воспринял идею как бюрократию. Ещё один документ, который никто не будет читать. Но после внедрения количество возвратов задач уменьшилось, онбординг ускорился, а макеты разных продуктов стали выглядеть одинаково. Важный момент: чек-лист не сделали обязательным. Просто инструмент самопроверки, который используют по ситуации. Через пару недель скепсис прошёл, потому что все увидели, что так быстрее и чище. Внутри: – Три зоны боли: оформление файлов, состояния экранов, работа с компонентами; – Какие пункты выкинули (проверка контраста, ховеры кнопок) и какие добавили после реальных кейсов; – Как собирали обратную связь и что переработали после первых двух недель; – Пошаговый сценарий внедрения в своей команде; – Ссылка на готовый шаблон в Figma. А у вас в команде есть что-то похожее? Или каждый проверяет макеты по-своему? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Вот что мы подготовили на этой неделе: • Цитаты из книги Михая Чиксентмихайи «Поток: психология оптимального переживания» • Формула приоритезации PoDPR и зачем она нужна • Главные ценные мысли из книги «Интерком об онбординге» • Гайд по поиску работы для IT-специалистов в 2026 году • Три фундаментальные модели коммуникации с клиентом • Как Apple нарушили собственные гайды в macOS Tahoe • Как интерфейсы «ломаются» при увеличении масштаба и что с этим делать • Практический чек-лист законодательных требований к веб-интерфейсам в России • 12 классических принципов анимации в контексте дизайна интерфейсов • Как эффективно программировать с помощью агентов • Как дизайнеру работать над ИИ-продуктами • Современный шрифт на основе устава и скорописи

Мы — студия продуктового дизайна и разработки red cat. Разрабатываем продукты, меняющие мир вокруг. С кем мы уже работали и продолжаем работать: РЖД-медицина, Free Age, ВДНХ, Росмолодёжь, FishStat. Мы сейчас ищем дизайнера на проект. Растёт объём задач и расширяется сам продукт. Поэтому в помощь нашему ведущему дизайнеру теперь нужен молодой, талантливый и амбициозный спец, который готов развиваться и вырасти в своих скиллах и грейде на реальных задачах. Чем предстоит заниматься: • Отрабатывать в макетах правки от стейкхолдеров и разработки • Помогать делать адаптив под мобилку • Другие задачи, возникающие по ходу работы над продуктом и беклогом Что нужно уметь: • Работать с дизайн-системой • Знать и уметь в компоненты, варианты, переменные И, конечно: • Базовые навыки — композиция, сетки, пропорции, типографика, колористика • Уверенное владение Figma • Отличная насмотренность • Способность самостоятельно организовать свою работу, четко оценивать задачи и укладываться в сроки • Умение уважительно давать и получать фидбек, открытость к изменениям и готовность учитывать чужую точку зрения • Продуктовое мышление и ориентированность на бизнес-цели клиента, сфокусированность на конечном результате и продукте Особенно важно: • Уметь работать быстро • Быть на связи • Коммуникабельность • Ответственность • Желание и стремление расти и развиваться в профессии В плане вывода на проект у нас всё чётко. С онбордингом, поддержкой от старшего диза и арт-дира. Если вдруг нужно будет чему-то дообучить — научим. Что предлагаем: • Удалёнка Работай из любой точки мира • Гибкий график Можешь выбирать удобное время начала • Работа в продукте • Комфортные условия Работаем в Телемосте, Figma, Telegram и Notion • Менторство и рост внутри студии • Молодой и амбициозный коллектив, комфортный арт-дирекшн У нас все на одной волне и нет начальников • Интересные проекты Сможешь с гордостью взять их к себе в портфолио • Зарплата в рынке Что дальше: Сперва, нам важно встретиться с человеком. Понять, сходимся ли мы по вайбу и подходу к работе. Поэтому сначала нам нужно будет познакомиться на небольшом интервью. ОТКЛИК Чтобы откликнуться на вакнсию, напишите @evmfadeeva Она поставит встречу

Илья Каназин и Марина Чернышова показали, как правильные промпты превращают AI из генератора случайных идей в полноценного помощника дизайнера. Разница между «Как улучшить онбординг?» и детальным запросом с контекстом может дать в 10 раз более полезный результат. Ребята подчёркивают, что промптинг это не просто написание инструкций, а проектирование мышления. Они делятся шестью техниками, которые проверили на реальных задачах: от декомпозиции через Jobs To Be Done до симуляции кросс-функциональной команды. Каждая техника подходит для конкретных ситуаций, и их можно комбинировать как модульные инструменты. Внутри: – Как разбивать задачи через Jobs To Be Done с чекпоинтами для самопроверки; – Зачем использовать Tree of Thought для UX-аудита конкурентов; – Как превратить AI в интеллектуального оппонента через Memory Update; – Что такое мета-промптинг и как он помогает писать промпты для UI-генераторов; – Как проводить когнитивный walkthrough с разными типами пользователей; – Почему мульти-роль промптинг симулирует обратную связь от всей команды. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Помните, когда иконка календаря выглядела как бумажный отрывной блок, а кнопки — будто их можно физически нажать пальцем? Сегодня от такого прямолинейного реализма можно разве что поностальгировать — примерно как от звука диалап модема. Но в начале 2000-х люди только осваивали интерфейсы и не всегда понимали, что перед ними на экране. И чтобы объяснить новое через знакомое, дизайнеры использовали скевоморфизм — визуальные метафоры из реального мира: 🔵 адресная книга выглядела как настоящая, 🔵 калькулятор копировал физический, 🔵 а диктофон напоминал кассетный плеер. Такие приёмы помогали миллионам людей скорее освоиться в новом пространстве: видишь привычный объект — и сразу знаешь, как с ним обращаться. Со временем скевоморфизм ушёл: цифровая культура повзрослела, интерфейсы стали чище и абстрактнее. Но именно он сыграл ключевую роль в массовом онбординге: сделал технологии доступными и понятными. В aic мы любим вспоминать эту эпоху: она напоминает, что хороший интерфейс — это всегда мост между офлайном и онлайном.

Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов. Главное правило, которое вывел автор: «дели на два». Если анимация кажется готовой, нужно уменьшить все эффекты вдвое. В интерфейсах классические принципы анимации работают не в полную силу, и то, что хорошо смотрится в рекламе или играх, будет раздражать при ежедневном использовании приложения. Внутри: – Почему из всех инструментов выбрали именно Lottie; – Как различать утилитарные и эмоциональные сценарии анимации; – Почему растровые изображения пришлось перерисовывать в векторы; – Как один кадр анимации может занимать 20 мегабайт видеопамяти; – Зачем нужны градиенты для создания иллюзии объёма и теней; – Как сделать бесшовный переход между слайдами в онбординге. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья

Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья

Погружаемся в мир онбординга в фудтех-приложениях. Узнайте, какие сценарии помогают пользователям быстро освоиться с продуктом и заинтересовать их уже на старте Читать на дизайнерс | #статья

Перед спектаклем зрителю выдают программку, чтобы погрузить зрителя в сюжет и познакомить с главными героями. В дизайне она тоже нужна — только в виде онбординга. Расскажите клиенту, как устроен процесс, какие этапы его ждут и зачем всё это делается. В видео на примере театра показываем, как эффективно построить коммуникацию с клиентом. Урок с этапами работы → @perasperagram_bot

Впервые этот термин ввёл психолог Эдвард Торндайк в 1920 году в статье «A Constant Error in Psychological Ratings». Исследуя, как руководители воспринимают своих подчиненных, он предложил армейским командирам оценить солдат по нескольким параметрам: уму, физическим данным и лидерским способностям. Оказалось, что бойцы с хорошими внешними данными автоматически получали более высокие баллы за интеллект и лидерские качества, чем их менее привлекательные сослуживцы. Если не считать маркетинга вокруг продукта на этапе вовлечения, то UI продукта — это первое, что видят пользователи и во многом UI формирует гало-эффект на весь последующий UX. Скорость работы продукта — второе, с чем сталкивается пользователь, начиная взаимодействовать с продуктом. И медленная работа приложения или сайта формирует негативный гало-эффект на весь продукт целиком. Несколько примеров применения FOMO в дизайне продуктов 🔹LinkedIn — если у компании много сотрудников с крутым бэкграундом (медийность, опыт, другие бенефиты), ореол переносится на бренд работодателя; 🔹YouTube — высокое число подписчиков и лайков может формировать положительное впечатление об авторе канала и добавлять доверие к его контенту; 🔹Airbnb — фото высокого качества, приятный UI и доверительные описания хозяев формируют ощущение, что и сам сервис «надёжен и заботлив». Часто в продукте «первый контакт» — это 50% удержания. Сильный онбординг, крутой визуал и продуманные микро-детали формируют положительный ореол, который впоследствии может влиять на то, как воспринимается весь сервис целиком.

Узнайте, как повысить активацию пользователей на вашем сайте и мобильном приложении для улучшения пользовательского опыта и повышения конверсии Читать на дизайнерс | #статья

Узнайте, как повысить активацию пользователей на вашем сайте и мобильном приложении для улучшения пользовательского опыта и повышения конверсии Читать на дизайнерс | #статья

• Карусель — для соцсетей или презентаций • Сетку — для онбординга или структурированных макетов #карусель #сетка #соцсети #онбординг

🖼️ Хороший интерфейс

#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.