Хотелось бы перестать хвалиться, но пока нет такой возможности

Мы регулярно пишем статьи на Хабр, а Хабр в свою очередь делает ежегодный конкурс статей — Технотекст, где независимое жюри оценивает техническую грамотность, подачу, актуальность и проработку темы. Недавно подвели итоги Технотекст-7, откуда мы вынесли два приятных достижения: ⭐️ В шорт-лист попал выстраданный труд «Отрицание, гнев, торг: как дизайну и разработке найти общий язык» линк 🏆 Победу взяла библия «Автостопом по дизайн-системе. Путеводитель с оглавлением» линк Это первая наша статья по дизайну, которая победила в этом непростом конкурсе, поэтому неистово радуемся за дорогого лысого из Ozon Витю Теплова 👏 И вдруг вы пропустили (а нам не жалко повторить) другие статьи за прошлый год: — Как сделать редизайн продукта на примере Ozon линк — Как дизайнеры помогают заменить GitLab: что из этого получилось линк — Почему нам нравится играть? И при чём здесь Octalysis Framework линк — Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon линк — Место, где рождаются чат-боты: как мы пересобрали конструктор с нуля линк — Как делать простые анимированные онбординги в Lottie без After Effects линк — Как мы построили две версии CJM и синхронизировали всю команду Ozon Банка с продуктом линк — Как составлять анкеты для немодерируемых UX-тестов: пошаговое руководство линк На этой оптимистичной ноте желаем вам приятных выходных 💖

Кто у вас тут за что отвечает? Моя подруга — бренд-менеджер. Недавно, работая в одной из кофеин вместе, я услышала, какие задачи ей нарезает директор компании. Ведение tg-канала, подарки для партнеров и слоганы для рекламной кампании. Как же часто в бизнесе, с которым я сталкиваюсь, один человек — и бренд-менеджер, и маркетолог, и рекламщик. И не только в маленьких компаниях. А что в итоге? Ни фокуса, ни стратегии, ни устойчивости в восприятии бренда. Давайте зафиксируем ключевые задачи бренд-менеджера: — Формулирует стратегию бренда и обновляет её при необходимости — Контролирует визуальный и смысловой единый стиль на всех точках контакта — Знает аудиторию: её мотивы, барьеры, триггеры, язык — Настраивает и отслеживает KPI по брендинговым метрикам (узнаваемость, лояльность, NPS, вовлеченность) — Руководит креативом, упаковкой, контентом и тоном коммуникации — Брифует и выстраивает работу с агентствами и подрядчиками — Поддерживает внутреннюю культуру бренда — от онбординга до корпоративной атрибутики — Развивает и запускает новые бренды/линейки, новые точки Понимаю: экономия, сжатые ресурсы, другие приоритеты. Но для того, чтобы вырастить бренд с узнаваемостью, лояльностью и широкой аудиторией, нужна не просто пара рук. Нужна команда. Разве не так? Верно мыслишь — 🔥 Идеализируешь — 👀

💎 Серьёзное - Модель Кано — инструкция по применению, Сережа Розум (особенно раздел «Теоретические истоки модели Кано») - UX-стратегия как реализация амбиций бизнеса, Дмитрий Сатин, CEO UsabilityLab - AI as a Creative Teammate, NN/g - Неочевидные возможности метода Tree Testing в UX-исследовании, Артем Кузнецов, Ю-Эксперт - Лучшие практики онбординга по результатам анализа 200 популярных сайтов и приложений, Uprock - Как помочь пользователю ждать. Научные исследования, Юля Кондратьева, Тинькофф 🥨 Для души - UX-приемы из игр, Алёна Бойкова, гейм-дизайнер Магнита - UX, UI, CX, EX, SD, UXE — в чём разница?, Ксения Морозова, Госуслуги - UX в мире Гарри Поттера, Михаил Греков

💎 Серьёзное - Модель Кано — инструкция по применению, Сережа Розум (особенно раздел «Теоретические истоки модели Кано») - UX-стратегия как реализация амбиций бизнеса, Дмитрий Сатин, CEO UsabilityLab - AI as a Creative Teammate, NN/g - Неочевидные возможности метода Tree Testing в UX-исследовании, Артем Кузнецов, Ю-Эксперт - Лучшие практики онбординга по результатам анализа 200 популярных сайтов и приложений, Uprock - Как помочь пользователю ждать. Научные исследования, Юля Кондратьева, Тинькофф 🥨 Для души - UX-приемы из игр, Алёна Бойкова, гейм-дизайнер Магнита - UX, UI, CX, EX, SD, UXE — в чём разница?, Ксения Морозова, Госуслуги - UX в мире Гарри Поттера, Михаил Греков

Набор 3D-иконок с предметами из будней дизайнера. Чистый, детальный стиль с мягким светом и тёплыми текстурами — уютно и реалистично. Идеально подойдёт для портфолио, онбординга, веба или креативных дашбордов. #3D Людочка, дизайн – ресурсы для дизайнеров

Помните мой пост про системный апгрейд отдела, где я писала, что смотрю обзоры трекеров на ютуб? Так вот, я протестировала несколько систем (в прошлом у нас были toggle, битрикс, пробовала kaiten) и в итоге на данный момент выбрала WEEEK. Почему именно он: ↗️Есть много режимов отображения: доски, списки, календарь, диаграмма Ганта ↗️Простое добавление тегов и других кастомных параметров ↗️Можно прикреплять документы, файлы, даже макеты из Figma прямо к проектам — всё под рукой, ничего не теряется. В тело задачи можно вставить фото и видео, структурно и последовательно расписать ТЗ ↗️Персональная база знаний с документами и шаблонами ↗️Встроенный тайм-трекинг ↗️Очень классный онбординг с обучающими видео — быстрый и понятный старт работы ↗️Формы! Это просто гениально. Настраиваешь форму с нужными вопросами, скидываешь человеку, он заполняет — и на основе этого автоматически создаётся задача в нужном разделе. Без регистрации, без заходов в систему. Я сделала себе форму для сбора ТЗ с чёткими полями — и всё, больше никто ничего не забудет (очень на это надеюсь) Там даже есть таймер помодоро и режим медитаций. Пользоваться ими я конечно же не буду 😒 А где ставятся задачки у вас в команде? Буду рада послушать!

Некоторые команды относятся к онбордингу как к чему-то второстепенному, но это первая линия защиты продукта от удаления. Плохой опыт онбординга может побудить до 80% потенциальных клиентов отказаться от приложения еще до того, как они им воспользуются 😱. 📌В статье «Лучшие практики онбординга по результатам анализа 200 популярных сайтов и приложений» мы разберем, что отличает выигрышный процесс онбординга от провального и как нам спроектировать этот сценарий максимально эффективно. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

#процессы A/B-тест — это способ проверить, какая из версий интерфейса работает лучше. Пользователи разделяются случайным образом на когорты — одна часть видит текущую версию (А), другая — новую (B). Если вариантов больше, это уже ABCD-тест: каждый сегмент получает свой вариант. Затем сравниваются ключевые метрики: кто чаще нажал кнопку, купил, заполнил форму, вернулся через день и т.д. Пример 1: В мобильном приложении ты меняешь онбординг. A — 4 экрана с описанием. B — 2 экрана и сразу вход в продукт. Если B показывает выше конверсию в регистрацию — значит, гипотеза сработала. Пример 2: Тестируем нейминг в кнопке на том же онбординге. A — кнопка «Начать бесплатно», B — «Попробовать демо», C — «Получить доступ», D — «Зарегистрироваться». Сравниваются клики и последующие действия. Это уже ABCD-тест. Роль дизайнера в проектировании A/B тестов ✦ Формулирует гипотезу. Например: «Если показать преимущества тарифа в виде иконок, то пользователи будут чаще покупать». В следующем посте расскажу о том, как правильно формулировать гипотезы. ✦ Проектирует новый вариант. Это может быть один экран, флоу или отдельный элемент. ✦ Определяет метрику успеха. Часто вместе с аналитиком или продактом: что измеряем — клики, покупки, завершение шага? ✦ Передаёт вариант в разработку. После запуска отслеживает, как идёт тест. ✦ Анализирует результат. Сработало или нет? Почему? Что можно улучшить? Примеры 3: Тестируем порядок шагов в оформлении заказа в e-commerce приложении. A — сначала ввод адреса, потом выбор доставки. B — сначала выбор доставки, потом адрес. Если B даёт меньше отказов на втором шаге и выше завершение заказа — он выигрывает. Пример 4: Тестируем дизайн карточки товара в интернет-магазине. A — карточка с ценой и кнопкой «Купить» сразу под фото. B — карточка, где сначала описание, потом кнопка. Если A показывает выше кликабельность и больше покупок — оставляем этот вариант. Пример 5: В приложении по подписке тестируем экран оплаты. A — обычный экран с выбором тарифа. B — тот же экран, но с иконками преимуществ тарифа и отзывами. Если B даёт выше конверсию в оплату — UI работает лучше на принятие решения. Мы в продукте проверяли каждый чих через AB. Это на самом деле супер удобная механика, но не у всех продуктов она есть. На старте в первые месяцы жизни продукта нормально просто катить фичи в прод и смотреть что из этого выходит. Небольшое количество пользователей и ограниченный функционал дают свои преимущества. Тестировать с помощью AB можно от кнопки, до флоу. Мы делали тесты на редизайн целых разделов в продукте: порядка месяца набирали данные, чтобы потом принять решение о раскатке. 🔥 Жду твой огонёк. ————————— Навигация ← Пост 3 @design_awesome

Ты как дизайнер влияешь не только на поведение пользователя, но и на то, как продукт зарабатывает. Даже простая кнопка, форма или порядок экранов могут повлиять на выручку. Вот как: ✦ Revenue (доход) — общая сумма денег, которую приносит продукт за период. Где дизайнер может влиять: • Улучшить понятность тарифов и их визуальную иерархию. • Добавить или упростить флоу покупки / оплаты. • Сделать интерфейс платных функций более привлекательным и понятным. Как понять: если после редизайна страницы тарифа вырос доход — твоё решение работает. ✦ ARPU (Average Revenue Per User) — средний доход от одного пользователя. Формула: общая выручка / число пользователей. Где дизайнер может влиять: • Увеличить количество покупок на одного пользователя за счёт понятных сценариев. • Визуализировать ценность платных функций в момент, когда она реально нужна. Как понять: если пользователи стали чаще докупать, апгрейдить тарифы или использовать дополнительные функции — ARPU растёт. ✦ LTV (Lifetime Value) — сколько денег в среднем приносит один пользователь за всё время использования продукта. Где дизайнер может влиять: • Сделать интерфейс более "возвращаемым" — чтобы люди заходили чаще, пользовались дольше. • Помочь людям быстрее понять ценность продукта → они дольше останутся. Как понять: хороший онбординг, простые привычные интерфейсы, подсказки — всё это удерживает пользователя, а значит — увеличивает LTV. ✦ CAC (Customer Acquisition Cost) — сколько в среднем стоит привлечение одного нового пользователя. Формула: расходы на маркетинг / количество новых пользователей. Где дизайнер может влиять: • Сделать лендинг более понятным и привлекательным → выше конверсия → ниже CAC. • Упростить регистрацию или флоу первого входа → меньше людей «отваливаются». Как понять: если после редизайна лендинга вырос CR (conversion rate) с рекламы — CAC снижается. ————————— 🔤🔤 Модель AARRR Эта модель часто используется в стартапах и помогает понять, на каком этапе воронка продукта проседает. Полезна для дизайнеров, которые делают интерфейсы для всего пути пользователя. ✦ Acquisition — привлечение. Конверсия с лендинга, CTR по кнопке "Попробовать", переход из рекламы. Где дизайнер важен: • Создание понятного лендинга. • Визуализация выгоды за 3 секунды. • Понятные кнопки, формы, CTA. ✦ Activation — активация. % пользователей, которые дошли до первого «успешного опыта». Где дизайнер важен: • Онбординг (вводный флоу, первые шаги). • Подсказки, обучение в интерфейсе. • Удаление лишних шагов. Пример: Пользователь подписался — но не понял, как пользоваться. Ты — как дизайнер — должен помочь ему это сделать. ✦ Retention — удержание. D1 / D7 / D30 Retention — вернулся ли пользователь через 1, 7 или 30 дней. Где дизайнер важен: • Помочь пользователю встроить продукт в свою привычку. • Делать регулярный флоу простым и логичным. • Делать редизайн не во вред привычке. ✦ Referral — рекомендации. Сколько пользователей привели других. Где дизайнер важен: • Кнопки «Поделиться» — заметны ли они? • Реферальные механики — объяснены ли? • Насколько приятно делиться продуктом (визуально, эмоционально)? ✦ Revenue — деньги. % пользователей, которые платят, сумма покупок, частота оплат. Где дизайнер важен: • Визуальная подача ценности тарифа. • Упрощение процесса оплаты. • Подсказки о том, зачем платить — в нужный момент. ————————— Как ты можешь видеть, дизайн напрямую (а иногда опосредованно) влияет на бизнес метрики. Дизайнер онбордингов и пейволов влияет на доход и активацию. Дизайнер внутри основного сценария работает с конверсией и удержаением. Дизайнер коммуникационный снижает расходы компании на привлечение. Что дает понимание метрик • Тебе будет проще общаться с продактом и аналитиком. • Ты сможешь аргументировать свои решения цифрами. • Твои решения начнут реально влиять на продукт и бизнес. • Ты растёшь из просто "UI" в продуктового дизайнера. ————————— 🔥 Жду твой огонёк. #процессы ————————— Навигация ← Пост 2 @design_awesome

Сервисы сейчас работают достаточно быстро — почти нигде нет прям экранов ожидания, где приходится ждать больше секунды или нескольких. Но иногда все-таки приходится: например, при онбординге, если сервис формирует персональную программу для студента. Юля Кондратьева прочитала научные исследования, чтобы разобраться, как интерфейс может помочь пользователю ждать. Смотреть выводы ↗ хороший ux · вакансии · концепты

В продукте метрики делятся на несколько ключевых групп: бизнес-метрики, продуктовые и UX-метрики. Бизнес-метрики помогают понять, насколько продукт приносит прибыль и растёт — сюда входят доход, LTV, CAC, Retention и другие. Продуктовые и UX-метрики отвечают за эффективность пользовательского опыта: от конверсий и времени на задачу до вовлечённости и удовлетворённости. На консультациях мы с менти часто обсуждаем, что делать, если не было бизнес-метрик. Хорошим решением являются ux-метрики. Если интегрировать их в разработку решения, например, студийным дизайнерам, то вполне себе получается продуктовая разработка. 📌 Сохраняй пост и отправляй лиду. Вот ключевые метрики, которые важно отслеживать дизайнеру: ✦ Task Success Rate Процент пользователей, успешно завершивших задачу. Подходит для оценки форм, онбординга, сценариев с несколькими шагами. ✦ Time on Task Сколько времени нужно пользователю, чтобы выполнить задачу. Дизайн должен помогать делать это быстро и без лишних шагов. ✦ Conversion Rate Процент пользователей, которые достигли цели (например, зарегистрировались, оформили заказ). Один из главных показателей эффективности интерфейса. ✦ Drop-off Rate На каком шаге пользователь уходит. Помогает находить проблемные места в флоу. ✦ Retention Rate Показывает, возвращаются ли пользователи. Особенно важна для продуктовых дизайнеров, работающих с онбордингом и first-time UX. ✦ Engagement Rate Насколько активно пользователь взаимодействует с продуктом: кликает, заполняет, возвращается. Вовлечённый пользователь — довольный пользователь. ✦ Rage Clicks Когда человек лихорадочно кликает на неработающую кнопку — это сигнал, что что-то пошло не так. UX должен предотвращать такие сценарии. ✦ Scroll Depth До какого места пользователь доскроллил. Важно для лендингов и длинных страниц: помогает понять, где теряется внимание. ✦ CSAT (Customer Satisfaction Score) Оценка удовлетворённости пользователя — например, после завершения действия или общения с продуктом. ✦ NPS (Net Promoter Score) Готов ли пользователь рекомендовать продукт друзьям? Это даёт общее понимание лояльности и удовлетворённости. Нужны, конечно, не все эти метрики каждому продукту и фиче. Обычно всем хватает конверсий, ретеншена и удовлетворенности. А вот скорость прохождения, количество отвалось отлично определяется на А/Б тестах и помогает выбрать итоговую версию фичи. 🔥 Жду твой огонёк. #процессы @design_awesome

