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

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

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
42 поста
Посты
🔔 Inspiration #178
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – duna.com – oscarpecher.com – artpill.studio – freshman.tv – allfeat.org ——— – daylit.com – humansand.ai – occupied.unadsgn.tw – brutask.com – custo.io ——— – tame.ooo – dwarf.dk – valka.ai – bot.co – todesktop.com ——— – jointrellishealth.com – reevo.ai – mammothbrands.com – gigaml.com – messenger.abeto.co ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Если Фигма и дальше продолжит с такими вялыми обновлениями (а инвесторы не оч рады, там акции упали в нулину почти после их IPO), то скоро им придёт конец)
А на пятки уже наступают вот такие ребята типа Wonder, которые делают инструмент для дизайнеров и это чувствуется от видоса. Что будет по факту посмотрим, но если они грамотно запустятся и фичи будут реально те, что все просят годами от фигмы, то это может полететь Можно записаться в early access: https://wonder.so/ Что думаете, есть шансы у них?) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
✈️ В Ozon Travel дизайн это не про красоту. Это про то, чтобы человек не ошибся перед вылетом
У тревел-сервисов другая цена ошибки. Если в маркетплейсе можно пережить лишний баннер или неидеальный сценарий, то в поездках любая мелочь бьет по тревожности: не тот билет, забытый гейт, непонятная страховка, лишний шаг перед оплатой. Поэтому команда Ozon Travel меряет удобство не абстрактно, а через повторные покупки, доверие и то, насколько сервис ведет себя как надежный тревел-агент, а не просто витрина. Из разговора с Артемом Дичковым и Катей Громовой хорошо видно, что Ozon Travel собирают как отдельный продукт со своим характером внутри большой экосистемы. С одной стороны, у них есть трафик, технологии и знакомые паттерны большого Ozon. С другой, тревел требует своей логики: короткая воронка, меньше отвлекающих факторов, больше поддержки и микрофич, которые реально снижают стресс. Отсюда и отдельное приложение, и работа над брендом, и постоянная попытка найти баланс между скоростью, выгодой и заботой. Внутри: – Почему в тревеле удобство нельзя оценивать так же, как в маркетплейсе; – Как команда балансирует между выгодой для пользователя и снижением тревожности; – Почему проверка данных на последнем шаге здесь важнее, чем лишняя скорость; – Зачем Ozon Travel сделали отдельное приложение, если уже есть супер-ап; – Как команда сокращает путь до покупки билета буквально до нескольких кликов; – Почему уведомления о поездке воспринимаются эмоционально сильнее, чем уведомления о доставке; – Как дизайн в команде влияет не только на интерфейсы, но и на продуктовые решения; – Почему внутри Ozon Travel так много разговоров про ответственность, вовлеченность и культуру офиса. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💻 Собеседование это не экзамен. И облажаться чаще всего можно не на ответах, а на поведении
Перед интервью легко впасть в режим отличника: перечитать сайт компании, заучить ответы и придумать, как понравиться эйчару с первых секунд. Проблема в том, что на собеседовании оценивают не только опыт. Смотрят, как вы думаете, как держитесь в разговоре, умеете ли спокойно отвечать на неудобные вопросы и вообще насколько с вами будет комфортно работать каждый день. В этом и главный нерв статьи. Хорошее интервью редко выигрывают за счет «идеальных формулировок». Гораздо важнее базовые вещи: нормальная подготовка за час до звонка, понятный рассказ о себе, спокойствие в сложных вопросах, уважительный тон и умение не превращать разговор в исповедь или стендап. Плюс полезно помнить, что после собеседования работа не заканчивается: фоллоу-ап и таблица откликов тоже сильно влияют на результат. Внутри: – Почему на собеседовании оценивают не только опыт, но и то, как с вами работать; – Что проверить за час до онлайн-интервью, чтобы не сгореть на технике; – Как коротко и внятно представить себя в начале разговора; – Как отвечать на вопросы про слабые стороны, прошлую работу и деньги; – Почему пауза перед ответом выглядит сильнее, чем спешка; – Как не провалиться на языке тела, тоне и мелких неловкостях; – Что лучше вообще не говорить на интервью, даже в шутку; – Зачем после собеседования писать короткое спасибо и вести таблицу откликов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧱 Первые 40 часов в UX/UI, это не про экраны. Это про то, чтобы не закопаться в хаосе позже
Когда в проекте нет нормального ТЗ, а требования собираются по ходу, первые часы легко сливаются в созвоны, переписки и бесконечные уточнения. Лена Плинер показывает более взрослый подход: сначала собрать вводные в систему, разобрать логику продукта, роли, сущности и только потом идти в экраны. Круто работает сама рамка про первые 40 часов. Она хорошо объясняет клиенту, за что он платит в T&M, а команде дает понятную точку опоры. Не «мы пока думаем», а конкретный набор артефактов, после которого уже можно точнее оценивать объем, приоритеты и следующие этапы. Внутри: – Что именно можно успеть за первые 40 часов без полноценного ТЗ; – Как собрать разрозненные вводные в одну рабочую систему в FigJam; – Какие артефакты помогают снять хаос еще до проектирования экранов; – Как разбирать роли, сущности, сценарии и внешние процессы; – Когда достаточно карты экранов, а когда уже нужен user flow; – Как фиксировать неизвестные и не блокировать проект из за пробелов в данных; – Почему детальная отчетность в T&M снижает тревогу клиента; – Как первый блок часов помогает точнее считать бюджет и меньше переделывать потом. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💚 Duolingo обновили основные вкладки и подняли вовлеченность без просадки учебных метрик
По отдельности вкладки работали нормально, но вместе интерфейс разваливался на детали: разные заголовки, слабая иерархия текста, неровные отступы. Критичной ошибки нет, но ощущение цельного продукта теряется именно так. Лиа Ли и Локеш Фулфагар показали, как команда перешла от разрозненных экранов к единой системе. Сначала сделали короткий спринт с четырьмя крайними направлениями, потом собрали рабочий баланс между целостностью и задачей конкретной вкладки. Результат уже вышел на iOS, Android в процессе. Внутри: – Какие четыре направления тестировали на старте: Punchy, Soft, Modular, Flat; – Почему единый стиль без функции может ухудшать восприятие; – Как они балансировали простоту интерфейса и ясность сценария; – Как собрали систему заголовков по уровням важности вкладок; – Как пересобрали типографику в минимальный, но управляемый набор стилей; – Почему убрали лишние контейнеры и сделали ставку на осознанные отступы; – Как внедрили совместный QA с разработкой и проверку через дизайн-оверлеи; – Какие продуктовые результаты получили после релиза на iOS. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #177
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – rox.com – fantasy.co – apple.com/apple-watch-se-3 – horizonte-village.com – eertmoed.studio ——— – garri.design – 109ichiki.com – shopify.com/editions/winter2026 – drinkmockly.com – stefanvitasovic.dev ——— – mitchivin.com – markoneill.studio – humbleteam.com – rachelchen.tech – solk.com ——— – brand.ledger.com – ballet-de-marseille.com/en – norrlandstra.com – datocms.com – ped.ro ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Вот почему я ненавижу корпы с их подчинениями людям, которые продавливают вот такие решения и у тебя 0 шансов это не рисовать.
То есть, такое уходит в прод только из-за пары человек свыше. Даже если все против. В итоге дизайнер просто руки, которые делают то, что ему скажут. Я б уволился сразу, но такое бы не рисовал никогда) Как вам? Это редизайн, если что)) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как я пилю свой продукт. Часть 29
Начнем с главного: на сайте появились вакансии для маркетинга! Если у вас есть знакомые маркетологи, кто ищет работу — вэлком он борд ❤️ Чуть-чуть пришлось с этим посидеть, ибо завязано много сущностей на появление новой категории (сиви, сопроводы, профиль, проверки разные, мэтч, поиск, блок, зарплаты, рекрутер и так далее) В прошлой части я переехал на Render, но после публикации поста мне написали, что они тоже странные типы и бывают приколы. В итоге я решил в жопу всех и теперь живу на Timeweb и о боже, почему я не сделал этого с самого начала хз. Цены топ, поддержка топ (5 минут ответ в телеге или в саппорт центре), ничего не зависает, все оч шустро и быстро. В общем, я очень рад) Также, мой продукт запускался на Product Radar и взял продукт недели. Спасибо всем, кто поддержал) Это дало мне небольшой буст, трафик и некоторые сообщения в личку даже на инвестиции (но пока не нужно, думаю). Кстати, если не проголосовали ещё, буду очень благодарен) Есть шанс взять продукт месяца. Регаетесь, и потом внизу проекта кнопка Проголосовать) Провёл дополнительную работу по SEO, немного улучшил индескирование и моменты, которые надо поправить ещё давно. Также я немного поправил менеджер откликов. Теперь если вы добавили вакансию в отклики, на странице вакансии это будет видно сразу, оттуда же можно редактировать. Пошаманил чуть с главной и страницей вакансии, теперь они должны грузиться немного быстрее (хотя казалось бы куда ещё быстрее). И на страницу вакансии добавил плашку под блоком откилка про мошенников. Чтобы всегда была на виду и вы не попадались в их лапы. Если такие вакансии встречаете — можно жаловаться на странице и не стесняться. Также я начал делать AI собеседование. Сейчас пока в процессе, тестирую и отлаживаю. Но прикольно, что можно болтать на русском с нейронкой, она задает вопросы, слушает контекст и получается интересный собес, где можно не бояться, что вам откажут) Когда релиз не знаю, пока делаю) Ещё мне тут шепнули, что рынок Узбекистана и Казахстана в начала своем в Айти и все ищут сейчас на ХХ. Их это бесит и уже десяток людей написали мне, чтобы про меня узнали там. Я пока не знаю, как это сделать, но если у вас есть идеи или какие-то мысли — дайте знать. Также я пробил рекорд по MRR за все время. Побиты рекорды по вычислению мэтчей, сопроводов, проверки резюме и всех других функций за последние недели. Спасибо всем, кто пользуется сервисом! Ближайшая моя цель выйти на 10k DAU. Я постепенно приближаюсь, но надо быстрее)) Приходите, пользуйтесь, пишите фидбек. Я всегда на связи и слушаю каждого) 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.28
🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🦋 Почему ИИ-помощник не понимает ваш UI Kit и как это починить
С AI в разработке почти у всех сначала один и тот же опыт: просишь собрать что-то простое, получаешь результат за пять минут и думаешь, что дальше будет только лучше. А потом помощник начинает придумывать несуществующие компоненты, путать prop’ы, переписывать рабочий код и игнорировать паттерны проекта. В Яндекс 360 пришли к простой мысли: дело не в модели, а в том, что проект для нее остается черным ящиком. Валерий Баранов показывает, как они сделали фронтенд AI-ready. Сначала дали ассистенту базовый контекст через AGENTS.md, чтобы он понимал структуру репозитория, команды и ограничения. Потом добавили MCP для внутренней документации UI Kit и связали Figma с кодом через Code Connect, чтобы модель понимала не только дизайн, но и реальные компоненты, токены и нейминг в коде. Внутри: – Почему почти у всех наступает долина разочарования после первых удачных промптов; – Что именно стоит класть в AGENTS.md, а что только засоряет контекст; – Почему короткий и жестко сформулированный файл работает лучше длинной простыни; – Как MCP закрывает проблему внутренних библиотек и закрытой документации; – Почему дизайн-система должна быть понятна модели на уровне Foundation, компонентов и паттернов; – Как в Яндекс 360 разделили источник правды между Figma и кодом; – Зачем нужен Figma Code Connect, если у вас уже есть UI Kit; – Почему AI-ready проект это не магия, а нормальная инфраструктурная работа. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📩 Почему отклик на вакансию часто улетает в пустоту еще до того, как его увидит человек
Многие думают, что проблема в рынке или в том, что конкуренция слишком высокая. Часто все проще: резюме не считывается, не попадает в требования вакансии или выглядит как еще один безликий отклик из сотни таких же. И тогда вас отсекает либо робот, либо рекрутер за первые несколько секунд. В этом гайде от ребят из Кинжала хорошо разложено, что вообще можно подкрутить до нажатия кнопки «Откликнуться». Не только резюме, но и тему письма, сопроводительное, ссылки, формулировки и даже то, как вы разговариваете с системой ATS. Полезно именно тем, что материал не уходит в абстрактные советы, а показывает, где соискатели чаще всего сливают шанс на первом касании. Кстати, приходите на hirehi.ru, там всё есть для помощи) Внутри: – Почему шаблонные формулировки в резюме почти не работают; – Зачем адаптировать резюме под конкретную вакансию, а не рассылать одно и то же; – Как сопроводительное письмо может вытянуть отклик даже при неидеальном резюме; – Что важно проверить до отправки: ссылки, тему письма, название файлов, профиль на hh; – Как устроен первичный отсев через ATS и почему резюме может не дойти до человека; – Какие ошибки в оформлении ломают парсинг резюме; – Как показать мотивацию и интерес к компании без воды и клише; – Чем можно компенсировать отсутствие опыта, если вы только заходите в профессию. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🤩 Фигма открыла canvas для AI-агентов
Теперь AI-агенты могут работать прямо внутри Фигмы, а не только рядом с ней. Они умеют создавать и менять макеты в файлах, использовать компоненты, переменные и дизайн-систему команды. Главная идея в том, что AI больше не рисует абстрактный интерфейс «из головы». Если в команде есть свои правила, компоненты и инструкции, агент может опираться на них и делать макеты ближе к реальному продукту, а не к шаблонной картинке. Плюс челы добавили skills. Это markdown-инструкции, которые объясняют агенту, как именно работать: какие шаги делать, в каком порядке и по каким правилам. Пока функция бесплатна в бете, потом станет платной. Пошли по стопам агентов в общем, давно пора было такое завозить, немного отстают от рынка)) ➡️ Тут почитать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🎨 Как перестать подбирать цвета на глаз и начать работать с колористикой системно
Когда в проекте нет нормального инструментария, работа с цветом быстро скатывается в ручную подгонку: этот оттенок вроде подходит, этот чуть темнее, этот надо проверить на контраст потом. Проблема в том, что такой подход плохо масштабируется, особенно если вы собираете продуктовую палитру, темы или дизайн-систему. Таня Бублик собрала очень практичный набор сервисов для работы с колористикой. Часть помогает понять, как вообще живет цвет в разных моделях, часть полезна для сборки тоновых растяжек, проверки контрастности и работы с OKLCH. Хороший список для тех, кто хочет перейти от вкусовщины к более системной работе с цветом. Кстати, там ещё первая часть есть про основы работы с цветом, посмотрите тоже, там прям база очень полезная Внутри: – Что такое hue, chroma, lightness, saturation и brightness; – Чем полезен Hueplot, если хотите наконец понять цветовые модели; – Как Foundation помогает быстро собирать цветовые шкалы в Figma; – Зачем дизайнеру вообще смотреть в сторону OKLCH, а не только RGB и HSL; – Какие инструменты подходят для тоновой растяжки, проверки контрастности и калибровки палитры; – Чем отличаются Atmos, ColorBox, Hueton и Pallete App по задачам; – Где удобнее валидировать палитру перед переносом в дизайн-систему; – Какой набор инструментов реально помогает собирать продуктовую колористику быстрее и аккуратнее. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
↗️ Веб-дизайн с нуля
Я знаю, что в канале много ребят, кто хочет зайти в дизайн, но пока не понимает, с чего начать. Хочется в креативную профессию, желательно без кода, с понятным входом и нормальной практикой, а не просто посмотреть лекции и потом самому пытаться собрать это в систему. У Нетологии как раз стартанула программа «Веб-дизайнер» 20 марта. Она рассчитана на новичков, так что можно зайти вообще без опыта в дизайне и без знания кода. Учат Figma, Tilda, композиции, UX, адаптивам, а на расширенных программах еще дают 3D, анимацию, HTML/CSS и нейросети. 👍 Почему полезно Есть интерактивный Figma тренажер с обратной связью, проекты в портфолио на основе кейсов от МТС, Lamoda и ВсеИнструменты.ру, плюс можно собрать до 11 работ. То есть на выходе будет не только теория, но и что реально показать работодателю или клиенту. Еще нормальный плюс, что после учебы не оставляют один на один с рынком. Помогают с резюме, карьерным планом, откликами и собеседованиями, проводят эфиры с HR и поддерживают еще 12 месяцев после окончания курса. 💎 Преподаватели Тут тоже не случайные люди, а ребята из сильных продуктовых и агентских команд. Например, Олег Зильберг, дизайн-директор AGIMA. Андрей Верёвкин, Lead Designer в Газпромбанке. Сева Шапошников, Digital Growth Designer в Miro. Ярослав Трегубов, продуктовый дизайнер hh.ru. Плюс есть эксперты из Ubisoft, Mish.design, AFFINAGE, MateÇa и других компаний. В общем, учить будут те, кто сам каждый день работает с реальными продуктами и клиентскими задачами. 🎤 По формату тоже ок: все онлайн, можно совмещать с работой, занятия проходят до 2 раз в неделю после 19:00 мск. По длительности есть 3 варианта, на 6, 12 или 14 месяцев, в зависимости от того, насколько глубоко хотите зайти. И да, по промокоду NETONEW10 в марте действует дополнительная скидка 10% на эту или другую программу Если давно хотели в веб-дизайн, но все откладывали, вот вполне понятная точка входа. 🔠 Влиться в веб-дизайн 🔠 Влиться в веб-дизайн 🔠 Влиться в веб-дизайн
Изображение поста
🔔 Inspiration #176
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – moderntreasury.com – giannantoniodemalde.com – ballpark.ing – ghostty.org – permianworld.com ——— – vooma.com – quietcubes.com – groth.studio – charlesleclerc.com – substack.com ——— – everest-systems.com – digilab.co – thebluedesert.com – bruno-simon.com – newgenre.studio ——— – otter.ai – terms.world – composites.archi – vision.avatr.com – ribbit.dk ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🎥 Серёжа Мекрюков
Если вам близка тема интерфейсов, AI-продуктов и продуктового дизайна, советую посмотреть этот канальчик. У Серёжи не просто обзоры ради обзоров. Он разбирает, почему одни продукты ощущаются сильными, цельными и живыми, а другие нет. Без воды, с примерами и с нормальным фокусом на то, как это работает в реальном продукте. Лайк отдельный за то, что он смотрит не только на визуал. В разборе всегда есть продуктовая логика, UX, эмоция, упаковка и то, как решение влияет на восприятие сервиса. Поэтому это полезно не только дизайнерам, но и продактам, и вообще всем, кто делает digital-продукты. Внутри: – Разборы мобильных и web-продуктов из разных рынков; – Анализ AI-сервисов: как технологии упакованы в интерфейс, бренд и UX; – Поиск сильных решений в реальных продуктах и концептах; – Насмотренность и продуктовое мышление на конкретных примерах; – Честный взгляд на то, что работает, а что можно сделать лучше; – Фокус не только на визуале, но и на смысле, эмоции и пользе для бизнеса. Короче, Серёгу лю, он мощь и завидую всем, кто с ним работает в ДоДо. Там такое делают, что я не знаю, почему это не занимает первые места во всех существующих рейтингах. Приходите к нему ❤️ 🔠 Смотреть канал ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
♿ 40-60% интерфейса Moni требует доработки для незрячих пользователей, но большинство проблем не сложные
Незрячий разработчик разобрал доступность web3-проекта Moni. Доступность в финтех и web3 редко рассматривается как обязательная часть архитектуры. Внимание уделяется визуальной составляющей, а сценарии использования без мыши или без экрана остаются вне фокуса. Выяснил: примерно 40-60% интерфейса требует доработки с точки зрения accessibility. Большинство проблем не архитектурно сложные, это вопросы корректного использования aria-атрибутов, логичной структуры заголовков и поддержки клавиатурной навигации. Внутри: – Кнопки без описания: под полем «Check account» должна быть кнопка поиска, но есть элемент "По щелчку" без описания; – Заголовки на каждой строке: неудобно слушать текст, когда каждая строка это заголовок уровня 1 или 2; – Таблицы представлены кнопками: столбцы это кнопки, нет нормальной HTML-таблицы с table, tr, th, td; – Слияние строк без пробелов: «Ethereum$395.790.1 ETH100%+0%», «L117.62%-1.93%», «Smarts244+1»; – Курсор не попадает в модальные окна: после клика по «Manage filters» курсор не переходит к настройкам; – Поиск недоступен с клавиатуры: ввел HYPE, что-то появилось на экране, но с клавиатуры не смог поймать и перейти; – Кнопки навигации без названий: первая и последняя в постраничной навигации неподписанные, лучше «First» и «Last»; – Решения простые: использовать aria-label=«Name» у элементов, tabindex=-1 и .focus в JS для фиксации курсора, разделять блоки h2 и h3 заголовками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🤖 Команда потратила месяцы на систему автоматического тестирования сайтов. Дизайнер предложил просто показывать сайт пользователю
Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна. Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы. Внутри: — Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки; — Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время; — Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок; — В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними; — Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы. А вы работаете с AI-продуктами? Или пока смотрите, что делают другие? ➡️ Читать интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🕶 Почему интерфейс для умных очков нельзя просто взять с телефона
На телефоне у дизайнера есть экран. В очках его как будто нет. Интерфейс живет поверх реального мира, а пользователь должен физически перевести фокус примерно на метр перед собой, чтобы вообще начать его читать. Уже из за этого привычные паттерны начинают ломаться. Дэвид Аллин Риз из Google рассказал, как команда собирала Jetpack Compose Glimmer для очков с прозрачным дисплеем. Самый сильный инсайт: черный цвет здесь не черный, а прозрачность. Насыщенные цвета теряются на фоне реального мира, обычные шрифты читаются хуже, а слишком быстрая анимация просто моргает в периферии. Поэтому интерфейс пришлось пересобирать почти с нуля: темные контейнеры вместо привычных поверхностей, нейтральная палитра, новая система глубины и очень осторожная работа с движением. Внутри: – Почему интерфейс в очках воспринимается не на линзе, а примерно на расстоянии вытянутой руки; – Что меняется в дизайне, когда черный цвет становится полностью прозрачным; – Почему привычные компоненты и тени плохо работают на прозрачных дисплеях; – Как команда подбирала размер текста через угловой размер, а не пиксели; – Зачем в интерфейсе почти отказались от насыщенных цветов; – Почему уведомления появляются почти две секунды, а не мгновенно; – Как устроены глубина, перекрытия и темные контейнеры в Jetpack Compose Glimmer; – Что значит проектировать интерфейс, который должен появляться только тогда, когда он реально нужен. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста