Дайджест продуктового дизайна – Telegram
Дайджест продуктового дизайна
59.3K subscribers
116 photos
19 videos
624 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
Придётся выложить недочитанную подборку свежих интерфейсных паттернов и практик — шибко плотный поток. Во вкладках томится ещё больше:

1. ScreenBook: Коллекция примеров отечественных мобильных приложений для Android и iOS.
 
2. Jon Daiello: Необычный креативный метод подуктовой работы — обязательно сделать самый худший концепт реализации продуктовой идеи. Это позволяет не только расшатать мышление, но и лучше понять решаемую проблему.
 
3. Pricing Pages: Коллекция примеров интерфейсов страницы цен и тарифов.
 
4. Craig Abbott: Понятие «лучшие практики» на деле бывает сложно характеризовать — насколько такие дизайн-решения актуальны на текущий момент.
 
5. Анализ дизайна тонны японских сайтов. Почему они такие и чем отличаются от других стран.
 
6. Linear: Гайдлайны для интерфейсов ИИ-агентов.
 
7. Более гибкий подход к рекомендациям по улучшениям accessibility в продукте. Он не обязывает внедрить конкретные правки, а напоминает чего важно добиться.
 
8. A11Y Collective: Как учитывать accessibility при использовании видео на сайте.
 
9. Milan Balać: История ТВ — как менялись пульты дистанционного управления и базовые интерфейсные решения.
 
10. Natasha Tenggoro: Как делала прототипы работы с видео в Figma Buzz с помощью их же ИИ-инструмента Make.
 
11. Редактор HTML для мобильных. Как его проектировали и что из этого получилось.
 
12. MeasuringU: Новое сравнительное исследование американских сайтов по уходу за животными. Как пользователи оценивают их по метрикам UX-Lite, SUPR-Q и NPS.
 
#patterns
🔥16👍3🤯1
Дайджест продуктового дизайна за август 2025. Супер-эксперты-исполнители, дизайн-системы, пользовательские исследования, цифровые двойники и векторные персонажи, страницы тарифов, алгоритмический дизайн, accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
Дизайнерс
ВКонтакте
RSS
9
Седьмой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018.
18🔥6👍4
Ещё немного свежих интерфейсных паттернов и лучших практик:
 
1. UX Ray 2.0: Baymard обновили свой инструмент автоматического анализа интерфейса сайта. Теперь он не только выдаёт рекомендации по улучшению, но и делает ранжированный по приоритетам план улучшений. И поможет сравниться с другими сайтами.
 
2. Milan Balać: Интерфейсные паттерны современных телевизоров. Как устроена навигация, представление информации и ввод информации на них.
 
3. Linear: Как они держат баланс анимации в интерфейсе. Так, чтобы она добавляла характера, но не отвлекала.
 
4. NN/g: Лучшие практики для интерфейсов мобильных приложений, которые управляют умными устройствами. Во второй статье разбирают процесс их настройки через приложение.

5. Markswebb: Хорошие интерфейсные паттерны, которые помогают покупателю сделать более правильный выбор. А значит — снизить возвраты, ведь ошибки при выборе являются одной из их главных причин.
 
6. Adobe Illustrator: Как команда раобтала над дизайном интерфейса быстрого пера.
 
7. Karan Rawal: Делится своим опытом дизайна интерфейсов информационных панелей, показывающих информацию в реальном времени.
 
#patterns
11👍4
Вот что нового собралось о пользовательских исследованиях и понимании пользователя:
 
1. Dovetail: Большое обновление ИИ-функций в базе знаний и инсайтов. Появились ИИ-агенты для автоматизированных операций вроде рассылки свежих инсайтов, а также генерация спецификаций и отчётов. Можно задавать сегменты пользователей, делать прототипы с помощью инструмента Alloy. Есть новые интеграции для импорта данных и привязки инсайтов к задачам в системах планирования. Интересно, как они описывают полный цикл работы над продуктом, в который Dovetail включён на основных этапах.
 
2. User Interviews: Новое ежегодное исследование о состоянии профессии пользовательского исследователя в 2025 году.

3. Mareike Grund, Ingo Totzke и Arnd Engeln: Попробовали изучить эмоцию от смены авто. Они сделали концепт приложения и замерили его разные варианты с точки зрения эмоциональной реакции.
 
4. NN/g: Как добавить в анкету для отбора респондентов вопросы для отбраковки неподходящих кандидатов.
 
5. Claire Lauer, Danielle Storey и Romit Soley: Сравнили описание персонажей на основе изучения одних и тех же пользователей силами экспертов и ИИ. Последний, ожидаемо, выдумывал, гиперболизировал и терял фокус. Хотя помог найти доп.информацию о тех респондентах, что сами забывали какие-то детали. Они назвали комбинированный подход «векторные персонажи».
 
6. Jim Lewis и Jeff Sauro: Особенности стандартизированного опросника SUPR-Qm для оценки интерфейсов мобильных приложений и сайтов.
 
7. Rajasi Desai: Метод визуальной карточной сортировки. Она помогает сгруппировать элементы интерфейсы не просто абстрактным списком, а в виде wireframe с местами-заглушками.
 
8. Adobe: Как устроены разборы проведённых экспериментов в команде growth.
 
9. Microsoft: Метод проектирования интерфейсов через повторяющиеся циклы, а не просто пути из точки А в точку Б.
 
10. Victor Yocco: Как можно исследовать доверие пользователей к ИИ-сервисам. А потом — повысить его.
 
11. Prama Ayalasomayajula: Как поменяла подход к поиску респондентов для пользовательских исследований среди водителей Uber в Индии. Она включилась в работу команды обслуживания водителей и это дало результат.
 
#research
17
Кой-чего нового о дизайн-менеджменте:
 
1. Точка Банк: Процесс дизайн-ревью. Какую эволюцию он прошёл от централизованного к распределённому формату.
 
2. Matthew Strom-Awn: Природа качества в цифровых и физических продуктах. Он сравнивает два подхода — централизованный и децентрализованный.
 
3. NN/g: Ситуации, когда зрелость дизайна в компании проседает. Как их заметить и что делать в первую очередь.

4. Julie Zhuo: Вышло второе издание книги «The Making of a Manager». В ней появились главы про управление на удалёнке и в кризисные времена, а также учтено влияние ИИ.
 
5. Lynn Hunsaker: Своя версия UX/CX-метрик, завязаных на бизнес.
 
#designmanagement
18🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Перезапуск дайджеста сильно затянулся, но уже совсем близко. Старый сайт работает как попало, а в новом «вот ещё последний баг и всё» никак не кончается. Но мы его заборем.
 
В общем, если на этой неделе (опять) не удастся и придётся делать ещё один последний костыльный выпуск на старом движке — вот вам тизер (по датам на нём видно, насколько всё это затянулось).

Это и новая платформа, и свежее визуальное представление, и самое главное — космически проще по трудозатратам на ведение для меня самого. Так что стандартная регулярность выпусков должна вернуться, а то сейчас аще погибнул в этом хаосе.
 
Скрещу пальцы и вы тоже, если можете.
🔥6821
Переезд дайджеста на новый движок всё-таки случился. Запоздало и пока что с кучей косяков, недоделок и всего такого-эдакого, но больше ждать было анрил. Теперь всё это будет докручиваться уже на живом без наркоза, так что присылайте любую дичь, какую встретите.
 
Вот он, задержавшийся дайджест продуктового дизайна за сентябрь 2025. Автоматический анализ интерфейсов, профессия исследователя в 2025 году, интерфейсы ТВ, анимация, модель зрелости дизайна, дизайн-системы, алгоритмический дизайн, accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
Telegram
vc.ru
Дизайнерс
ВКонтакте
RSS
🔥237🤔6🤯4👍3
Насыщенная мякоткой мини-подборка о дизайн-системах:
 
1. Ben Callahan «Maturing Design Systems»: Smashing Magazine готовят к выходу книгу.

2. Figma: Вот-вот запустит пачку фундаментальных улучшений работы с дизайн-системами.

Во-первых, гибкая работа с темами оформления на базе стандартных переменных.

Во-вторых, слоты в компонентах — это область внутри стандартной обвязки, в которой можно разместить плюс-минус любые элементы.

В-третьих, встроенный линтер проверяет макеты на соответствие дизайн-системе.

В-четвёртых, родной импорт/экспорт переменных.

А также визуальная привязка компонентов в Figma и коде, выход MCP-сервера из беты, генерация и импорт компонентов в Figma Make, улучшение производительности.
 
3. Nathan Curtis: Смысл слотов в компонентах. Как они позволяют добавить гибкости дизайн-системе и как их будет делать Figma.

4. Nathan Curtis: Подход с абстрактным описанием компонентов дизайн-системы через структуру их свойств, стилей, состояний и вариантов. Это может позволить генерировать компоненты на основе такой спецификации для любых фреймворков, чтобы не создавать их вручную — аналогично идее с генераторами токенов.

Anova: Плагин от Nathan Curtis для Figma, который описывает спецификацию компонентов через структуру их свойств, включая состояния и варианты. Как он работает.
 
5. Storybook 10: Полный переход на версию ESM для модулей JavaScript помог снизить размер фреймворка. Удобная возможность посмотреть или отредактировать компонент в стороннем инструменте и другие улучшения.
 
6. Яндекс 360: Дизайн-команда рассказывает о своей дизайн-системе Орбита. Как она устроена, как создавалась, как развивается.
 
7. Razorpay: Процесс поддержки компонента. Это детальная памятка по всем этапам и краевым ситуациям.
 
8. Tony Ward: Размышляет на тему измерения главного показателя дизайн-системы — покрытия реальных продуктов. Его идея — визуально отмечать части экранов, которые используют компоненты, а не опираться на абстрактные метрики.
 
9. Figmentation: Плагин для Figma автоматически собирает спецификацию компонента на основе токенов.
 
10. Ness Grixti: Типичные проблемы с цельностью дизайн-системы, которые возникают по мере роста количества её пользователей среди продуктов.
 
#designsystems
👍9🔥75
Свежая мини-подборка свежего об интерфейсных паттернах и лучших практиках. Прочитал ещё не все открытые вкладки, но держите пока эти:
 
1. Navbar Gallery: Коллекция паттернов навигации в вебе.

2. Loadmore: Коллекция необычных видов взаимодействия в мобильных приложениях и сайтах.

3. Emil Kowalski (Linear): Показывает на примерах, как он балансирует анимацию интерфейсных элементов. Он показывает хорошую и плохую реализацию.

4. NN/g: Важность дизайна краевых ситуаций в жизни пользователей. Она приводит много таких примеров и даёт советы по ним.

5. Ke Lyu: Проанализировал настолки, в которые играет с сыном, по 10 эвристикам Нильсена. Получился необычный анализ.

6. Luke Wroblewski: Необычный способ встречи нового пользователя в продукте. ИИ создаёт первый документ на глазах пользователя и даёт возможность подправить его.

7. Steve Frenzel: Детальная инструкция по подготовке PDF с учётом требований accessibility.

8. A11y Collective: Советы по оформлению информации на сайте, которые помогают улучшить accessibility.
 
9, Jared Cunha: Попробовал писать ALT-тексты для изображений с помощью ИИ. За несколько итераций получилось вполне сносно.

10. Barclays: Принципы инклюзивного дизайна от команды банка.

11. MeasuringU: Новое сравнительное исследование сайтов международных банков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns
31👍1
Дайджест продуктового дизайна за октябрь 2025. Дизайн-ревью, навигационные приёмы, анимация, ИИ-прототипы, метрики дизайна, дизайн-системы, алгоритмический дизайн, «жидкое стекло», accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
Дизайнерс
ВКонтакте
RSS
👍10
Этот пост должен был выйти ещё месяц назад, но кровавый перезапуск сайта дайджеста съел всё время. Многие уже наверняка это видели, так что можно пролистать. Но мне для истории выпусков нужно его сделать.
 
На конференции Adobe MAX 2025 традиционно показали пачку экспериментов с Adobe Firefly.
 
Firefly: Получила версию Image Model 5, возможность создания кастомизированных моделей под конкретные задачи и Firefly Foundry для этого же при вовлечении самой Adobe. Можно генерировать речь и музыку, дорабатывать изображения по текстовому запросу. Массовые операции для группы изображений: удаление или смена фона, обрезка, цветокоррекция, подготовка фото людей для аватарок.
 
Все свежие дикие штуки Adobe Sneaks с конференции. Каждый год это были концепты намного впереди рынка, но на этот раз всё как будто уже ожидаемое. С одной стороны, это здорово — рынок ИИ постоянно фонтанирует сильными идеями. С другой — чутка магии потерялось.
 
#ProjectSurfaceSwap может выбрать любую поверхность (например, корпус машины, поверхность стола или стену) и поменять цвет или текстуру, либо наложить изображение.
 
#ProjectLightTouch меняет освещение на фото. Можно выбрать расположение источника света на кадре и его глубину, поменять цвет, настроить тени.
 
#ProjectTurnStyle может покрутить объект на фото, как если бы это была 3D-модель. Целиком или какой-то элемент (например, повернуть голову).
 
#ProjectTraceErase удаляет не просто объект на фото, но и все его следы — отражения, блики, засветы и т.п. Причём не важно, что это за среда или поверхность.
 
#ProjectNewDepths превращает фото в 3D-сцену. Можно повернуть её, поменять расположение и ракурс отдельных объектов.
 
#ProjectSceneIt позволяет собирать сцены из смеси 3D-объектов и фото, а потом работать с ними как с полноценным 3D.
 
#ProjectFrameForward удаляет объекты на видео, меняет освещение, делает цветовую коррекцию по текстовому запросу.
 
#ProjectMotionMap самостоятельно предлагает логичную анимацию для векторных иллюстраций.
 
#ProjectCleanTake убирает или добавляет слова в озвучке, убирает шумы, меняет интонацию.
 
#ProjectSoundStager анализирует видео и предлагает звуковое сопровождение к нему.
 
#ai #algorithms #adobe #events
👍84🔥3
И этот пост должен был выйти ещё месяц назад, но кровавый перезапуск сайта дайджеста съел всё время. Многие уже наверняка это видели, так что можно пролистать. Но мне для истории выпусков нужно его сделать.
 
Продолжим новости с конференции Adobe MAX 2025 — что там нового во флагманских продуктах Creative Cloud:
 
Photoshop: Развитие функции Generative Fill — можно выбирать разные ИИ-модели. Гармоничная вклейка объектов на фото учитывает цвет, освещение и тени. Увеличение размера и качества изображения. Генерация видео.
 
Illustrator: Project Turntable для вращения векторных иллюстраций а-ля 3D доступен в бета-версии. Также упростили доступ ко всем генеративным функциям.
 
InDesign: Автоматическая расстановка элементов по сетке Flex Layout. Редактирование текстов в браузере помогает настроить взаимодействие дизайнеров и редакторов. Импорт и редактирование PDF.
 
Lightroom: Помощь в отфильтровке отснятых фото по параметрам съёмки.
 
After Effects: Общие обновления и улучшения.
 
Express: ИИ-ассистент в Express и Firefly — можно описать в чате, что нужно создать или поменять на макете. Автоматическое создание базовых гайдлайнов на основе макета.
 
Premiere Pro: Автоматическая маска для людей и объектов на видео. Общие обновления и улучшения.
 
Frame.io: Гибкий поиск по всему естественным языком, панель инструмента внутри Premiere Pro, обсуждение веб-страниц.
 
GenStudio: Развитие цельного инструмента для больших компаний, который помогает создавать коммуникационные материалы на потоке. Например, теперь там есть ИИ-агент для генерации и адаптации макетов под разные форматы. Всё это работает с концепцией StyleIDs, которую нащупали в работе с The Coca-Cola Company — это гибкие гайдлайны бренда, на основе которых делается генерация.
 
Project Moonlight: Экспериментальный ИИ-агент, который связывает разные продукты Adobe для решения креативных задач. Подключается к вашей библиотеке Creative Cloud, предлагает идеи по оформлению, отслеживает аналитику.
 
#tools #adobe #events
👍65🔥1
Подсобралось добра всякого разносола свежего про пользовательские исследования:
 
1. NN/g: Несколько способов вовлечения ключевых участников проекта в исследования и их результаты. Это позволяет лучше донести их результаты, а значит увеличить пользу от исследований.
 
2. Jeff Sauro и Jim Lewis: Навыки хорошего модератора исследований. Получилась отличная детальная памятка.

3. athenahealth: Реальный пример использования спорного метода исследований — ИИ-модератора интервью с реальным пользователем. Запись сессии пугает явной механистичностью.
 
4. Jeff Sauro и Jim Lewis: Все интерфейсные метрики и стандартизированные опросники, которые они привнесли в профессию за последние десятилетия.
 
5. Контур: Советы по формулированию и фильтрации гипотез для исследования. Как сбалансировать их количество, чтобы не распыляться.
 
6. Jeff Sauro и Jim Lewis: Отличная памятка по высказываниям, убеждениям и предубеждениям о работе метрики NPS. Они также посчитали валидность каждого.
 
7. БКС: Методы статистики, которые помогают сравнивать результаты теста первого клика на экране.
 
8. Контур: Метрики полезности исследований для этапа discovery. Они охватывают успешность исследований, количество новых гипотез и разные этапы до их попадания к пользователям.
 
9. NN/g: Как выявлять и чинить поломки в использовании рекомендаций из исследований.
 
10. Контур: Несколько способов оценить дизайн, если времени на полноценное исследование нет.

11. БКС: Базовая этика и гигиена для исследователей, когда они общаются с пользователем.

12. Kelly Moran: Пример из своей работы, где связка качественных и количественных методов исследований помогла раскопать запутанный клубок проблем в продукте.
 
#research
14👍2
Последняя в этом году мини-подборка о дизайн-системах:
 
1. Brad Frost: Курс про связку ИИ и дизайн-систем вместе со своим братом Ian и TJ Pitre (основатель агентства Southleft). Анонс.
 
2. Iasonas Georgiadis: Пошаговая инструкция по созданию интерактивных прототипов через Claude Code на базе макетов и дизайн-системы в Figma.
 
3. t2 (Tele2): Пошаговая инструкция по настройке UI Kit на React. Кстати, страница их дизайн-системы появилась в клубе отечественных дизайн-систем.

4. Donny D'Amato: Можно ли сделать токены для размеров семантическими или это пустая затея. В отличие от цветов, типографики или положения в пространстве — размеры и отступы зачастую просто оптически выбраны.

5. PJ Onori: Печальный факт — многие публичные дизайн-системы уходят в закрытый режим. Это снижает затраты команд на поддержку открытой версии, но плохо для сообщества и развития дизайн-систем в целом. Помимо прокачки HR-бренда, это ещё и мощный стимул особенно дотошно проверять качество.

6. Amit Sheen: Предлагает использовать подход токены для анимации в вебе. Он показывает как прописать их в CSS-переменных, хотя это применимо и для фреймворков.
 
7. FigmaLint: Плагин для Figma делает линтинг дизайн-системы: структура компонентов, использование переменных, именование свойств. На выходе — документация.
 
8. Southleft: Концепция контекстного доступа к гайдлайнам дизайн-системы через ИИ-ассистента. О проекте.
 
#designsystems
15👍6
Дайджест продуктового дизайна за ноябрь 2025. Слоты в дизайн-системах, дизайн-ревью, метрики дизайна, контекстные меню, семантические токены, дневниковые исследования, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
Дизайнерс
ВКонтакте
RSS
🔥85👍2
Ежегодный обзор обзоров трендов для 2026 года. Они капают понемногу в течение ноября, декабря и января, так что статья — традиционно обновляющаяся по ходу дела.
 
Разносол из итогов 2025 года
— Яркие проекты на Readymag.
— Тренды по результатам 2025 года от Behance и лучшие проекты года.
Пиво.
Упаковка.
Логотипы.
Новые шрифты.
— Иллюстрации по версии The Association of Illustrators.
— Лучшие приёмы графического дизайна, иллюстрации, видео и анимация от It's Nice That.
— Лучшие приложения на Android и iOS.
— Лучшие эксперименты CodePen.
— Лучшие плакаты к фильмам по версии Mubi и Creative Review.
— Лучшие обложки книг по версии Literary Hub, NY Times, Penguin Books, PRINT Magazine, SPINE и Creative Review.
— Лучшие обложки альбомов по версии журнала Wallpaper*.
— Лучший дизайн по версии журнала Core77.
— Лучший дизайн от американского музея Cooper Hewitt.
— Как работают сайты для бизнеса в отчёте Webflow.
— Заметные инновации от Fast Company, TIME и Popular Science
— Исследование профессии пользовательского исследователя от User Interviews.
 
И немного визуальных всплесков 2025 года:
Жидкое стекло от Apple.
— Подборка генеративных шрифтов, которые можно подключить через Google Fonts.
 
Про 2026 расклад такой:
 
1. Общедизайнерские тренды выделяют VistaPrint, CreativeBloq, Milo, Canva, Depositphotos, Envato и Adobe.
 
2. Pantone объявляет цвет года: Cloud Dancer (облачный белый). Цветовые тренды также выделяют VistaPrint.
 
3. Письма рассылки и сайты от Designmodo.
 
4. Шрифтовые от Fontfabric и VistaPrint.
 
5. Культурные от Pinterest.
 
6. Упаковка от Pentawards и VistaPrint.
 
7. Фото от Stocksy.
 
8. Логотипы от VistaPrint.
 
9. Веб от VistaPrint.
 
10. Обзор трендов от John Maeda. Он в формате видео.
 
11. Технологические от Gartner: стратегические.
 
12. Главный бонус — гигантская коллекция всех обзоров трендов.
 
Интересные дизайнерско-технологические подвижки:
1. Ключевые обновления CSS в 2025 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2025 года. Ну и состояние CSS.
 
2. Отчёт о трендах в ИИ на 2025 год от Стенфордского университета.
 
До выставки CES 2026 всего пара недель, а там завсегда есть на что поглазеть.
 
Для сравнения: что обещали на 2025, 2024, 2023, 2022, 2021, 2020, 2019 и 2018 год.
 
#trends
🔥2110
И снова залежался выпуск про алгоритмический дизайн, и опять его не разобрать, не объять. Буду в два захода публиковать, не вечно ему в черновиках страдать:

Взаимодействие с такими инструментами
1. NN/g: Структурированная подборка своих статей о понимании пользователями ИИ-продуктов и их интерфейсов.

2. Scott Jenson: Заложенное в человека стремление антропоморфизации всего и вся. И как это влияет на восприятие ИИ-интерфейсов (спойлер: завышенные ожидания).

3. NN/g: Исследование пользовательской реакции на советы ИИ-чатботов. Им лучше доверяют, если они ощущаются как компетентные, а не эмоциональные — это говорит о том, что не следует увлекаться антропоморфностью для повышения доверия.

4. Big Medium: Интерфейсы, которые сами собирают себя по ситуации. Собрали примеры реально существующих продуктов и концепты на тему.

5. Frank Chimero: Толковая профессиональная философия вокруг ИИ-инструментов. Он предлагает считать их инструментами ближе к музыкальным, а не утилитарными вроде строительных.

Дизайн-процесс
1. NN/g: Структурированная подборка своих статей об использовании ИИ при дизайне интерфейсов.

2. NN/g: Провели отличный эксперимент — попробовали сделать прототип страницы профиля слушателя своих курсов в разных ИИ-инструментах, разными способами (от простого текстового запроса до более детального и даже наброска). Советы вдогонку.

3. Егор Гилёв: Подход к ИИ-прототипированию. Он описывает концептуальную модель взаимодействия и даёт компоненты дизайн-системы, чтобы получился реалистичный и детальный прототип. Часть 2.

4. Lyndon Cerejo: Попробовал применить ИИ-инструменты по ходу этапов дизайн-спринта. Он представил вымышленного дизайнера, которая советовалась с ИИ на каждом этапе фантазийной задачи. И показал, что из этого вышло.

5. Нотамедиа: Как запускать прототипы мобильных приложений из Figma на телефоне, которые выглядят нативно. Они используют связку Cursor и Expo для React Native.

Инструменты дизайна
1. Figma купила Weavy — один из главных инструментов алгоритмического дизайна на базе нодовой логики. Теперь он называется Figma Weave и это одна из лучших вещей, что случалась с Фигмой.

2. Framer Workshop: Генератор интерактивных компонентов для Framer с помощью текстового запроса. С ними можно работать и докручивать их в инструменте как с любыми остальными.

3. Framer Wireframer: Генерирует wireframe сайта по текстовому запросу. Дальше его можно стилизовать самому.

4. Alloy: Прототипы. Он делает копию вашего сайта и позволяет делать в нём изменения с помощью текстового запроса.

5. Pomelli: Анализирует айдентику бренда на основе сайта. А потом гененирует баннеры и графику для них в этом стиле. Анонс.

6. Nano Banana Pro: Новое поколение модели умеет рисовать инфографику и диаграммы, менять углы обзора камеры и освещение, собирать на одной композиции до 5 персонажей и 14 объектов (пример из первой версии), генерировать фоны и текстуры, воспроизводить шрифты, каллиграфию и рукописный текст.

Что можно делать в Figma с помощью Nano Banana Pro и Gemini 3 Pro.

7. Razorpay: Плагин для Figma, который улучшает интерфейсные тексты сервиса помощью алгоритмического дизайна. Он натренирован на гайдлайнах редактуры сервиса.

8. Figma Make: Как продуктовые команды используют его для работы над новыми функциями в LinkedIn, ServiceNow и других компаниях.

Они провели глобальный хакатон. И показали 6 самых интересных концептов. А вот что можно сделать в инструменте с помощью Gemini 3 Pro.

9. Lovable: Может взять спецификацию из Miro и сгенерировать интерактивный прототип на её основе.

10. Magic Patterns: Превращает видео интерфейса в интерактивный прототип. Смысл непонятен (чтобы сделать такое видео — нужен интерактивный прототип), но в копилку use cases полезно.

11. LLMapper: Jorge Arango улучшил свой ИИ-генератор концептуальных карт.

12. Новые версии моделей для генерации изображений Flux 2, Seedream 4.5 и ChatGPT Images 1.5.

13. Adobe: Photoshop, Express и Acrobat теперь можно вызвать через ChatGPT.

#ai #algorithms
🔥126👍6
Продолжение отгрузки об алгоритмическом дизайне:

Дизайн таких инструментов
1. NN/g: Структурированная подборка своих статей о дизайне интерфейсов ИИ-продуктов.

2. Austin Henley: Проанализировал исследование 90 существующих ИИ-инструментов и концептов для разработчиков. Он предложил свою категоризацию для них.

3. NN/g: Концепция объясняющего ИИ в чат-ботах. Это набор интерфейсных паттернов, где система показывает логику и принципы принятых решений. Ещё одна статья на тему от Victor Yocco.

Роль дизайнера и специалиста вообще
1. Tim Harford: Любая работа — это серия отдельных задач. Сейчас ИИ заменяет в основном отдельные задачи. Но это меняет и саму работу — причём для кого-то в лучшую, а для кого-то в худшую сторону.

2. Elroy: Платиновая статья о том, как ИИ меняет порог входа для разных ситуаций и ролей. Где-то это и правда помогает быстро накопить достаточные знания, где-то разницы нет, а где-то это вообще не работает. Главное ограничение — уровень высокой экспертизы, с которым ИИ мало поможет.

3. Brian Merchant: Реальные истории дизайнеров и иллюстраторов, чью работу забрал или сократил ИИ. Как именно это происходило, что именно менялось и смогли ли они перестроиться.

4. Carly Ayres: Почему на рынке пропадают роли стажёров и младших дизайнеров. Как это работало раньше, как именно на это влияет ИИ и как меняется точка входа дизайнеров в профессию после этого.

5. Tey Bannerman: Фреймворк для вовлечения человека в ИИ-системы. Когда и зачем это нужно.

6. Shreya Shankar: Проблема с доверием к контенту, сгенерированному ИИ. На его проверку уходит слишком много времени и сил.

Пользовательские исследования
1. Jake Burghardt (автор главной книги о базах знаний и инсайтов пользователей): Размышляет на тему интеграции ИИ-сервисов и агентов в этот процесс. Это пока его размышления, не практический опыт.

Анализ интерфейсов
1. Baymard: Добились 95% точности в экспертной оценке интерфейсов через свой ИИ-анализатор UX Ray 2.0.

2. Банк N26: Сделали ИИ-агента для анализа интерфейсов. Он даёт рекомендации по улучшению макета.

Шрифты
1. drFonts: Генерирует полноценный шрифт на основе изображения нескольких символов.

2. Font AI: Генератор шрифтов по текстовому описанию.

Кейсы
1. Luna Wang: Брендинг хобби-проекта сделанный в связке ИИ-инструментов.
 
2. Figma: Как креативная студия использует ИИ-редактирование на базе модели Nano Banana. Они ускорили создания макетов, показывающих концепты в реальном контексте реальной улицы или мерч в жизни.

Видео
1. Вышли новые поколения моделей для генерации видео Runway Gen 4.5, LumaAI Ray 3 и Ray 3 Modify, Kling AI 01.

Игры
1. Magica 2: Генератор игровых миров, которые создаются на лету.

2. Playables Builder: Экспериментальный инструмент команды YouTube для создания мини-игр по текстовому описанию, изображению или видео.

Презентации
1. Google Gemini: Может собирать простые презентации из кусочков информации от пользователя.

Обучение промптам
1. Wise: Как прокачивали навык написания хороших текстовых запросов для ИИ-чат-ботов. Это серия обучающих мероприятий, для которой сделали ИИ-коуча на базе Gemini.

2. Lyndon Cerejo: Метод составления текстовых запросов к ИИ-чатботам. Он назвал его WIRE+FRAME и описал все нюансы составления хорошей спецификации.

Звук
1. Suno Studio: Запустили свой аудио-редактор, который позволяет работать с несколькими звуковыми дорожками. Можно напеть мелодию и сгенерировать из этого партию любого инструмента. Итоговую композицию можно экспортировать в другие редакторы.

Персональная продуктивность
1. Karan Sharma: Одна из главных ценностей вайб-кодинга — эксперты в предметной области без знаний разработки могут создавать себе собственные мини-инструменты для упрощения жизни. Тут тоже много побочек и муторной возни с непредсказуемым результатом ИИ-генерации, но для таких узких утилит оно терпимо.

#ai #algorithms
🔥94👍1
Завершение продолжения отгрузки об алгоритмическом дизайне:

Управление продуктами
1. Bandan Jot Singh: Платинова про слепой нажим на вайб-кодинг, который подменяет смысл продуктовой работы. Столько лет профессия говорила о том, что «output ≠ outcome», но моментально забыла об этом, когда можно получить быстрый результат. В итоге компании быстрее и дешевле пробегают исследовательский этап, чтобы закопать кучу ресурсов и времени на запуск не того решения не той проблемы.

2. Rob Bowley: Для в большинстве случаев для рывка в эффективности компании нужно сначала делать организационные изменения и только потом уже внедрять технологии для них. В обратном порядке это даёт меньшую отдачу, хотя многие пытаются идти именно так.

3. Amazon: Перестройка процесса разработки продуктов вокруг ИИ-агентов. Чтобы прирост в скорости сработал на деле, нужно переосмыслить подходы к тестированию, релизам и координации команд в целом. Это справедливо и для дизайна, где скорость тоже будет расти.

Разработка
1. Design Prompts: Коллекция текстовых запросов для инструментов вайб-кодинга. Фактически это новый подход к готовым шаблонам сайтов.

2. Steve Krouse: Напоминает, что вайб-кодинг превращается в технический долг, когда становится нужно поддерживать этот код. Ведь изначально эта идея касалась только быстрых прототипов, которые выбрасываются после начала полноценной разработки.

3. Chris Loy: Реальный процесс разработки состоит не только из написания кода, который обещают сэкономить ИИ-инструменты. И показывает, что в реальных крупных проектах это относительно небольшая часть.

4. Cursor 2.0 и 2.2: Вышла вторая версия редактора кода на базе их собственной модели Composer. Они сфокусировались на скорости и параллельной работе множества ИИ-агентов с возможностью голосового управления и отслеживания изменений от ИИ. Весь интерфейс перестроен вокруг этого, а не файлов.

А ещё можно генерировать диаграммы и схемы, появился режим отладки.

Cursor Visual Editor: Визуальный редактор для кода. Можно дорабатывать отдельные блоки в панели инструментов, менять их порядок.

5. OpenAI: Современный процесс разработки с активным использованием ИИ-агентов. Они сами работают по нему.
 
6. Rocket, Anything и HeroUI: Генераторы сайтов и приложений по текстовому запросу. Последний — с фокусом на переиспользуемые компоненты на React.

7. AI Studio: Google обновили раздел Build, чтобы упростить вход новых пользователей в вайб-кодинг.

Внедрение ИИ в компаниях
1. NN/g: Проблема типичного для компаний требования к сотрудникам «внедряйте ИИ». Обычно оно абстрактное — не имеет целей, измеримых критериев, да и в целом происходит хаотично. Она даёт советы, как грамотно организовать этот процесс.

ИИ-агенты
1. Claude: Расширение для браузера Chrome.

2. Dafdef: Флешка для iPhone — может работать в любых приложениях.

Операционные системы
1. Nothing: ИИ-операционка для телефонов. Они запустили инструмент Essential Apps для создания приложений и виджетов по текстовому запросу.

Найм
1. Yusuf Aytas: Детально показывает, как ИИ-сервисы подорвали доверие к техническим собеседованиям — часть кандидатов жульничает. И как можно вернуть добротные проверки.

Другие обновления на рынке
1. ChatGPT: Может подключать сторонние приложения для части задач. Например, сделать диаграмму в FigJam или показать урок с Coursera. На старте есть Canva и всякие бытовые сервисы вроде Booking и Spotify.

2. Anil Dash: В шоке от браузера OpenAI Atlas. Это анти-интернет — он галлюцинирует страницы, факапит с агентскими задачами и пытается переизобрести привычные паттерны, а на их полировку уходят многие годы.

3. Google Disco: Экспериментальный браузер на базе Google Chrome. Он превращает вкладки в интерактивные веб-приложения, логику которых можно описать текстовым запросом.

4. Google Gemini появился в Android Auto. Он помогает управлять интерфейсом голосом, чтобы меньше отвлекаться на экран.

5. Shopify: Собрали все свои ИИ-решения для электронной торговли на одной эффектной странице.

#ai #algorithms
👍8🔥53🤔1