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

Говоришь Алисе «Включи свет в спальне» и зависаешь на пару секунд. Услышала? Поняла? Делает? Эта пауза неопределённости бесит, и я долго не понимал почему. Оказывается, дело в том, как устроен наш мозг. Рома Гигола разобрал эффект Макгурка — феномен, когда мозг объединяет звук и картинку в единое восприятие. Если показать видео с артикуляцией «га», а озвучить «ба», человек услышит «да». Мозг сам синтезирует третий вариант. Исследования показывают: интерфейс с голосом и визуалом ускоряет задачи в 3.5 раза и снижает ошибки на 36%. Внутри: – Как работает эффект Макгурка и почему он важен для UX; – Почему визуальная обратная связь снижает когнитивную нагрузку; – Примеры от Алисы, Салюта, Маруси и Google Assistant; – Шесть принципов дизайна голосовых интерфейсов с экраном. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – mews.fm – super.work – elvinhu.com – 23bis.ch – homerun.today ——— – oguzyagiz.com – oflyn.fr – swift.org – slack.com – aiuc.com ——— – fincent.com – frankchimero.com – adamho.com – payfit.com/fr – jordan-delcros.com ——— – rogierdeboeve.com/about – granola.so – ed.studio – yolantabirkhane.com – truekindskincare.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме. 🔥 Почему это круто Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета. Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом) 😍 ➡️ Посмотреть ДС Т2 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Студия Crauch вместе с командой SNP переделала платформу для багхантеров. Раньше там был только поиск по нику, непонятная система баллов и программы без денежного вознаграждения, которые никому не были интересны. Нужно было вернуть азарт и сделать рейтинг честным. Команда изучала не только конкурентов, но и геймерские интерфейсы: HLTV, Dota 2, FIFA. Оттуда взяли идеи визуализации прогресса и динамики. В итоге получился баланс между серьёзностью для бизнеса и соревновательностью для хакеров. Внутри: – Профиль хакера как портфолио с графиками роста; – Ачивки от вендоров для программ без бюджета; – Огненная рамка для тех, кто резко поднялся в рейтинге; – Сравнение хакеров как корзина в маркетплейсе; – Математическая модель с усыханием баллов за неактивность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств. Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO. Зацепило несколько мыслей. 🔘 Про идеи Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает. 🔘 Про задачи Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте. 🔘 Про душу проекта «Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера. В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите 👍 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее. Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок. В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом. Внутри: – Почему прямое подключение к моделям эффективнее работы через IDE; – Как субагенты работают в изолированных контекстных окнах для экономии токенов; – Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled); – Какие 10 специализированных агентов автоматизируют проверки дизайна; – Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере; – Почему больший контекст часто приводит к менее точным результатам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Сегодня каждый день можно услышать что-то про нейросети. Каждый день появляются десятки новых, улучшаются текущие и кажется, что весь мир ушёл далеко вперёд, а вы упускаете возможность Я сам пилю hirehi исключительно силами ИИ. Весь дизайн, фронт, бэк и прочее собирается нейросеткой, от чего я до сих пор в шоке, а они еще и улучшаются каждый день. Поэтому стараюсь всегда быть в контексте того, что происходит на рынке, а происходит что-то ежедневно Но вот что заметил. Большинство контента про ИИ делают для новичков. А что делать тем, кто уже работает мидлом и хочет понять, как это применять в реальных задачах, а не просто «сгенерить картинку»? Ребята из Яндекс Практикума PRO делают бесплатный вебинар как раз про это. Без воды, с живыми кейсами от практиков. ⚡️ Кому идти Тем, кто уже работает в IT и диджитале и хочет понять, как нейросети реально помогают в работе. И тем, кто переживает, что ИИ отнимет работу и хочет превратить его в помощника ✨ 👀 Что будет – Разберут, как продюсерам работать с контентом и брендом через ИИ; – Покажут, как дизайнерам ускорять работу с референсами и сохранять свой стиль; - Расскажут, как менеджерам использовать ИИ для анализа фидбека и приоритизации задач; И в конце поговорят, какие профессии трансформируются быстрее всего и что с этим делать. 🎙 Спикеры – Андрей Рассказов, креативный продюсер в Яндексе; – Пётр Москалёв, дизайн лид в ГК Самолёт; – Анастасия Тмур, менеджер проектов в Яндекс Образовании. Ребята из практики, не теоретики 📍 Когда 16 декабря, 18:00 мск. Онлайн и бесплатно. Если чувствуете, что упускаете что-то с этими нейросетями и хотите понять, как их применять в своей работе, а не просто читать про них в новостях, приходите послушать 🙂 ➡️ Зарегистрироваться

Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован. iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле. Внутри: – Почему панель поиска в Finder теперь практически невидима; – Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе; – Почему эффект liquid glass на iPad не исчезает при наведении мыши; – Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым; – Почему переключение вкладок теперь требует двух касаний вместо одного; – Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио. Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций. Внутри: – Почему производственная площадка в Липецке — это город в городе; – Как MES-система помогла понять специфику промышленного дизайна; – Зачем НЛМК развернул собственный AI-чат для сотрудников; – Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация; – Почему «красивый» интерфейс не работает в тяжёлой металлургии; – Как стажёр освоил Jobs To Be Done и продуктовый подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я продолжаю пилить Hirehi и последнюю неделю после релиза конструктора резюме я каждый день пишу 10-15 пользователям и общаюсь с ними. Это помогло найти десяток недочетов и мелких ошибок, которые я уже исправил. Теперь конструктор сиви работает почти идеально. Также я немного улучшил генерацию сопроводительных писем, теперь они должны получаться более человечными. И в этой части хочется просто сказать спасибо всем, кто мне пишет фидбек, кто пользуется продуктом и кто его советует. Я за последние 2 недели получил столько приятных слов, сколько не получал за последние полгода 🔥 И я достиг важных для себя отметок: 10.000 пользователей на платформе и 100к+ выручки с платной версии Это мелочи, но очень важные для меня. В апреле, когда я только начинал, это было лишь в мечтах и дай бог, чтобы на сайт вообще заходили. А на него заходят и трафик только растёт от месяца к месяцу. Также я пробил 1 млн просмотров моего сайта, 45к MAU в ноябре, и 3k DAU иногда) Это вообще очень круто и я в шоке, что такие цифры я вижу. Я на них не рассчитывал) Но спасибо всем ещё раз! Если вы вдруг тут первый раз и не знаете о чем я пишу, то можете почитать 22 части развития моего продукта, где я открыто пишу о том, как улучшается и продвигается Hirehi. Ценю каждого пользователя и всегда открыт к любому фидбеку в личке! Обнял! ❤️ И по традиции, приходите на сайт, пользуйтесь, пишите фидбек и рекомендуйте друзьям и знакомым! Скоро я буду пилить кабинет рекрутера и потихоньку привлекать их на сервис и развивать эту часть тоже, чтобы откликаться можно было прямо внутри! ➡️ Смотреть вакансии ➡️ Смотреть вакансии ➡️ Смотреть вакансии ч.21

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pithafrica.com – dbco.online – heyo.is – mixpanel.com – wand.app ——— – azionepr.com – leoleo.studio/en-gb – blueyard.com – entreautre.com/en – recent.design ——— – dribbble.com – afnizarnur.com – kons.fyi – allo.restaurant – tryprofound.com/zeroclick ——— – 7shifts.com – icggallery.irisceramicagroup.com/en – caffe.design – bekventures.com – parallel.ai ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Наткнулся на сайт команды VK и залип. Решил поделиться. Во-первых, кайфовый дизайн, во-вторых знаю много людей оттуда (даже лидов), кто работает в норм продуктах и кайфует. 🔥 Почему там круто Продуктами пользуются 100+ миллионов человек. Это data-driven платформы, рекламные технологии, LLM и AI, рекомендательные системы, видео, облака, инфобез. В общем, почти всё, что есть в IT. И твою работу реально видят миллионы людей каждый день. 📊 Цифры 14 направлений, 50+ сервисов, 220+ проектов. Команда 13 000+ человек. Есть где развернуться и попробовать разное. 💎 Города Офисы в 7 городах: Москва, Питер, Казань, Екатеринбург, Новосибирск, Нижний Новгород и Минск. Можно работать не в столице, что для многих важно. У меня вот Екб в списке, что радует) 👀 Кого ищут Разработка, аналитика, продукт, маркетинг, безопасность. Дизайн тоже есть, для тех кто читает этот канал. Дизайнерских вакансий, кстати, не мало для разных продуктов и грейдов. ➡️ Посмотреть VK Team ➡️ Посмотреть VK Team ➡️ Посмотреть VK Team

Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов. Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным. Внутри: – Замеры одежды прямо в карточке вместо таблиц размеров; – Виртуальные примерки на 3D-аватаре или похожей фигуре; – AR-функции для проверки мебели и техники в интерьере; – Умные резюме и поиск по отзывам; – Сравнение цен от разных продавцов в один клик. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя. Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя. Внутри: – Почему кнопка «Купить» в баннере лендинга не работает без контекста; – Как метод «снежного кома» помогает найти реальных пользователей; – Зачем фиксировать драйверы и барьеры на каждом этапе CJM; – Почему wireframe делают монохромным для фокуса на структуре; – Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок; – Как эффект баннерной слепоты влияет на расстановку акцентов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

📍 От 190 000 ₽. Удалёнка или работа в офисе в 20 городах по стране Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса. Ищут коммуникационного дизайнера в команду HR-бренда. Занимаемся развитием бренда работодателя как за пределами команды, так и внутри. 🖥 Что делать: — Создавать комплексный дизайн для внешних коммуникаций: разрабатывать и адаптировать key visual под цифровые носители. — Делать понятные и аккуратные лендинги на Tilda. — Готовить офлайн-материалы к печати — всё, что поможет узнавать бренд Точка Банка в офлайн-среде. — Придумывать и внедрять новые дизайн-решения, которые делают бренд живым, цельным и современным. — Развивать гайды и шаблоны, чтобы команда могла быстрее и проще работать в едином стиле. ⚡️ Ты подойдёшь, если: — Есть опыт работы на этой позиции от 2 лет и релевантные проекты в портфолио. — Понимаешь, как создавать концепции для коммуникаций и лендингов, можешь аргументировать свои решения. — Свободно владеешь Tilda: можешь сверстать нестандартную страницу и написать код, чтобы поправить стили. — Уверенно работаешь в Figma и Adobe. — Понимаешь принципы работы с полиграфией: знаешь основы препресса, материалы, печатные технологии и их особенности. ➡️ Откликнуться

Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания. Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе. В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение. Внутри: – Почему человек может обработать только 5 элементов одновременно; – Как скелетные UI заменяют спиннеры и снижают тревожность; – Зачем показывать «Данные на 10:42» при сбоях подключения; – Почему спарклайны эффективнее полноценных графиков; – Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию; – Какие ARIA-регионы помогают озвучивать изменения для скринридеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями. В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово». Внутри: – Почему важно визуализировать карту проблем в Miro или FigJam; – Какие метрики запрашивать у аналитиков для валидации гипотез; – Зачем платить респондентам $60-100 за интервью; – Как формулировать Problem Statement через паттерн потребности; – Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую; – Какие 30 из 80 болей email-пользователей закрыли в MVP. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы