Dodo и дизайн-система. Часть 4 и 5
Никита, дизайнер из команды, которая строит дизайн-системы, продолжает тему доступности и показывает, как автоматически подстраивать макеты под увеличение шрифтов. Эта фича позволяет пользователям растягивать текст на 150-300% для комфорта, и она работает как на iPhone, так и на Android. Он выбрал максимум в 300% для тестов, чтобы интерфейс не ломался даже при сильном увеличении.
Доступность учитывает разные ситуации: когда одна рука занята кофе, после травмы или при постоянных проблемах со зрением. Вместо жёстких размеров Никита советует использовать гибкие макеты, которые сами адаптируются, и добавлять минимальные ограничения для элементов.
Внутри:
– Почему доступность решает проблемы от временных травм до постоянных ограничений зрения;
– Что такое масштабирование шрифтов и как оно меняет не только текст, но и иконки или прокрутку;
– Как создать специальный режим в Figma для теста на 300% увеличения;
– Шаги: умножить базовые размеры на три и применить к типографике;
– Почему не стоит растягивать все элементы, а лучше полагаться на гибкие блоки;
– Как добавить варианты компонентов для разных сценариев без лишней работы.
И в догонку прикрепил сразу 5 часть: она про документацию ДС. Очень жирно! Никите лайкос за такую пользу.
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Никита, дизайнер из команды, которая строит дизайн-системы, продолжает тему доступности и показывает, как автоматически подстраивать макеты под увеличение шрифтов. Эта фича позволяет пользователям растягивать текст на 150-300% для комфорта, и она работает как на iPhone, так и на Android. Он выбрал максимум в 300% для тестов, чтобы интерфейс не ломался даже при сильном увеличении.
Доступность учитывает разные ситуации: когда одна рука занята кофе, после травмы или при постоянных проблемах со зрением. Вместо жёстких размеров Никита советует использовать гибкие макеты, которые сами адаптируются, и добавлять минимальные ограничения для элементов.
Внутри:
– Почему доступность решает проблемы от временных травм до постоянных ограничений зрения;
– Что такое масштабирование шрифтов и как оно меняет не только текст, но и иконки или прокрутку;
– Как создать специальный режим в Figma для теста на 300% увеличения;
– Шаги: умножить базовые размеры на три и применить к типографике;
– Почему не стоит растягивать все элементы, а лучше полагаться на гибкие блоки;
– Как добавить варианты компонентов для разных сценариев без лишней работы.
И в догонку прикрепил сразу 5 часть: она про документацию ДС. Очень жирно! Никите лайкос за такую пользу.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤28🔥13👍1🤯1
Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями.
В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово».
Внутри:
– Почему важно визуализировать карту проблем в Miro или FigJam;
– Какие метрики запрашивать у аналитиков для валидации гипотез;
– Зачем платить респондентам $60-100 за интервью;
– Как формулировать Problem Statement через паттерн потребности;
– Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую;
– Какие 30 из 80 болей email-пользователей закрыли в MVP.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🔥3👍2
Милан Балач во второй части статьи о 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) используются для разного контента.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12👍3🔥2
Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть.
В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды.
Внутри:
– Два типа запросов и как их различать;
– Как понять, баг это или неправильное использование;
– Система приоритетов P0, P1 и P2;
– Три пути решения проблемы;
– Практики команды для быстрой обработки запросов.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥3👍2
Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания.
Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе.
В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение.
Внутри:
– Почему человек может обработать только 5 элементов одновременно;
– Как скелетные UI заменяют спиннеры и снижают тревожность;
– Зачем показывать «Данные на 10:42» при сбоях подключения;
– Почему спарклайны эффективнее полноценных графиков;
– Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию;
– Какие ARIA-регионы помогают озвучивать изменения для скринридеров.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤8🔥6👍3
Middle+ коммуникационный дизайнер в Точка Банк
📍 От 190 000 ₽. Удалёнка или работа в офисе в 20 городах по стране
Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса.
Ищут коммуникационного дизайнера в команду HR-бренда. Занимаемся развитием бренда работодателя как за пределами команды, так и внутри.
🖥 Что делать:
— Создавать комплексный дизайн для внешних коммуникаций: разрабатывать и адаптировать key visual под цифровые носители.
— Делать понятные и аккуратные лендинги на Tilda.
— Готовить офлайн-материалы к печати — всё, что поможет узнавать бренд Точка Банка в офлайн-среде.
— Придумывать и внедрять новые дизайн-решения, которые делают бренд живым, цельным и современным.
— Развивать гайды и шаблоны, чтобы команда могла быстрее и проще работать в едином стиле.
⚡️ Ты подойдёшь, если:
— Есть опыт работы на этой позиции от 2 лет и релевантные проекты в портфолио.
— Понимаешь, как создавать концепции для коммуникаций и лендингов, можешь аргументировать свои решения.
— Свободно владеешь Tilda: можешь сверстать нестандартную страницу и написать код, чтобы поправить стили.
— Уверенно работаешь в Figma и Adobe.
— Понимаешь принципы работы с полиграфией: знаешь основы препресса, материалы, печатные технологии и их особенности.
➡️ Откликнуться
Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса.
Ищут коммуникационного дизайнера в команду HR-бренда. Занимаемся развитием бренда работодателя как за пределами команды, так и внутри.
— Создавать комплексный дизайн для внешних коммуникаций: разрабатывать и адаптировать key visual под цифровые носители.
— Делать понятные и аккуратные лендинги на Tilda.
— Готовить офлайн-материалы к печати — всё, что поможет узнавать бренд Точка Банка в офлайн-среде.
— Придумывать и внедрять новые дизайн-решения, которые делают бренд живым, цельным и современным.
— Развивать гайды и шаблоны, чтобы команда могла быстрее и проще работать в едином стиле.
— Есть опыт работы на этой позиции от 2 лет и релевантные проекты в портфолио.
— Понимаешь, как создавать концепции для коммуникаций и лендингов, можешь аргументировать свои решения.
— Свободно владеешь Tilda: можешь сверстать нестандартную страницу и написать код, чтобы поправить стили.
— Уверенно работаешь в Figma и Adobe.
— Понимаешь принципы работы с полиграфией: знаешь основы препресса, материалы, печатные технологии и их особенности.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13😢3👍2🔥2😁1
Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя.
Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя.
Внутри:
– Почему кнопка «Купить» в баннере лендинга не работает без контекста;
– Как метод «снежного кома» помогает найти реальных пользователей;
– Зачем фиксировать драйверы и барьеры на каждом этапе CJM;
– Почему wireframe делают монохромным для фокуса на структуре;
– Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок;
– Как эффект баннерной слепоты влияет на расстановку акцентов.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍3🔥2
Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов.
Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным.
Внутри:
– Замеры одежды прямо в карточке вместо таблиц размеров;
– Виртуальные примерки на 3D-аватаре или похожей фигуре;
– AR-функции для проверки мебели и техники в интерьере;
– Умные резюме и поиск по отзывам;
– Сравнение цен от разных продавцов в один клик.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
VK Team
Наткнулся на сайт команды VK и залип. Решил поделиться. Во-первых, кайфовый дизайн, во-вторых знаю много людей оттуда (даже лидов), кто работает в норм продуктах и кайфует.
🔥 Почему там круто
Продуктами пользуются 100+ миллионов человек. Это data-driven платформы, рекламные технологии, LLM и AI, рекомендательные системы, видео, облака, инфобез. В общем, почти всё, что есть в IT. И твою работу реально видят миллионы людей каждый день.
📊 Цифры
14 направлений, 50+ сервисов, 220+ проектов. Команда 13 000+ человек. Есть где развернуться и попробовать разное.
💎 Города
Офисы в 7 городах: Москва, Питер, Казань, Екатеринбург, Новосибирск, Нижний Новгород и Минск. Можно работать не в столице, что для многих важно. У меня вот Екб в списке, что радует)
👀 Кого ищут
Разработка, аналитика, продукт, маркетинг, безопасность. Дизайн тоже есть, для тех кто читает этот канал. Дизайнерских вакансий, кстати, не мало для разных продуктов и грейдов.
➡️ Посмотреть VK Team
➡️ Посмотреть VK Team
➡️ Посмотреть VK Team
Наткнулся на сайт команды VK и залип. Решил поделиться. Во-первых, кайфовый дизайн, во-вторых знаю много людей оттуда (даже лидов), кто работает в норм продуктах и кайфует.
Продуктами пользуются 100+ миллионов человек. Это data-driven платформы, рекламные технологии, LLM и AI, рекомендательные системы, видео, облака, инфобез. В общем, почти всё, что есть в IT. И твою работу реально видят миллионы людей каждый день.
14 направлений, 50+ сервисов, 220+ проектов. Команда 13 000+ человек. Есть где развернуться и попробовать разное.
Офисы в 7 городах: Москва, Питер, Казань, Екатеринбург, Новосибирск, Нижний Новгород и Минск. Можно работать не в столице, что для многих важно. У меня вот Екб в списке, что радует)
Разработка, аналитика, продукт, маркетинг, безопасность. Дизайн тоже есть, для тех кто читает этот канал. Дизайнерских вакансий, кстати, не мало для разных продуктов и грейдов.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🤔26🔥8❤5😁4😢4👍1
🔔 Inspiration #162
Подборка лендингов и сайтов для вдохновения на предстоящую неделю🔥
– 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
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– 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
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥6❤4👍2
Как я пилю свой продукт. Часть 22
Я продолжаю пилить Hirehi и последнюю неделю после релиза конструктора резюме я каждый день пишу 10-15 пользователям и общаюсь с ними. Это помогло найти десяток недочетов и мелких ошибок, которые я уже исправил. Теперь конструктор сиви работает почти идеально.
Также я немного улучшил генерацию сопроводительных писем, теперь они должны получаться более человечными.
И в этой части хочется просто сказать спасибо всем, кто мне пишет фидбек, кто пользуется продуктом и кто его советует. Я за последние 2 недели получил столько приятных слов, сколько не получал за последние полгода
🔥 И я достиг важных для себя отметок: 10.000 пользователей на платформе и 100к+ выручки с платной версии
Это мелочи, но очень важные для меня. В апреле, когда я только начинал, это было лишь в мечтах и дай бог, чтобы на сайт вообще заходили. А на него заходят и трафик только растёт от месяца к месяцу.
Также я пробил 1 млн просмотров моего сайта, 45к MAU в ноябре, и 3k DAU иногда) Это вообще очень круто и я в шоке, что такие цифры я вижу. Я на них не рассчитывал) Но спасибо всем ещё раз!
Если вы вдруг тут первый раз и не знаете о чем я пишу, то можете почитать 22 части развития моего продукта, где я открыто пишу о том, как улучшается и продвигается Hirehi.
Ценю каждого пользователя и всегда открыт к любому фидбеку в личке! Обнял!❤️
И по традиции, приходите на сайт, пользуйтесь, пишите фидбек и рекомендуйте друзьям и знакомым! Скоро я буду пилить кабинет рекрутера и потихоньку привлекать их на сервис и развивать эту часть тоже, чтобы откликаться можно было прямо внутри!
➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии
ч.21 | ч.23
Я продолжаю пилить Hirehi и последнюю неделю после релиза конструктора резюме я каждый день пишу 10-15 пользователям и общаюсь с ними. Это помогло найти десяток недочетов и мелких ошибок, которые я уже исправил. Теперь конструктор сиви работает почти идеально.
Также я немного улучшил генерацию сопроводительных писем, теперь они должны получаться более человечными.
И в этой части хочется просто сказать спасибо всем, кто мне пишет фидбек, кто пользуется продуктом и кто его советует. Я за последние 2 недели получил столько приятных слов, сколько не получал за последние полгода
Это мелочи, но очень важные для меня. В апреле, когда я только начинал, это было лишь в мечтах и дай бог, чтобы на сайт вообще заходили. А на него заходят и трафик только растёт от месяца к месяцу.
Также я пробил 1 млн просмотров моего сайта, 45к MAU в ноябре, и 3k DAU иногда) Это вообще очень круто и я в шоке, что такие цифры я вижу. Я на них не рассчитывал) Но спасибо всем ещё раз!
Если вы вдруг тут первый раз и не знаете о чем я пишу, то можете почитать 22 части развития моего продукта, где я открыто пишу о том, как улучшается и продвигается Hirehi.
Ценю каждого пользователя и всегда открыт к любому фидбеку в личке! Обнял!
И по традиции, приходите на сайт, пользуйтесь, пишите фидбек и рекомендуйте друзьям и знакомым! Скоро я буду пилить кабинет рекрутера и потихоньку привлекать их на сервис и развивать эту часть тоже, чтобы откликаться можно было прямо внутри!
ч.21 | ч.23
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤46🔥25
🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК
Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио.
Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций.
Внутри:
– Почему производственная площадка в Липецке — это город в городе;
– Как MES-система помогла понять специфику промышленного дизайна;
– Зачем НЛМК развернул собственный AI-чат для сотрудников;
– Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация;
– Почему «красивый» интерфейс не работает в тяжёлой металлургии;
– Как стажёр освоил Jobs To Be Done и продуктовый подход.
➡️ Читать статью
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио.
Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций.
Внутри:
– Почему производственная площадка в Липецке — это город в городе;
– Как MES-система помогла понять специфику промышленного дизайна;
– Зачем НЛМК развернул собственный AI-чат для сотрудников;
– Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация;
– Почему «красивый» интерфейс не работает в тяжёлой металлургии;
– Как стажёр освоил Jobs To Be Done и продуктовый подход.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤8🔥3👍1
Джон Озбей критикует падение качества 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.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13🔥8😢4👍1😁1
Сегодня каждый день можно услышать что-то про нейросети. Каждый день появляются десятки новых, улучшаются текущие и кажется, что весь мир ушёл далеко вперёд, а вы упускаете возможность
Я сам пилю hirehi исключительно силами ИИ. Весь дизайн, фронт, бэк и прочее собирается нейросеткой, от чего я до сих пор в шоке, а они еще и улучшаются каждый день. Поэтому стараюсь всегда быть в контексте того, что происходит на рынке, а происходит что-то ежедневно
Но вот что заметил. Большинство контента про ИИ делают для новичков. А что делать тем, кто уже работает мидлом и хочет понять, как это применять в реальных задачах, а не просто «сгенерить картинку»?
Ребята из Яндекс Практикума PRO делают бесплатный вебинар как раз про это. Без воды, с живыми кейсами от практиков.
Тем, кто уже работает в IT и диджитале и хочет понять, как нейросети реально помогают в работе. И тем, кто переживает, что ИИ отнимет работу и хочет превратить его в помощника
– Разберут, как продюсерам работать с контентом и брендом через ИИ;
– Покажут, как дизайнерам ускорять работу с референсами и сохранять свой стиль; - Расскажут, как менеджерам использовать ИИ для анализа фидбека и приоритизации задач;
И в конце поговорят, какие профессии трансформируются быстрее всего и что с этим делать.
– Андрей Рассказов, креативный продюсер в Яндексе;
– Пётр Москалёв, дизайн лид в ГК Самолёт;
– Анастасия Тмур, менеджер проектов в Яндекс Образовании.
Ребята из практики, не теоретики
16 декабря, 18:00 мск. Онлайн и бесплатно.
Если чувствуете, что упускаете что-то с этими нейросетями и хотите понять, как их применять в своей работе, а не просто читать про них в новостях, приходите послушать 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥3🤯3
Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные 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 самостоятельно тестировать интерфейс в браузере;
– Почему больший контекст часто приводит к менее точным результатам.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥4😁2👍1
Что такое «хорошо поставленная задача» для дизайнера?
Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств.
Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO.
Зацепило несколько мыслей.
🔘 Про идеи
Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает.
🔘 Про задачи
Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте.
🔘 Про душу проекта
«Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера.
В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите👍
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств.
Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO.
Зацепило несколько мыслей.
Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает.
Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте.
«Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера.
В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤22🔥5👍4
Студия Crauch вместе с командой SNP переделала платформу для багхантеров. Раньше там был только поиск по нику, непонятная система баллов и программы без денежного вознаграждения, которые никому не были интересны. Нужно было вернуть азарт и сделать рейтинг честным.
Команда изучала не только конкурентов, но и геймерские интерфейсы: HLTV, Dota 2, FIFA. Оттуда взяли идеи визуализации прогресса и динамики. В итоге получился баланс между серьёзностью для бизнеса и соревновательностью для хакеров.
Внутри:
– Профиль хакера как портфолио с графиками роста;
– Ачивки от вендоров для программ без бюджета;
– Огненная рамка для тех, кто резко поднялся в рейтинге;
– Сравнение хакеров как корзина в маркетплейсе;
– Математическая модель с усыханием баллов за неактивность.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤5🤯5👍1🔥1
Дизайн-система 👌
Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме.
🔥 Почему это круто
Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета.
Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом)😍
➡️ Посмотреть ДС Т2
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме.
Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета.
Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом)
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥27❤7👍2🤔1🤯1😢1
🔔 Inspiration #163
Подборка лендингов и сайтов для вдохновения на предстоящую неделю🔥
– 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
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– 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
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍2🔥1
Знаете это чувство, когда ты 5 раз подряд выбираешь светофоры, а тебе пишут «попробуйте ещё раз»? Я недавно минут 10 пытался войти в один сервис и просто закрыл вкладку.
Элеонор Хекс из Designerly Magazine разобрала, почему CAPTCHA не работает. Исследование 2024 года показало, что боты решают reCAPTCHA с точностью до 100%. Люди справляются хуже и медленнее. А для пользователей с нарушениями зрения, слуха или моторики эти тесты часто становятся непроходимой стеной.
Внутри:
– Почему CAPTCHA стала сложнее, но не эффективнее;
– Какие типы тестов недоступны для людей с инвалидностью;
– Альтернативы вроде Cloudflare Turnstile и magic-ссылок;
– Как тестировать аутентификацию на доступность.
Какую самую дибильную капчу встречали?)
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤11🔥2👍1