🔔 Inspiration #171

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– assurestor.com
– igloo.shop
– goodisthenewcool.com
– xaviercedric.com
– shed.design

———

– wearestokt.com
– walling.app
– history.jailhouselawyers.org
– openinghours.studio
– rekordsoftware.com

———

– ajanwachuku.work
– novabenefits.com
– oratory.co
– ja.mt

———

– joinpopp.com
– seen.space
– hempelfoundation.com
– dgrees.studio
– cofounder.co

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🤖 Команды добавляют чат сбоку и кнопку «Сгенерировать» и думают, что это AI-UX

Проблема в том, что старые интерфейсы не рассчитаны на то, что система будет действовать между шагами: подсказывать до ввода, предлагать варианты, собирать черновики. То, что раньше было задачей человека, теперь стало связкой пользователь → система → пользователь. И UI должен это выдержать.

Евгения Шамрай, дизайнер интерфейсов и руководитель дизайн-студии «Проект», работает с B2B-системами, где AI помогает искать, группировать, подсвечивать отклонения. Собрала 8 практических UI-паттернов для AI-функций с примерами, ошибками и формулировками. Главное отличие: обычный паттерн описывает форму («есть таблица, есть фильтр»), AI-паттерн описывает поведение («что система предлагает, что делает сама, как показывает варианты»).

Внутри:
— Черновик это не автоматизация: система предлагает вариант, пользователь правит, финальное решение за человеком;
— Chain of Thought: не «модель обработала 12 тысяч токенов», а «посмотрела 20 заказов, выделила три с опозданием, сравнила с нормативами»;
— Уровень уверенности: не проценты, а «похоже», «вероятно», «с высокой вероятностью», «есть сомнения»;
— Умные фильтры: система анализирует активный экран, роль, историю и предлагает «Показать заказы, где задержка больше 1 часа?»;
— Пределы системы: честное «я не знаю, потому что...» работает лучше, чем придуманный ответ.

Хороший AI незаметен. Он не требует обучения, не объясняет, что он AI, и не ломает привычные сценарии. Он просто убирает лишние шаги там, где они мешают работе.

А вы встраивали AI в продукт? Какие паттерны использовали?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎨 Генеративный ИИ без промптинга это оркестр без нот: красиво, но каждый раз по-разному

Дизайнеры вручную подбирали референсы, выравнивали композицию, корректировали цвет, отбирали вариации. Один промпт давал десятки вариантов, но ни один не повторялся. Это ломало брендовый визуал.

Майк Суворов, Technical Product Manager по AI Solutions в X5 Tech, рассказал, как превратили генеративный ИИ из источника хаоса в стабильный конвейер. Зафиксировали стиль, задали структуру, выстроили управление вариациями. Скорость выросла почти вдвое, команды отказались от фотостоков, а 40-45% визуального контента «Пятёрочки» и «Чижика» теперь создаётся с участием ИИ.

Внутри:
— Промпт как инструкция: токены, триггеры для стиля, формат результата, негативные инструкции;
— ControlNet работает со структурой, извлекаете карту глубины, контуры, скелетную позу;
— LoRA это тонкая настройка, обучили модель воспроизводить иконки «металлик» из брендбука;
— Style Transfer переносит стиль с референса: цвета, фактуру, детализацию;
— Gemini Nano Banana воспринимает промпт как конструктор, меняете части промпта, получаете новые изображения;
— Мультимодальные модели как диалог с виртуальным дизайнером: вы арт-директор, задаёте направление, корректируете, пробуете варианты.

Раньше 3D-дизайнер настраивал материалы и освещение вручную. Теперь несколько нейросетей делают это в одном темплейте за минуты. Главное преимущество: получаете не четыре случайных картинки, а четыре варианта в одном стиле с разными сюжетами.

А вы используете ИИ для генерации визуала? Или пока смотрите со стороны?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔬 Почему 75% функций вашего продукта никто не использует

