Дизайнер, привет

Дизайнер, привет

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
40 постов
Посты
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🗡 Почему ИИ уже нельзя назвать просто инструментом
Разговор про нейросети в искусстве обычно начинается с фразы «это всего лишь новый фотошоп». Олег Пащенко спорит именно с этим. Его мысль простая: кисть, камера или Photoshop не спорят с автором, а генеративная модель спорит. Она интерпретирует запрос, принимает сотни микрорешений сама и возвращает результат, который почти никогда не совпадает с замыслом полностью. Из-за этого меняется сама роль автора. Раньше автор скорее воплощал идею. Теперь он все чаще отсекает лишнее: формулирует промпт, выбирает из вариантов, режет, удаляет, дорабатывает, оставляет одно и выбрасывает девяносто девять. То есть главная творческая функция смещается от производства к выбору и ответственности за этот выбор. Внутри: – Почему генеративную модель уже сложно считать просто послушным инструментом; – Как промпт сам по себе уже искажает и сужает исходный замысел; – Что автор на самом деле теряет, когда переводит идею в текст для модели; – Почему результат генерации может быть одновременно и беднее, и богаче исходной идеи; – Как Пащенко показывает это на примерах с Тарковским и православной иконографией; – Почему Midjourney умеет копировать настроение, но часто не понимает структуру и смысл; – Как возникает «рой» уникальных, но слабо различимых изображений; – Почему в мире генеративного визуала главным жестом автора становится не создание, а отсечение. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
#2 Canva AI 2.0
Canva выкатила Canva AI 2.0, и это, кажется, один из самых понятных сигналов для digital-дизайнеров, графических дизайнеров, SMM-дизайнеров и всех, кто каждый день делает баннеры, презентации, обложки, лендинги, ресайзы, креативы и пачки визуалов под разные форматы. Потому что Canva уже давно не просто «редактор для недизайнеров». Она постепенно становится местом, где маркетолог, предприниматель или команда могут сами закрывать большую часть визуальных задач. Теперь ещё и через ИИ: описал, что нужно, а Canva собирает презентацию, рекламный макет, пост, таблицу, страницу, кампанию или сразу несколько вариантов под разные каналы. Canva не забирает у дизайнера вкус. Она забирает у него рутину, на которой многие держались годами. И вот тут неприятный момент. Очень много digital-задач на рынке держатся не на глубокой идее, а на скорости и аккуратности. Сделать баннер, адаптировать в 5 размеров, собрать презентацию, оформить карточки, быстро накидать лендинг, привести всё к бренду. Раньше это была нормальная оплачиваемая работа руками. Теперь всё больше таких задач будет закрываться внутри команды без отдельного дизайнера. Это не значит, что digital-дизайнеры исчезнут. Но точно значит, что просто «уметь красиво собрать» станет слабым преимуществом. Потому что красиво и быстро теперь сможет сделать инструмент. А вот придумать визуальную систему, удержать стиль бренда, сделать креатив не шаблонным, собрать сильную кампанию, понять аудиторию и не скатиться в одинаковый нейровизуал - это уже другая история. Мне кажется, для digital-дизайнеров главный вывод такой: надо уходить выше по уровню задачи. Не быть человеком, который просто исполняет «сделай красиво», а становиться тем, кто понимает, почему это должно выглядеть именно так, как это будет работать в рекламе, где нужен акцент, где нужен ритм, где бренд теряется, а где визуал превращается в очередной шаблон из интернета. Canva сильно ускорит слабый и средний визуал. И его станет ещё больше. Поэтому хороший диз наоборот, будет ценнее, если умеет делать не просто аккуратно, а узнаваемо, осмысленно и с идеей. Сильнее будет выделяться тот, кто умеет придумать визуальный ход, собрать не шаблонную подачу, почувствовать бренд, сделать так, чтобы креатив не растворился в общей нейро-ленте. Потому что когда у всех появится кнопка «сделать красиво», настоящая разница будет не в кнопке, а во вкусе, насмотренности и умении принимать визуальные решения. Я, кстати, канвой никогда не пользовался, но знаю, что её любят 9 из 10 дизов. Там ещё и история создания интересная и история основательницы тоже, когда у неё была сотня отказов от фондов и прочих) В итоге они стали миллиардной компанией. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🤖 Почему ИИ-помощник каждый раз заново ломает ваш UI Kit
С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек. В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций. Внутри: – Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля; – Как из-за этого в прототипах копятся сотни мелких визуальных расхождений; – Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии; – Почему закрытый слой токенов лучше, чем «разумные» догадки модели; – Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита; – Зачем связывать AI-инструкции, токены и CI в одну систему; – Как устроена структура спецификаций: foundations, tokens, components, patterns; – Почему такой подход особенно важен для больших прототипов и длинных AI-итераций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚀 ГОД ПРОЕКТУ HireHi! Или как я пилю свой продукт, часть 30
Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #181
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – ycombinator.com – business.pinterest.com/en-in/getting-started – magicpatterns.com – itscraft.com – nobodyschild.com ——— – jackiezhang.co.za – ugly.cash – mastra.ai – getluxo.ai – abcdinamo.com ——— – cappen.com – treeo.xyz – felt.com – modal.com – invisibletech.ai ——— – llamaindex.ai – ccus.heidelbergmaterials.com/en – shupatto.com – behold.cam – every.to ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Claude Design
Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое. Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн. Первый красивый вариант почти никогда не равен хорошему продуктовому решению Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики. Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает». Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт. Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
😮 Почему дизайнеру все еще нужно разбираться в вёрстке, даже в 2026
Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
😈 Дизайн начинается не с «как сделать удобно», а с «почему человек вообще будет это делать»
Слава разбирает мотивацию не как абстрактную психологию, а как рабочий инструмент для дизайнера. Главная мысль в том, что за любым действием пользователя почти всегда стоит конкретный стимул, и если не понимать, какой именно, то легко проектировать удобные, но пустые механики. В статье он предлагает полезную рамку: белые, черные и серые стимулы. Белые держатся на смысле, росте и творчестве. Черные сильнее давят через дефицит, непредсказуемость и страх потери. Серые могут работать в обе стороны, например через владение или социальное влияние. И как раз на реальных примерах вроде Duolingo, TikTok, Steam, Minecraft, Dota и Google Docs хорошо видно, где стимул помогает продукту, а где начинает перегревать опыт. Внутри: – Почему стимулы полезнее рассматривать не как «хорошие» и «плохие», а как разные типы мотивации; – Как работают белые стимулы: смысл, рост, творчество; – Почему владение и социальное влияние могут быть и полезными, и токсичными; – Как дефицит и непредсказуемость толкают к действию, но быстро перегревают опыт; – Почему страх потери часто работает сильнее, чем обещание выгоды; – Как связки стимулов усиливают друг друга в реальных продуктах; – Чем отличается здоровая мотивация от манипулятивной; – Как через эту рамку смотреть на свой продукт и выбирать механики осознанно. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🤖 В чат ботах текст это не часть интерфейса. Текст и есть интерфейс
Таня, дизайнер диалогов в Т-Банке, разобрала, чем дизайн диалогов отличается от UX-редактуры. На старте кажется, что задачи почти одинаковые: исследования, понятные тексты, тон общения, сценарии. Но в разговорном интерфейсе все меняется, потому что интерфейсом становится сам диалог. Главная разница хорошо видна на простом примере. Фразы «Хочу оформить дебетовую карту» и «Выпустите мне карту» звучат похоже, но дают роботу разный объем информации и запускают разные сценарии. Поэтому дизайнер диалогов проектирует не только реплики, но и логику уточнений, обработку смены темы, обратную связь и движение пользователя к результату. Внутри: – Чем дизайнер диалогов отличается от UX-редактора по роли и зоне ответственности; – Почему в разговорном интерфейсе UX и UI фактически нельзя разделить; – Как формулировка клиента влияет на сценарий и количество уточняющих вопросов; – Зачем читать чаты, слушать звонки и анализировать речевое поведение; – Почему в репликах робота вопрос часто ставят в конце, особенно в голосовых сценариях; – Как давать обратную связь без визуальных элементов и не запутать клиента; – Как писать естественные реплики робота и где разговорная лексика уже неуместна; – Какие навыки нужны дополнительно: распознавание речи, синтез речи, работа со сценариями. Хороший разбор для тех, кто смотрит в сторону чат-ботов, голосовых роботов и новой специализации в дизайне. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
✨ Как не отстать в AI для дизайна и в этом разобраться
Про AI в дизайне сейчас говорят очень много. Но если честно, большая часть контента до сих пор крутится вокруг промптов и генерации картинок. А вот как встроить все это в реальный продуктовый процесс, со своей дизайн системой, компонентами и живым прототипом, про это говорят сильно реже. На демках все обычно выглядит красиво. Один запрос, и у тебя готовый экран. А когда открываешь свой продукт, начинается уже другая история: компоненты не те, переменные мимо, логика ломается, руками потом переделываешь половину. ⏱ 22 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведёт бесплатный эфир как раз про нормальный рабочий процесс. На реальном продукте покажет связку Figma MCP и Claude Code. Агент будет видеть variables и компоненты прямо из Figma, собирать экраны строго по дизайн системе, а дальше из этого же процесса соберут живой React прототип. Плюс отдельно разберут Claude Design. Что он уже умеет, где реально помогает и где пока рано ждать магии. 🥰 Какую пользу получите Поймёте, как настроить агента под свою дизайн систему, какие задачи уже можно отдавать AI, а какие лучше пока держать под контролем. И главное, увидите не просто красивую демку, а рабочий пайплайн, который можно потом применить у себя. Если хотите разобраться, как AI использовать не для твиттер демо, а в нормальном боевом процессе — рекомендую 👌 Эфир будет в закрытом канале, приходите, чтобы не пропустить 🔠 Подписаться на закрытый канал 🔠 Подписаться на закрытый канал 🔠 Подписаться на закрытый канал
🛒 Фильтры в интернет магазине могут поднять конверсию. А могут привести к «Ничего не найдено» после пяти кликов
Выбираешь товар, начинаешь сужать выдачу, ставишь пару галочек и внезапно получаешь пустой экран. В этот момент проблема обычно не в пользователе, а в логике фильтров. Плохая фильтрация не помогает выбрать, а ломает выбор. Саша из KISLOROD собрал 18 решений для фильтрации и 7 вариантов сортировки на примерах Ozon, Lamoda, Wildberries и других магазинов. Полезный разбор именно с продуктовой точки зрения: что помогает купить быстрее, а что раздражает и уводит с сайта. Плюс есть наблюдения из исследований Baymard Institute, например про выбор нескольких значений фильтра и поиск совместимых товаров. Внутри: – Какие фильтры нужны всем категориям, а какие зависят от конкретной ниши; – Почему важно давать выбрать несколько значений одного фильтра; – Как показывать примененные фильтры, сброс и количество найденных товаров; – Что делать с длинными списками параметров: обрезка, поиск, порядок по популярности; – Когда лучше фильтровать по кнопке «Применить», а не обновлять выдачу после каждого клика; – Как не доводить пользователя до пустой выдачи и потери покупки; – Какие варианты сортировки реально нужны кроме цены: рейтинг, популярность, новинки, наличие; – Когда горизонтальный фильтр лучше сайдбара, а когда только мешает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #180
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pedestal.com – zapier.com/enterprise – moblinks.fr – d2c-lifescience.com – greenbridge.co.uk ——— – rvlt-ranboo.basement.studio – aquavoice.com – manifested.com – formandfun.co – jwanderson.com ——— – yeeld.com – vinyl.beside.com – backlight.co – gumroad.com – iru.com ——— – mantis.works – davincii.com – doctronic.ai – voidzero.dev – milanote.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🤩 Дизайн-токены это не формальность для дизайн-системы, а способ не утонуть в хаосе потом
Пока в проекте живут цвета вроде #0055FF и отступы, прописанные руками, все кажется нормальным ровно до первого большого изменения. Потом начинается боль: что где используется, что можно трогать, как менять тему, почему один и тот же цвет называется тремя разными способами. В этот момент токены перестают быть «темой для системщиков» и становятся базовой гигиеной продукта. Дима очень хорошо раскладывает это через три слоя: примитивы, семантику и компонентные токены. Самое полезное здесь не теория, а логика: семантика отвечает на вопрос «зачем», компонентный слой на вопрос «где», а правильный нейминг делает систему понятной и для дизайнеров, и для разработчиков. Плюс есть нормальный блок про темную тему, deprecated-токены и версионирование, то есть не только про создание, но и про жизнь системы после запуска. Внутри: – Как устроена трехслойная архитектура токенов и зачем нужен каждый слой; – Чем семантические токены отличаются от компонентных; – Как собирать нейминг от общего к частному, чтобы не путаться потом; – Какие категории и свойства чаще всего используются в системе токенов; – Почему состояние default обычно не нужно писать явно; – Как токены помогают нормально поддерживать светлую и темную темы; – Что делать с устаревшими токенами, чтобы не ломать прод; – Почему без токенов любая масштабируемость быстро превращается в технический долг. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📊 Как понять, что редизайн реально сработал, а не просто стал другим
Редизайн часто начинается с ощущения, что сайт устарел или просто всем внутри команды не нравится. Проблема в том, что такие ощущения почти невозможно защитить перед бизнесом. AGIMA на кейсе сайта «Халвы» показывает более трезвый подход: сначала зафиксировать состояние UX, потом менять интерфейс и только после этого смотреть, стало ли пользователю действительно лучше. Для оценки они взяли SUPR-Q и замерили сайт до и после редизайна. До изменений итоговый балл был 3,82, после стал 4,91. Это рост на 28%. Сильнее всего выросли доверие к информации, комфорт при покупках и общее удобство использования. В этом и ценность кейса: он не про «посмотрите, как стало красиво», а про то, как связать редизайн с измеримым пользовательским эффектом. Внутри: – Почему визуальная привлекательность сама по себе ничего не доказывает; – Какие три ловушки чаще всего мешают честно оценивать редизайн; – Чем количественные UX-исследования отличаются от качественных; – Почему для кейса «Халвы» выбрали именно SUPR-Q; – Как правильно настраивать UX-опросы, чтобы не собрать мусорные данные; – Какие ошибки чаще всего ломают результаты опросов; – Какие показатели у «Халвы» выросли после редизайна сильнее всего; – Как понять, что изменения улучшили не только внешний вид, но и доверие, навигацию и комфорт покупки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧪 Дизайн-ревью это момент, когда фича либо становится цельной, либо рассыпается на мелочах
На макете всё почти всегда выглядит хорошо. Проблемы начинаются уже в реализации: экран открылся не той анимацией, скелетон мигнул, чекбокс нажимается только в крошечной зоне, тень обрезалась, текст поехал, в темной теме картинка стала чужой. По отдельности это мелочи. Вместе именно они создают ощущение сырого продукта. В этом гайде ребята из Т-Банка хорошо разложили, как смотреть на дизайн-ревью системно, а не просто сверять экран с макетом. Не только статичное состояние, но и весь опыт целиком: переходы, загрузка, скролл, нажатия, выходы с экрана, типографика, иконки, поведение в светлой и темной теме. Внутри: – Как проверять переход к экрану и не путать типы презентации; – На что смотреть в загрузке: лоадеры, скелетоны и смену состояний; – Почему скролл и нажатия часто ломают впечатление от готовой фичи; – Какие жесты выхода должны работать по умолчанию; – Как сравнивать реализованный экран с макетом через скриншоты в Figma; – Что проверять в отступах, размерах, скруглениях и тенях; – Какие ошибки чаще всего всплывают в цветах и темной теме; – Почему типографика и редполитика тоже часть дизайн-ревью; – Что важно проверить в иконках, графике и видео до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💻 Зачем продуктовым дизайнерам собирать прототипы в Cursor
На задачу чуть сложнее добавления кнопки легко уходит до двух недель. Не потому что команда медленная, а потому что между идеей и релизом слишком много шагов: уточнить требования, собрать первую версию, обсудить с разработкой, доработать, проверить на дизайн-систему, подготовить UX-тесты, потом еще раз все довести до финала. Элиза Буренок из Точки рассказывает, как они сократили этот путь почти вдвое. Вместо того чтобы сначала долго искать идеальное решение в Фигме, они параллельно собирают рабочие прототипы в Cursor, быстрее находят пробелы в логике, показывают идею команде, тестируют на пользователях и только потом переводят все в финальную раскадровку. На один экран у нее уходит до часа, на сценарий до дня. Внутри: – Почему на обычный дизайн-процесс легко уходит до 10 этапов и 2 недель; – Как прототип в Cursor помогает быстрее найти пробелы в задаче и корнер-кейсы; – Зачем дизайнеру готовить проект через правила, команды, токены и компоненты; – Как режим Plan помогает декомпозировать задачу перед реализацией; – Как связка Cursor и MCP Figma ускоряет сборку экранов; – Что помогает уменьшить галлюцинации модели и не потерять контроль; – Почему прототипы в Cursor удобнее для UX-тестов, чем сырые макеты; – Чем Cursor отличается от Lovable, Replit, Bolt и Figma Make по точности, стоимости и контролю. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #179
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – datum.xyz – base44.com – exoplan.io – jakubjakubik.com – unmoth.com ——— – interfacecraft.dev – netspring.io – dayjob.work/news – titangatequity.com – antigravity.google ——— – quantified.ai – lithic.com – geniestudio.app – oker.com – explore.ownprimland.com ——— – berriesandco.pl – lightfield.app – paymanai.com – elliott.mangham.dev – pandadoc.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧱 В UXART поняли, что теряют сотни тысяч не на больших ошибках, а на кривой дизайн-системе
Старая система у студии была слишком тяжелой, негибкой и годилась в основном для грубого вайрфрейминга. На ней было сложно собирать нормальные высокодетализированные прототипы, приходилось постоянно что-то править на ходу, а первое впечатление от работы могло страдать просто из-за плохого визуала и топорных компонентов. В какой то момент команда решила не латать это бесконечно, а пересобрать все с нуля. Завели токены, пошли через атомарный дизайн, начали с самых частых элементов вроде кнопок, инпутов и выпадающих списков, а потом нарастили библиотеку до рабочего инструмента, который ускоряет и проектирование, и дизайн. В итоге выиграла и студия, и клиенты: меньше ручной рутины, быстрее концепты, проще кастомизация под конкретный продукт. Внутри: – Почему старая дизайн-система тормозила работу и съедала ресурсы; – Чем дизайн-система отличается от обычного UI-kit; – Как команда собирала новую систему через токены и атомарный дизайн; – Почему начали с малого, а не пытались охватить все сразу; – Как переиспользуемые компоненты ускорили проектирование интерфейсов; – Почему скорость не превращает проекты в однотипные шаблоны; – Что получает клиент, когда у студии есть нормальная дизайн-система; – Как токены помогают адаптировать одну систему под разные продукты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🤖 Когда вопрос сложный, люди идут в AI. Когда нужен точный факт, возвращаются в поиск
Если человеку нужно быстро сориентироваться в теме, собрать варианты, учесть несколько ограничений и не открывать десять вкладок подряд, генеративный ИИ оказывается удобнее обычного поиска. Он помогает стартовать, когда непонятно даже с чего начать, суммирует отзывы, сводит варианты в таблицу и снимает часть нагрузки с памяти. Но как только цена ошибки растет, поведение меняется. Точные цены, здоровье, дорогие покупки, академические темы, важные факты, все это люди чаще перепроверяют через обычный поиск и прямые источники. Мария Росала и Джош Браун показали, что AI не заменил поиск. Он занял свою роль рядом с ним. Внутри: – Почему AI стал удобной точкой входа, когда задача еще размыта; – Как нейросети помогают, когда у пользователя сразу много ограничений; – Почему AI удобен для выжимки из отзывов и сравнения вариантов; – Как он снижает количество кликов и нагрузку на рабочую память; – Зачем люди все равно возвращаются в поиск для проверки фактов; – Почему цены, точные цифры и важные данные вызывают меньше доверия к AI; – Откуда берется проблема с цитатами, даже когда они формально есть; – В каких задачах AI и поиск работают не вместо друг друга, а в связке. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы