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

СберИнвестиции потратили месяцы на адаптацию под увеличенный шрифт. Провели редизайн ячеек, переписали логику отображения, протестировали на разных конфигурациях. Выкатили в прод. Начали получать отзывы: «Верните старый дизайн». Что пошло не так? Тестировали только на телефонах. Никто не подумал проверить планшеты и эмуляторы. На широких экранах перестроенные ячейки выглядели нелепо. А часть пользователей вообще работает через эмуляторы на компьютере, там физические параметры экрана искажаются. Игорь, Android-разработчик в Сбере, рассказал про опыт работы с доступностью в команде «Портфель клиента». Провели исследование: 44,82% пользователей используют системное увеличение шрифта или интерфейса. Это огромный пласт аудитории. При увеличении старый интерфейс ломался: названия счетов обрезались, кнопки теряли текст, в ячейках активов пропадала половина информации. Внутри: — Стратегии обработки переполнения: обрезание, сокращение, перенос строк, авторазмер текста, динамическая вёрстка; — Custom ViewGroup для ячеек с тремя состояниями: стандарт, переполнение 1, переполнение 2; — Расчёт размера шрифта с учётом двух системных настроек: размер шрифта и масштабирование экрана; — Динамическая высота шапки при перелистывании счетов и смене периода; — Итоговое решение: дали пользователям самим выбирать тип отображения ячеек в настройках; — После запуска количество пользователей с увеличенными ячейками значительно выросло и продолжает расти. А вы тестируете свои интерфейсы с увеличенным шрифтом? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Сайт UIBits

На этом сайте вы можете найти для себе много новых референсов для создания UI. 📱Глянуть сайт📱 #сервисы #вдохновение
Изображение поста

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

Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов. Они помогли быстро преобразовать желания менеджеров в требования для приложения, понять какая навигация нужна, как поделить проект для итеративной разработки. Потребовалось 6 итераций, чтобы полностью завершить раздел. Внутри: – CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы; – Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе; – Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах; – Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки; – Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией; – Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии; – Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге; – Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически; – Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🔔 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 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍 ➡️ Го разглядывать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔄 Почему корпорации переделывают работающие продукты
«Если работает, не трогай» звучит разумно, пока продукт не превращается в легаси. Purrweb поговорили с дизайн-лидами из Т2, Точка Банк, Билайн, Альфа-Инвестиций, Битрикс24 и Лиги Ставок о том, как они решались на редизайн и что из этого вышло. Главная мысль: редизайн это не про «сделать красивее», это про возможность развиваться дальше. Денис Теплов из Лиги Ставок рассказал, что они заморозили выпуск фич на девять месяцев, потому что старая архитектура просто не позволяла делать новые сценарии. Илья Абрамов-Попов из Билайна говорит, что первые концепты были готовы за 12 дней, а весь путь до прода занял 7 месяцев. После запуска оценки упали до 2+, но через две недели вышли на 4.7. Лига Ставок после редизайна получила +5% DAU и +4% к количеству ставок. Внутри: – Пять барьеров для редизайна: сопротивление, сроки, ресурсы, синхронизация, пользователи; – Как организовать процесс: от исследований до постепенной раскатки; – Роль дизайн-системы и почему иногда проще создать новую; – Как выстроить работу между дизайном и разработкой; – Конкретные результаты: метрики, рейтинги, реакция пользователей. А вы работали с легаси-продуктами? Что было сложнее всего менять? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
AI Creator/ AI Motion Designer в Nimax
Мы, digital-агентство Nimax — помогаем компаниям формировать и улучшать опыт взаимодействия различных аудиторий с их брендом. Сейчас мы находимся в поисках проектных специалистов в сфере АI-продакшена на проект, который стартует в марте. Задача: — создание видеоролика хронометражем 1 минута и коротких роликов 15 секунд на основе него — срок сдачи проекта: конец марта Ожидания: — обязателен коммерческий опыт создания AI-видео — владение программами higgsfield / kling или др. — готовность приступить к проекту в феврале-начале марта Условия: — проектная работа — оплата обсуждается индивидуально → Посмотреть референсОткликнуться #дизайн
Изображение поста
🔬 Почему 75% функций вашего продукта никто не использует
Средний уровень использования функций в научном софте: 24.5%. Три четверти того, что команда месяцами разрабатывала, просто не находят. Не потому что функции бесполезные, а потому что пользователи не могут до них добраться. Статья разбирает, почему UX в сложных продуктах становится критичным именно сейчас. Есть сравнение двух платформ для систематических обзоров: обе делают одно и то же, но одна выглядит как софт из 90-х, а вторая использует привычные паттерны. Угадайте, какая лидирует на рынке. Ещё есть расчёты: каждый доллар, вложенный в UX-исследования, экономит 10 долларов на разработке и 100 на поддержке после релиза. Microsoft сократил обращения в поддержку на 50% после UX-тестирования Windows 7. Внутри: – Формула: реализованная ценность = мощность алгоритма × доступность интерфейса; – Как считать ROI от улучшения UX через экономию времени, снижение ошибок и конверсию; – Почему «наши пользователи эксперты, им не нужен простой интерфейс» это заблуждение; – Примеры хорошего UX в научном софте: Benchling, KNIME, Schrödinger; – Чеклист для оценки UX-зрелости вашего продукта. А в вашем продукте какой процент функций реально используют? ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Самый опасный миф про дизайн салона красоты звучит так:
«Главное, чтобы было красиво». Мы смотрим проекты в соцсетях, вдохновляемся картинками, сохраняем референсы. Кажется, что успех салона равен стильному интерьеру. Но есть одна проблема. Красиво не равно работает. Интерьер может выглядеть эффектно и при этом не учитывать реальные потоки клиентов, не учитывать санитарные требования, не учитывать хранение и бытовые процессы, не учитывать загрузку мастеров. В результате происходит следующее. Салон выглядит достойно. Но мастерам неудобно работать. Клиенты теряются в зонах. Администратор постоянно решает организационные мелочи. А собственник каждый день думает, как исправить то, что не было продумано заранее. И вот здесь становится понятно главное. Дизайн салона это не картинка. Это система. Если интерьер не решает бизнес-задачу, он превращается в дорогую декорацию. А декорация не приносит стабильность. Она создаёт иллюзию порядка. Я не против красоты. Я против красоты без логики. Салон может быть современным и эстетичным. Но в первую очередь он должен проходить нормы, выдерживать поток, быть удобным для команды, не создавать переделки и лишние расходы. Именно такие салоны проектируем мы. Как вы думаете, что важнее на старте вау-эффект или работающая система?
Изображение поста
🎨 Генеративный ИИ без промптинга это оркестр без нот: красиво, но каждый раз по-разному
Дизайнеры вручную подбирали референсы, выравнивали композицию, корректировали цвет, отбирали вариации. Один промпт давал десятки вариантов, но ни один не повторялся. Это ломало брендовый визуал. Майк Суворов, Technical Product Manager по AI Solutions в X5 Tech, рассказал, как превратили генеративный ИИ из источника хаоса в стабильный конвейер. Зафиксировали стиль, задали структуру, выстроили управление вариациями. Скорость выросла почти вдвое, команды отказались от фотостоков, а 40-45% визуального контента «Пятёрочки» и «Чижика» теперь создаётся с участием ИИ. Внутри: — Промпт как инструкция: токены, триггеры для стиля, формат результата, негативные инструкции; — ControlNet работает со структурой, извлекаете карту глубины, контуры, скелетную позу; — LoRA это тонкая настройка, обучили модель воспроизводить иконки «металлик» из брендбука; — Style Transfer переносит стиль с референса: цвета, фактуру, детализацию; — Gemini Nano Banana воспринимает промпт как конструктор, меняете части промпта, получаете новые изображения; — Мультимодальные модели как диалог с виртуальным дизайнером: вы арт-директор, задаёте направление, корректируете, пробуете варианты. Раньше 3D-дизайнер настраивал материалы и освещение вручную. Теперь несколько нейросетей делают это в одном темплейте за минуты. Главное преимущество: получаете не четыре случайных картинки, а четыре варианта в одном стиле с разными сюжетами. А вы используете ИИ для генерации визуала? Или пока смотрите со стороны? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🤖 Команды добавляют чат сбоку и кнопку «Сгенерировать» и думают, что это AI-UX
Проблема в том, что старые интерфейсы не рассчитаны на то, что система будет действовать между шагами: подсказывать до ввода, предлагать варианты, собирать черновики. То, что раньше было задачей человека, теперь стало связкой пользователь → система → пользователь. И UI должен это выдержать. Евгения Шамрай, дизайнер интерфейсов и руководитель дизайн-студии «Проект», работает с B2B-системами, где AI помогает искать, группировать, подсвечивать отклонения. Собрала 8 практических UI-паттернов для AI-функций с примерами, ошибками и формулировками. Главное отличие: обычный паттерн описывает форму («есть таблица, есть фильтр»), AI-паттерн описывает поведение («что система предлагает, что делает сама, как показывает варианты»). Внутри: — Черновик это не автоматизация: система предлагает вариант, пользователь правит, финальное решение за человеком; — Chain of Thought: не «модель обработала 12 тысяч токенов», а «посмотрела 20 заказов, выделила три с опозданием, сравнила с нормативами»; — Уровень уверенности: не проценты, а «похоже», «вероятно», «с высокой вероятностью», «есть сомнения»; — Умные фильтры: система анализирует активный экран, роль, историю и предлагает «Показать заказы, где задержка больше 1 часа?»; — Пределы системы: честное «я не знаю, потому что...» работает лучше, чем придуманный ответ. Хороший AI незаметен. Он не требует обучения, не объясняет, что он AI, и не ломает привычные сценарии. Он просто убирает лишние шаги там, где они мешают работе. А вы встраивали AI в продукт? Какие паттерны использовали? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #171
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – assurestor.com – igloo.shop – goodisthenewcool.com – xaviercedric.com – shed.design ——— – wearestokt.com – walling.app – history.jailhouselawyers.org – openinghours.studio – rekordsoftware.com ——— – lodestar.ai – ajanwachuku.work – novabenefits.com – oratory.co – ja.mt ——— – joinpopp.com – seen.space – hempelfoundation.com – dgrees.studio – cofounder.co ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🏥 Врачи нарушали конфиденциальность пациентов, потому что консультации были неудобными
В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности. Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать. Внутри: — Панель информации случайно стала уникальным торговым предложением продукта; — Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px); — Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%; — 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант); — Как сделали кнопку, которая одна работает на всех уровнях интерфейса. Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Senior Communication Designer / Art Director в Яндекс Лавка
Яндекс Лавка — онлайн-магазин, который осуществляет доставку продуктов, готовой еды и бытовых товаров. Задачи: — визуал рекламных кампаний — готовить продакшен-брифы, референсы, мудборды — делать раскадровки/аниматики для видео, курировать постпродакшн и финальный результат — AI-генерации под рекламные задачи — работа с подрядчиками и оптимизация процессов Ожидания: — есть опыт в кампаниях: KV и адаптации — понимаете продакшн: брифы, постпродакшн, коммуникация с подрядчиками — сильный визуальный вкус и насмотренность — умеете ясно формулировать и аргументированно защищать решения — берёте ответственность и можете вести визуал кампании целиком — видите узкие места в процессах и предлагаете улучшения — AI-навыки — обязательны: уверенная работа с фото/видео генерациями — опыт работы с брендингом/айдентикой Условия: — возможен удаленный формат работы Как откликнуться: — присылайте портфолио и CV с пометкой «Коммуникационный дизайнер» на почту: anwar@yandex-team.ru #дизайн
Изображение поста
🔔 Вы рисовали колокольчик, а вам говорят, что это нос
Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась. Александр Никитин, UX/UI-дизайнер в Экзон, создал набор из 250 иконок и написал про весь процесс. Главный тезис: начинать нужно с конца. Сначала сформулировать, какая библиотека нужна в итоге, потом рисовать. От этого зависит всё: нейминг, структура, формат, насколько легко масштабировать и поддерживать. Парадокс работает: когда знаешь финальную картину, не наломаешь дров. Внутри: — Хинтинг и пиксельная сетка: почему иконка размывается, если поставить не в край пикселя; — Сохраняйте базы: векторные объекты до их преобразования, чтобы потом не переделывать с нуля; — JTBD для иконок: когда делаю макет, хочу быстро вставить нужную иконку, чтобы не отвлекаться на правки; — Все иконки одинаково важны: не делите на главные и второстепенные; — Иконки не должны быть красивыми, а должны работать: не отвлекать, а дополнять интерфейс. Статья с конкретными горячими клавишами Фигма, примерами структуры, проверками на дубли и ошибки. Если делаете библиотеку иконок, почитайте до создания, а не после переделок. А вы когда-нибудь создавали иконку, которую никто не понял? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🌐 Не Behance единым! Ловите подборку сайтов, где можно вдохновиться работами коллег, найти референс или идею для своего концепта, собрать мудборд для заказчика.
🔶 Httpster — примеры сайтов и интерфейсов, где можно найти нестандартные решения для UX и UI 🔶 CSS Design Awards — проекты, отмеченные премией как самые красивые и оригинальные 🔶 Brutalist Websites, если нужен брутализм 🔶 Dribbble — сообщество графических дизайнеров, веб-дизайнеров, иллюстраторов и 3D-визуализаторов 🔶 Minimal Gallery — библиотека сайтов в минималистическом стиле 🔶 One page love — подборка одностраничных сайтов и шаблонов 🔶 Lapa Ninja — тысячи примеров сайтов, а также бесплатные ресурсы для работы 🔶 HUDS+GUIS — здесь можно изучать интерактивный дизайн 🔶 FWA (Favourite Website Awards) — площадка премии, которая отмечает классные работы в области цифрового дизайна и инноваций в дизайне 🔶 Dark Mode Design — царство тёмного режима 🔶 Site see — галерея сайтов с удобной фильтрацией контента по цвету и направлению [Фабрика Дизайна]
Изображение поста
🍕 Арт-директор Додо за 2 часа и $100 сделал анимацию печенья, которую 3D-шник оценил бы в 500 тысяч рублей
Команда Dodo Brands рассказала, как использует AI в реальной работе. Гаврил Перов, арт-директор Дринкит, сидя в кофейне собрал в GPT и Kling визуал печенья с предсказанием для экрана "После заказа". Этой печенькой пользовались 6 месяцев, скриншотили около 1000 раз. Вика Зеликова натренировала ChatGPT на десятках примеров релиз-ноутсов, теперь пишет их в 3 раза быстрее. Ваня Уваров за 2 недели переписал интерфейс админки для комбо-наборов через Lovable и ChatGPT, потратил $75 на токены. Никита Белкин автоматизировал перенос цветов из Figma в код через Claude Sonnet 4 и Gemini 2.5 Pro в Cursor. Внутри: – Печенье с предсказанием: GPT + Kling, 2 часа работы, $100 на токены, альтернатива 300-500к у 3D-шника; – Видео в карточке товара: Higgsfield.ai по готовым шаблонам, референсы для фотолаборатории и тесты для прода; – Пицца-гороскоп на хакатоне: ChatGPT написал промпты для Midjourney, 6 карточек под 6 знаков зодиака, анимация через Higgsfield.ai; – Релиз-ноутсы: обучила ChatGPT на десятках примеров, зафиксировала правила стиля, экономия времени в 3 раза; – Автоматизация цветов: Token Studio выгружает JSON из Figma в GitHub, Cursor конвертирует в XML для Android и xassets для iOS, GitHub Actions создаёт Pull Request; – Тексты в ToV бренда: скормила редполитику, ToV, глоссарий, исследование аудитории, теперь ChatGPT генерирует идеи и подходящие фразы; – Deep Research: ChatGPT 5 Thinking анализирует бенчмарки, конкурентов, находит кейс-стади, даёт дельную обратную связь; – Интерфейс админки: рисунки от руки в блокноте, ChatGPT оцифровал, Lovable сверстал, Ant Design подключили, реальные данные из JSON, 2 недели от задачи до решения. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #170
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – house.paisana.studio – dfly.app – superfriendly.com – 45r.jp/ja/45denim-karuta – cursor.com ——— – huts.com – maze.co/podcast – experiencethebestyou.com – loopreturns.com – gencup.art ——— – dreamrecorder.ai – mcalpinehouse.com – dinehq.com – murmure.me – smooothy.federic.ooo ——— – luminaireauthentik.com – 18.burocratik.com – sequoiacap.com – toptier.relats.com – clou.ch ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Моя бабушка стала дизайнить лучше меня…
Когда я спросил, в чём секрет, — она нехотя поделилась папкой, которая мощно сэкономила время. — Вместо бесконечного скролла Behance — она просто заходит в канал с референсами. — Вместо изучения лекций по работе мозга — смотрит краткие выжимки в ТГ и прокачивает мышление. — Вместо покупки курса — перед сном скроллит новые посты из каналов. Я, конечно, ей не поверил — но потом сам добавил папку, где собраны лучшие дизайн-каналы. Через месяц пришёл оффер с кругленькой суммой… Делюсь теперь с вами! → Забрать папку к себе Реклама. ИП Мальков Евгений Васильевич ИНН 310803024395 erid: 2Vtzqufy8nF
Моя бабушка стала дизайнить лучше меня…
Когда я спросил, в чём секрет, — она нехотя поделилась папкой, которая мощно сэкономила время. — Вместо бесконечного скролла Behance — она просто заходит в канал с референсами. — Вместо изучения лекций по работе мозга — смотрит краткие выжимки в ТГ и прокачивает мышление. — Вместо покупки курса — перед сном скроллит новые посты из каналов. Я, конечно, ей не поверил — но потом сам добавил папку, где собраны лучшие дизайн-каналы. Через месяц пришёл оффер с кругленькой суммой… Делюсь теперь с вами! → Забрать папку к себе Реклама. ИП Мальков Евгений Васильевич ИНН 310803024395 erid: 2Vtzqufy8nF