🟢 Вакансия открыта Зарплата: Не указана Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка Город: Москва Грейд: Middle Кого ищем: «Привет! На связи Вера Макарова. Я занимаюсь подбором, онбордингом, мотивацией и развитием талантов в «12 Космонавтов». Спасибо, что обратили внимание на эту вакансию — она действительно классная. Мы ...

Кажется, что кроме «провел дизайн-ревью», «спроектировал фичу» и «отрисовал 15 экранов» нечего писать? Есть способы вытянуть даже из рутины смысл. 📌 Подход 1: Измерь объём работы. Цифры работают. Они дают контекст и ощущение масштаба. — В штуках (экраны, фичи, тесты, юзкейсы)— За время (в месяц, квартал, релиз)— Через влияние на продукт или команду Например ✦ Подготовил 30+ макетов для A/B-тестов за квартал, что позволило проверить 5 гипотез. ✦ Участвовал в редизайне интерфейса в стриме «Доставка» — охват 200K MAU. ✦ Настроил компонентную библиотеку — ускорил сборку интерфейсов на 20%, что сократило общий time to market. 📌 Подход 2: Покажи, как ты улучшил процесс.Не всегда важно что ты делал. Часто важно как. Задай себе вопрос: сделал ли я что-то, что помогло команде работать быстрее, меньше тратить времени или делать меньше ошибок? Например ✦ Сократил количество правок от разработки, добавив документацию к макетам. ✦ Упростил процесс ревью за счёт внедрения чек-листа по компонентам. ✦ Снизил нагрузку на продакт-менеджера, автоматизировав часть сбора данных из юзертестов. Метрики и формулировки должны быть понятны 🧑‍💻 «Улучшил UX» — как? чем измерял? 🧑‍💻 «Снизил количество шагов в онбординге с 5 до 3 и увеличил CR на 5%» 🧑‍💻 «Увеличил CTR кнопки на 18% после редизайна карточки» Даже текучка может стать кейсом, если правильно ее описать. Спроси себя: где ты сделал процесс, интерфейс или жизнь команды лучше? @design_awesome

Смотреть урок 🏛DESIGN HUB

Конечно, уровень насмотренности. Но где найти время для анализа реальных продуктов? Screen Gallery — сервис в котором собраны скриншоты лучших российских приложений, отсортированные по тегам: от UX-паттернов до UI-элементов. Мы создаем российский аналог Mobbin, и у нас большие планы! На сайте уже есть скриншоты из приложений Дринкит, Самокат, Т-Банк, Авиасейлс и многих других. Но это не всё. В телеграм-канале проекта выходят регулярные разборы реальных кейсов с ценными инсайдами. Вот что мы разбирали недавно: 🟠 Как Яндекс Go допродает сервисы в правильный момент 🟠 Когда фокус на эмоциональный дизайн и кастомизацию работают — пример Дринкит 🟠 Идеальный флоу онбординга новой фичи от Т-Банка 🟠 Когда удлинение флоу оправдано на примере отмены брони в Суточно.ру 🟠 Как повысить конверсию в написание отзыва через геймификацию — кейс от Яндекс Еды Хочешь стать востребованным дизайнером? Развивай свою насмотренность с помощью Screen Gallery — подписывайся на канал и получай ценные идеи и инсайты для вдохновения и роста! 🍏🍎🍊🫐

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

Библиотека бесплатных SVG для «пустых» экранов. За пару кликов находите нужное изображение и вставляете в онбординг, заглушку без контента или экран ошибки, чтобы пустые состояния выглядели живо и осмысленно. #иконки #иллюстрации Людочка, плагины – отборные плагины в Фигме

1,5 года на последнем месте работы занималась наймом и выделила частую ошибку, которую совершают большинство кандидатов. На собеседовании они рассказывают про опыт релевантный и не очень, не задумываясь о том, какие проекты делаются в компании, какой профиль у продукта, даже не особо читая вакансию иногда. Это фейл. Например, у нас был продукт — мобильный графический редактор. Кандидат 20 минут рассказывает про проект CRM для B2B, где дизайн сделан из почти готовой ДС. Мне, как нанимающему менеджеру, сложно переложить этот опыт на нашу компанию, и приходится раскручивать кандидата: а делал ли ты дизайн-концепты мобильных приложений, а какой опыт в работе B2C? Выясняется, что такие проекты есть, но дизайнер не подумал включить их в презентацию, решив, что самый важный опыт — это последнее место работы. Что делать 🙀 Изучи информацию о компании Как бы банально это не звучало, но многие этого не делают! Ознакомься с её миссией, ценностями, корпоративной культурой. Поищи блоги и интервью сотрудников — это поможет понять, какие качества ценятся внутри компании. Чем больше ты узнаешь о компании, тем проще тебе будет построить правильное восприятие своего опыта. Когда-то я написала статью про продуктовые процессы внутри дизайн-команды. И я была приятно удивлена, когда многие новые коллеги, приходя на позиции, упоминали эту статью и задавали вопросы по теме. Это показало, что люди действительно изучают информацию о компании и понимают, куда идут. 📌 Анализируй вакансию и продукт Внимательно читай описание вакансии. Раз 5 минимум! Какие ключевые навыки и задачи выделены? Они, скорее всего, будут акцентированы в собеседовании. Скорректируй свой рассказ так, чтобы подчеркнуть те моменты в опыте, которые соответствуют этим ключевым словам. На текущий момент важно даже каждый отклик (резюме и портфолио) корректировать под вакансию. Этого многие не делают, конечно. 📱Корректируй опыт под вакансию и продукт Презентуя свой опыт, фокусируйся на тех проектах и достижениях, которые будут наиболее релевантны для этой позиции. Если речь идёт о разработке дизайна для мобильных приложений, в первую очередь нужно показать эти проекты. 💡Продемонстрируй, что можешь привнести в компанию Ты сможешь показать свою экспертизу, если не просто расскажешь про свой опыт, но изначально продумаешь как поможешь компании достигать её целей. Можно изучить продукт и продумать план по улучшению сценариев. Или подчеркнуть, что на последнем месте работы занимался схожими бизнес-задачами (разрабатывал пейволы и онбординги, например) и теперь с лёгкостью принесёшь гипотезы и запустишь серию экспериментов. Это укрепит твою позицию и продемонстрирует твою ценность для компании. #трудоустройство ————— ➡️ В следующих постах напишу про: • Обманы на собесах и накручивание опыта • Увольнения • Сопроводительные письма • Развитие личного бренда @design_awesome

Но есть сценарии, где без паузы не обойтись: например, при онбординге или генерации персонального контента. В такие моменты важно не просто «держать пользователя», а грамотно управлять его вниманием. Продуктовый дизайнер Юлия Кондратьева как раз написала статью на эту тему — как научить пользователя ждать. Причём не на уровне ощущений, а на основе реальных научных исследований. Если работаете с загрузками, онбордингом или просто хотите сделать пользовательский опыт плавнее — читать обязательно. Нечего ждать, правда.

Бонусы и дополнительные плюшки в компании Нет Сколько часов в день занимают встречи? до 1 часа Сколько часов чистого времени работаешь на задачами? Не считая встреч 6–8 часов Как выглядит твой стандартный рабочий день? Начинаю в 9-9:30, работаю до 18. Созвоны редко, примерно раз в неделю не более получаса. Из задач: ролики (раскадровка, отрисовка), баннеры, презентации, курсы. Работа удаленная, оплата почасовая 400р/час. Что больше всего нравится в компании? Гибкое начало дня. Минимум созвонов. Удаленка. Что не устраивает в компании? При устройстве не было никакого онбординга, из-за чего адаптация оказалась длительной и очень стрессовой. Нет плюшек. ——— Поделись своей историей и она появится тут — Анонимная форма #Студия #Графический #Junior