Средний уровень использования функций в научном софте: 24.5%. Три четверти того, что команда месяцами разрабатывала, просто не находят. Не потому что функции бесполезные, а потому что пользователи не могут до них добраться.

Статья разбирает, почему UX в сложных продуктах становится критичным именно сейчас. Есть сравнение двух платформ для систематических обзоров: обе делают одно и то же, но одна выглядит как софт из 90-х, а вторая использует привычные паттерны. Угадайте, какая лидирует на рынке. Ещё есть расчёты: каждый доллар, вложенный в UX-исследования, экономит 10 долларов на разработке и 100 на поддержке после релиза. Microsoft сократил обращения в поддержку на 50% после UX-тестирования Windows 7.

Внутри:
– Формула: реализованная ценность = мощность алгоритма × доступность интерфейса;
– Как считать ROI от улучшения UX через экономию времени, снижение ошибок и конверсию;
– Почему «наши пользователи эксперты, им не нужен простой интерфейс» это заблуждение;
– Примеры хорошего UX в научном софте: Benchling, KNIME, Schrödinger;
– Чеклист для оценки UX-зрелости вашего продукта.

А в вашем продукте какой процент функций реально используют?

➡️ Читать статью (V*N)

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔄 Почему корпорации переделывают работающие продукты

«Если работает, не трогай» звучит разумно, пока продукт не превращается в легаси. Purrweb поговорили с дизайн-лидами из Т2, Точка Банк, Билайн, Альфа-Инвестиций, Битрикс24 и Лиги Ставок о том, как они решались на редизайн и что из этого вышло.

Главная мысль: редизайн это не про «сделать красивее», это про возможность развиваться дальше. Денис Теплов из Лиги Ставок рассказал, что они заморозили выпуск фич на девять месяцев, потому что старая архитектура просто не позволяла делать новые сценарии. Илья Абрамов-Попов из Билайна говорит, что первые концепты были готовы за 12 дней, а весь путь до прода занял 7 месяцев. После запуска оценки упали до 2+, но через две недели вышли на 4.7. Лига Ставок после редизайна получила +5% DAU и +4% к количеству ставок.

Внутри:
– Пять барьеров для редизайна: сопротивление, сроки, ресурсы, синхронизация, пользователи;
– Как организовать процесс: от исследований до постепенной раскатки;
– Роль дизайн-системы и почему иногда проще создать новую;
– Как выстроить работу между дизайном и разработкой;
– Конкретные результаты: метрики, рейтинги, реакция пользователей.

А вы работали с легаси-продуктами? Что было сложнее всего менять?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Каталог спецпроектов

Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами

А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу

Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍

➡️ Го разглядывать

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #172

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– trybrass.com
– bento.me
– humanmade.co.jp
– havenservicing.com
– helio.cloud

———

– osome.com
– central.inc
– mikekus.com
– toggl.com/hire
– wisprflow.ai

———

– makereign.com
– notom.co
– park.photos
– topanga.io
– ginivini.com

———

– lilacsolutions.com
– damso.com
– abhishekjha.me
– joinvalley.co
– mojo-app.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📱 CRM в мобильном приложении Ozon прошел 6 итераций разработки, чтобы маленькие продавцы могли работать без маркетолога

Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов.

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

Внутри:
– CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы;
– Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе;
– Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах;
– Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки;
– Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией;
– Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии;
– Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге;
– Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически;
– Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔤🔤 Выкатили фичу для доступности, а пользователи попросили вернуть всё обратно

СберИнвестиции потратили месяцы на адаптацию под увеличенный шрифт. Провели редизайн ячеек, переписали логику отображения, протестировали на разных конфигурациях. Выкатили в прод. Начали получать отзывы: «Верните старый дизайн». Что пошло не так?

Тестировали только на телефонах. Никто не подумал проверить планшеты и эмуляторы. На широких экранах перестроенные ячейки выглядели нелепо. А часть пользователей вообще работает через эмуляторы на компьютере, там физические параметры экрана искажаются.

