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

🛒 Фильтры в интернет магазине могут поднять конверсию. А могут привести к «Ничего не найдено» после пяти кликов Выбираешь товар, начинаешь сужать выдачу, ставишь пару галочек и внезапно получаешь пустой экран. В этот момент проблема обычно не в пользователе, а в логике фильтров. Плохая фильтрация не помогает выбрать, а ломает выбор. Саша из 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 и поиск работают не вместо друг друга, а в связке. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

🧩 В Фигме появился способ сделать компоненты гибче и не плодить сотни вариантов Дизайн-система обычно начинает ломаться не тогда, когда она маленькая, а когда команда начинает обходить ее сама. Где-то отцепили инстанс, где-то сделали еще 12 вариантов карточки, где-то собрали отдельный модал только потому, что в базовом компоненте не хватило свободы. В Фигме для этого запустили слоты. По сути это способ оставить структуру компонента стабильной, но менять содержимое внутри без detatch. Зои Адельман и Сара Келли показывают, что лучше всего это работает на меню, модалках, карточках, панелях и даже крупных layout-компонентах. Для дизайн-систем это меньше вариантов и поддержки, для дизайнеров больше свободы внутри системы. Внутри: – С каких компонентов лучше начинать внедрение слотов, чтобы эффект был заметен сразу; – Когда слот должен быть пустым, а когда лучше сразу давать дефолтный контент; – Как preferred instances помогают не превратить свободу в хаос; – Почему слоты полезны не только для мелких элементов, но и для целых layout-блоков; – Как слоты сокращают количество вариантов и уменьшают поддержку библиотеки; – Почему связка со структурой кода делает handoff понятнее; – Как слоты помогают не detatch-компоненты там, где раньше без этого не обходилось; – Почему для автоматизации и AI это тоже важный шаг, потому что структура становится явной. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

🧩 Делегирование не работает, если вы скинули задачу и пошли дальше У многих руководителей делегирование на практике выглядит так: «сделай вот это», потом неделя тишины, потом разочарование и переделки своими руками. Проблема обычно не в сотруднике, а в том, что сама передача задачи собрана криво: не тот человек, не тот уровень свободы, не те контрольные точки. В этом материале хорошо разложен базовый алгоритм делегирования без магии. Сначала понять задачу самому, потом решить, стоит ли вообще ее отдавать, выбрать исполнителя по уровню, поставить задачу нормально и заранее договориться, где вы сверяетесь по пути. Плюс важная мысль: делегировать нужно не только задачу, но и ответственность, иначе человек просто механически исполняет поручение и не растет. Внутри: – Зачем делегирование нужно не только для разгрузки, но и для роста бизнеса; – Почему без права на ошибки команда не становится сильнее; – Как держать прозрачность процесса и не скатываться в микроменеджмент; – Какие задачи стоит делегировать по правилу 6T; – Почему руководитель должен сначала сам разобраться в задаче; – Как ставить задачу по SMART, чтобы не получить ерунду на выходе; – Зачем заранее договариваться о контрольных точках; – Как по разному делегировать одну и ту же цель джуну, мидлу и синьору. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

⭐️Что ждут от дизайнера в 2026 Если сейчас открыть вакансии, картина в целом понятная. Фигма уже давно база, насмотренность тоже. А вот дальше почти везде начинают мелькать Курсор, Клод, Мижорня и другие AI инструменты. То есть AI навыки из «будет плюсом» довольно быстро перешли в категорию «ну это уже надо уметь». Но проблема даже не в этом. Названия инструментов знают уже почти все. А вот нормально встроить их в рабочий процесс умеют пока немногие. Обычно как бывает. Нагенерил интерфейс, на первый взгляд вроде ок. А потом смотришь внимательнее: компоненты не из твоей библиотеки, токены кривые, стили живут своей жизнью и половину все равно приходится пересобирать руками. В итоге времени потратил много, токены сжег, а профита не так уж и много. 🗓 7 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведет бесплатный эфир как раз про это. Покажет не абстрактные советы, а нормальный процесс на реальной задаче. Возьмет кейс от крупной красной корпорации из РФ: сложный интерфейс, сайдбар с вложенными сервисами, два типа пользователей и своя дизайн система. В общем, та самая история, на которую обычно уходит несколько дней только на макеты, а потом еще ждешь, пока все это закодят. 🔥Что покажет? На эфире соберет это за час через Antigravity с Claude Code внутри. Покажет, как перенести дизайн систему так, чтобы AI сам подтягивал правильные компоненты, и как быстро собрать прототип, который уже можно тестировать. Плюс отдельно покажет, как вкатиться в такой агентский воркфлоу без лишних затрат. Если давно хотели понять, как AI реально использовать в продуктовой работе, а не просто гонять красивые картинки, выглядит полезно и актуально на текущий год точно) Эфир будет у ребят в канале, вэлком 🔠Смотреть эфир 🔠Смотреть эфир 🔠Смотреть эфир