Я протестировала встроенного агента Figma AI на 19 задачах. Среди них были переименование сотни вариантов, перепривязка цветов к токенам и пересборка таблицы из колонок в строки. Со всеми задачами агент в итоге справился, но не всегда с первой итерации. Под катом делюсь типами задач, с которыми у агента всё сработало, а также результатами, затраченным временем и приемами, которые помогают договориться с агентом.
Привет, Хабр. Меня зовут Роман, я работаю в группе проектирования пользовательских интерфейсов для B2B-решений «Лаборатории Касперского». В какой-то момент мы столкнулись с определенным хаосом в хранении и доступности материалов. Дизайнер всегда помнит, где лежат его макеты. Аналитику, разработчику и тестировщику приходится искать их в комментариях к задачам, в чатах и в тяжелых релизных файлах, где нужной страницы может просто не оказаться.
Чтобы решить эту проблему, мы перестроили дизайн-документацию продукта в Pixso: мастер-макет повторяет мейн, у каждой задачи свой файл, а на релизе все раскладывается по местам одним действием. Я хочу поделиться нашим опытом и рассказать, как это устроено, где схема пока проседает, а также поделиться чек-листом для тех, кто захочет повторить наш вариант у себя.
«Карта Теосакоалько» (Mapa de Teozacoalco), созданная в рамках географического обследования Relaciones geográficas (1580). Предоставлено коллекцией рукописей Хоакина Гарсии Икасбальсеты, Латиноамериканская коллекция Бенсона, Центр латиноамериканских исследований и коллекций LLILAS Benson, Техасский университет в Остине.
Даже с самой высокой точки города, колокольни церкви Сан‑Педро‑Теосакоалько, невозможно было увидеть что‑либо дальше нескольких километров в любом направлении. Две крупные горные системы, протянувшиеся вдоль побережий Мексики, сходятся в этом регионе, на территории современного мексиканского штата Оахака, образуя «геологическое нагромождение» поросших деревьями вершин и заросших кустарником долин, среди которых лишь изредка встречаются головокружительные обрывы.
По испанскому летоисчислению шёл 1580 год. Но народ ньудсауи (миштеки) существовал и хорошо ориентировался в этой местности уже на протяжении тысячелетий. Горные хребты, отделявшие главный город Теосакоалько от 13 подчинённых ему небольших поселений, были знакомы ньудсауи как собственные пять пальцев. Даже растущее число испанских колониальных чиновников и других подданных короны, селившихся в этом районе, имело хотя бы общее представление о местной географии. И хотя изучить эту местность можно было на собственном опыте, увидеть её целиком и сразу не представлялось возможным. Не могли этого сделать ни те, кто поднимался на вершину колокольни, ни тем более такие люди, как испанский король Филипп II, который за всю свою жизнь так ни разу и не ступил на североамериканский континент. Именно поэтому король, а точнее, его королевский космограф Хуан Лопес де Веласко, запросил карту.
У нас уже было более 30 готовых дашбордов для строительного снабжения. Они позволяли подробно разбирать заявки, оплаты, поставки и работу сотрудников. Но при внедрении мы слышали от части пользователей: сложно разобраться, некогда настраивать фильтры, проще спросить коллег. Некоторые прямо спрашивали, можно ли открыть аналитику с телефона.
Сначала мы рассматривали упрощённые десктопные дашборды, но столкнулись с вопросом: что считать лишним, если финансисту, снабженцу и руководителю проекта нужны разные данные?
В итоге мы начали разрабатывать мобильную аналитику. Сначала сделали прототип, почти полностью сохранивший логику десктопной версии, а затем стали пересматривать способы группировки данных, фильтрации и детализации. Я работала над обеими версиями и расскажу, какие решения оказались важнее простого сокращения числа графиков.
Изначально я хотел помочь своему бывшему коллеге с дизайном его звонилки. Но в процессе существенно изменился функционал приложения, и в итоге получилось просто рассуждение на тему удобной звонилки для Андроида. Оригинал статьи опубликован у меня в портфолио, и там есть видео (если смотреть с компа).
Я хотел, чтобы приложение выглядело нативно и не выбивалось среди приложений от Гугла, поэтому использовал стандартные для Андроида компоненты Material Design: кнопки, поля ввода и прочее. Цветовая тема в Android настраивается и может зависеть от цвета обоев на главном экране.
Я продуктовый исследователь в EdTech и работаю с четырьмя продуктовыми командами. У каждой свои фокусы, приоритеты и, что особенно увлекательно, разная аудитория.
В какой-то момент мозг начинает напоминать браузер с пятьюдесятью вкладками. Где-то играет музыка, но ты не помнишь г/де и судорожно кликаешь по всем подряд.
Чтобы не терять контекст, не скатываться в поверхностные выводы и не выгорать, я выработала несколько правил. Это мой способ договариваться о нагрузке — он не претендует на универсальную формулу.
С GPT Image 2.6 кадр можно ждать на треть меньше и платить за него столько же, сколько в GPT 2.5. Так вышло в сравнении GPT Image 2.6 vs 2.5 на 14 задачах: промпты и надписи русские, время я засекал на каждом кадре. Но вычитка всё равно нужна: в таблице элементов новая версия написала «Матний» вместо «Магний». Покажу, где GPT 2.6 выигрывает, где разницы почти нет и какие ошибки остаются у обеих версий.
OpenAI обещает, что GPT 2.6 генерирует на 50% быстрее. 14 задач - это 16 кадров, потому что талисман идёт в 3 хода. У GPT 2.6 они заняли примерно 10 минут, у GPT 2.5 примерно 15, время упало на треть. Если 50% - это вдвое меньше ожидания, то обещание не сбылось. Если же 50% - это в 1,5 раза больше кадров за то же время, то сбылось: 15 минут против 10.
Microsoft добавила чекбокс «Никогда не включать залипания клавиш с помощью этого сочетания клавиш» (Never turn on Sticky Keys with this shortcut) в диалоговое окно «Залипание клавиш» (Sticky Keys) Windows 11, которое появляется при пятикратном нажатии Shift. Аналогичная опция появилась в «Фильтре клавиш» (Filter Keys).
Системы ИИ уже прижились во многих сферах, в том числе и в продуктовом дизайне — они помогают специалистам создавать прототипы и тестировать идеи. А еще снижают барьеры для обучения, из-за чего границы между профессиями дизайнера, продакт-менеджера, аналитика и разработчика становятся менее четкими.
Вместе с нашим главой команды продуктового дизайна Димой Кучевым разбираемся, «отменит» ли ИИ живых специалистов, как избежать ошибок, проектируя интерфейс на пару с нейросетью, и почему главные инструменты продуктового дизайнера — это не инструменты.
Увеличила текст. Теперь не могу прочитать кнопку
Представьте: вам неудобно читать мелкие надписи, поэтому вы увеличили размер текста в настройках телефона. Открываете запись к врачу — буквы стали крупнее, но дата обрезалась, а от названия кнопки осталась половина.
Настройка, которая должна была помочь, обнаружила другую проблему: интерфейс рассчитан только на один размер текста.
Для такого экрана мало увеличить шрифт. Если высота карточки осталась прежней, дополнительной строке некуда поместиться. Если все часы приёма должны стоять в один ряд, крупные подписи начинают теснить друг друга.
У меня есть волоконный лазерный станок. Я начала делать брелоки с гравировкой и хотела проверить, какие рисунки люди будут выбирать. На одной и той же металлической пластине можно выгравировать десятки сюжетов. На экране многие выглядят удачно, но понять, за какой покупатель действительно заплатит, можно только после запуска.
Чтобы проверять такие идеи партиями, я сделала для себя приложение «Конвейер». Оно берёт готовый рисунок, помогает вписать его в изделие, сохраняет файлы для LightBurn, собирает изображения товарной карточки и передаёт их на Ozon.
В итоге я разместила около ста карточек. В органическом поиске выделились волк и кит. Некоторые другие дизайны покупали редко, зато иногда сразу по несколько штук. Так у одного эксперимента появилось два результата: темы, которые выделились в поиске, и рисунки, которые интересно оценивать по количеству изделий в заказе.
Я точно записана к врачу?
Представьте: завтра вам к терапевту. Вы открыли приложение, чтобы проверить, ждут ли вас в поликлинике и к какому часу приходить. На каком из двух экранов вы быстрее найдёте ответ?
Видеохостинг YouTube развернул новый интерфейс приложения для Android и iOS, в котором вкладка «Подписки» пропала из нижнего меню спустя почти 10 после появления. Теперь эта вкладка располагается в верхней части интерфейса, а для доступа к ней нужно смахнуть влево на главном экране приложения. Нововведение понравилось не всем пользователям, пишет Android Authority.
Раньше предложения изменений для основной дизайн-системы могли месяцами оставаться в ветках Figma — иногда вплоть до года. В макетах эти изменения уже были, но до кода и публикации в Storybook так и не доходили..
Когда нам понадобились общие компоненты для ИИ-интерфейсов, мы решили организовать для них свой процесс и сами отвечать за результат: от исследования и проектирования до реализации, проверки и исправлений. Рутинную работу делегируем агентам, а фронтендерам передаем на ревью уже подготовленные изменения в коде.
Расскажу, как мы устроили свою библиотеку ИИ-компонентов и что пришлось освоить по пути. Этот опыт может пригодиться дизайнерам и командам, которые хотят участвовать в полном цикле создания общих компонентов и готовы взять на себя их проверку и дальнейшее развитие.
Тёмная тема – это не просто модный тренд, а необходимость для металлургического производства. В этой статье мы расскажем о нашем опыте проработки тёмной темы для MES-системы, внедрённой на Череповецком металлургическом комбинате. Вы узнаете, почему мы вообще за неё взялись, что оказалось сложнее всего в процессе, и какие принципы проектирования мы сформулировали.
Привет, Хабр!
На связи Андрей, продуктовый дизайнер Garage Eight.
В октябре было что обсудить: новые айдентики, шрифт, редизайн Photos, ИИ-агенты и несколько заметных продуктовых релизов. Остальные находки месяца — ниже.
1. Новая визуальная айдентика Apple Music
2. Zohran for New York
3. Логотип и бренд «Лужников»
4. Новый открытый шрифт Medeo
5. Редизайн Photos для Windows 11
6. Dots — ИИ-агенты
7. Fizzy Kanban
8. MacBook Pro PROLED XDR
Перед нами стоял тот самый шкаф, который годами никто не разбирал. Вроде все нужное, но найти что-то стоящее уже отдельный квест. Мы пересобрали все: структуру, контент и дизайн, а после запуска получили +59% заявок, +37% к повторным визитам и +19% к общему трафику.
Рассказываем, как нам это удалось, почему обычный редизайн превратился в большую перестройку, и почему мы не могли поступить иначе. А в конце поделимся полезными советами от команды маркетинга для тех, кто затевает такую суету.
Самая частая причина отказов плат с повышенным напряжением не медь, не пайка и не компоненты. Это диэлектрик, который пробило там, где никто не ждал. Причём плата при этом может выглядеть абсолютно нормально: никаких следов перегрева, никаких вздутий. Просто в один момент цепь перестает держать напряжение, и устройство уходит в отказ. А когда начинаешь разбираться, выясняется, что толщина изоляции в проблемной зоне была меньше, чем нужно, или препрег в этом месте пропитался неравномерно.
Именно поэтому я считаю, что напряжение пробоя диэлектрика — это параметр, который заслуживает не меньшего внимания, чем толщина меди или класс точности. И если в вашем устройстве есть цепи с повышенным напряжением — силовые преобразователи, источники питания, гальваническая развязка, промышленная автоматика эта статья для вас.
Недавно ко мне пришел начинающий дизайнер с неожиданным вопросом: стоит ли учить WordPress для создания сайтов с нуля? Поначалу я уходила от темы, предлагая посмотреть на что-то посвежее, типа Tilda или Webflow. Сравнивала с ситуацией в 2014, когда альтернатив собрать сайт без знания кода было немного.
Но потом решилась. И сказала то, в чем сама себе боялась признаться: «Есть нешуточная вероятность, что нашей профессии скоро не будет».
Почему тогда курсы до сих пор обещают легкий вход в индустрию, удаленную работу из любой точки мира, а лиды бигтехов зарабатывают на консультациях — и к ним идут?
А потому что, по моим наблюдениям, индустрия раскололась на два лагеря. Они живут в параллельных вселенных, в одной из которых новички идут за советом к старшим, уверенным в своей незаменимости. Во второй — те, кто без знаний базы веб-дизайна идут и вайбкодят сайты, блистая эффектом Даннинга-Крюгера, за что получают по шапке от «старичков».
Покупая билет в первую, новичок вынужден перейти во вторую, потому что работодатели все чаще требуют владеть нейросетями. А параллельно дизайнеры-сеньоры кошмарят в комментариях работы, сделанные через ИИ: «Невозможно без опыта сгенерировать сайт, решающий задачи бизнеса».
Совсем недавно я тоже считала, что вот с моим-то огромным опытом бояться нечего. Ага)
Каждый день мы пользуемся операционными системами и приложениями. Когда появляется новая функция, часто интуитивно догадываемся, как ею управлять. Это происходит потому, что интерфейс предсказуем. Предсказуемость зависит от консистентности. В дизайне на неё влияет визуальная составляющая с гайдлайнами.