Игорь, Android-разработчик в Сбере, рассказал про опыт работы с доступностью в команде «Портфель клиента». Провели исследование: 44,82% пользователей используют системное увеличение шрифта или интерфейса. Это огромный пласт аудитории. При увеличении старый интерфейс ломался: названия счетов обрезались, кнопки теряли текст, в ячейках активов пропадала половина информации.

Внутри:
— Стратегии обработки переполнения: обрезание, сокращение, перенос строк, авторазмер текста, динамическая вёрстка;
— Custom ViewGroup для ячеек с тремя состояниями: стандарт, переполнение 1, переполнение 2;
— Расчёт размера шрифта с учётом двух системных настроек: размер шрифта и масштабирование экрана;
— Динамическая высота шапки при перелистывании счетов и смене периода;
— Итоговое решение: дали пользователям самим выбирать тип отображения ячеек в настройках;
— После запуска количество пользователей с увеличенными ячейками значительно выросло и продолжает расти.

А вы тестируете свои интерфейсы с увеличенным шрифтом?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🍎 Apple в 1992: «Плохие иконки отвлекают и раздражают». Apple в 2025: добавила именно такие иконки везде

В macOS Tahoe компания добавила иконки к каждому пункту меню. Проблема: если иконка есть у всего, ничто не выделяется. Главная функция иконки в том, чтобы помочь быстрее найти команду. Но когда все пункты с иконками, это работает наоборот.

Ник Тонский, программист и дизайнер интерфейсов, разобрал все ошибки и сравнил их с рекомендациями из собственного руководства Apple 1992 года. Оказалось, что идеальное знание уже было доступно 30 лет назад, но его полностью проигнорировали.

Внутри:
— Пятьдесят оттенков «Создать»: собрал все иконки для новых документов, папок, записей в одну картинку, абсурдность стала очевидной;
— Одинаковые иконки для разных действий: стрелка может означать импорт, обновления, быстрый просмотр или показать выполненное;
— Детализация в 12×12 пикселей: иконки размером 0,09 дюйма (2,4 мм) содержат камеру с видоискателем, окно с кнопками закрытия, букву i высотой 2 пикселя;
— Нет консистентности: «Сохранить» имеет разные иконки в разных приложениях, стрелки указывают в разные стороны;
— Текст вместо метафор: иконки Abc, BIU выглядят как текст, а не как символы;
— Игра без подписей: убрать названия команд и попытаться угадать по иконке, что она делает. Провал.

Apple взялась за невыполнимую задачу: добавить иконку к каждому пункту меню. Хороших метафор на всё не хватает. Но даже с учётом этого работа сделана плохо: нет консистентности, детали не видны, одинаковые иконки означают разное.

Как вам иконочки?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔄 14 UX-решений, которые снижают возвраты в e-commerce

Четыре из пяти возвратов связаны не с качеством товара, а с ошибками на этапе выбора. Пользователь просто не понял, что покупает. Это значит, что снижение возвратов начинается не в логистике, а в интерфейсе.

Marskwebb проанализировали 25 приложений крупнейших магазинов: Lamoda, ASOS, Zalando, Amazon, IKEA, Wildberries, OZON и другие. Выделили 14 инструментов в четырёх зонах риска. Например, Lamoda показывает замеры прямо в карточке без перехода в таблицы. ASOS предлагает размер на основе параметров тела и истории покупок. Zalando создаёт 3D-аватар по фото и показывает посадку с учётом пропорций. Amazon даёт разместить мебель в своей комнате через AR. BestBuy использует ИИ для резюме отзывов: типичные проблемы и преимущества в одном абзаце.

Внутри:
– Характеристики: персонализированный подбор размера, AI-сравнение товаров;
– Визуализация: примерка на похожей фигуре, AR для мебели и техники;
– Отзывы: сортировка по полезности, галерея фото/видео, поиск по темам;
– Дополнительная информация: прозрачный доступ к альтернативным ценам;
– Главный принцип: чем реалистичнее ожидания, тем меньше возвратов.

Как думаете, что работает лучше всего?

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы