Дайджест продуктового дизайна

23 January 2025 09:04

Под конец 2024 года напечатано уже 9000 книг «Паттерны дизайн-менеджмента» — осталась тысяча до моей минимальной цели. Было три доп.тиража по мере продаж с небольшими багфиксами всплывших опечаток. Кажется, книга оказалась востребованной для нишевой узкопрофессиональной литературы :)
 
Напомню, что её можно заказать в любую страну мира.
 
#book

Дайджест продуктового дизайна

13 January 2025 09:04

Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки CES 2025 — она прошла с 7 по 10 января в Лас-Вегасе. Всё, что имеет прямое или косвенное отношение к интерфейсам:

Гибкие и складные экраны
1. Экран ноутбука Lenovo выдвигается наверх и становится больше. Ещё одно шикарное реальное применение гибких и растягивающихся дисплеев.

2. Экспериментальный экран Samsung может становиться выпуклым.

3. Раскладывающийся на три экрана ноутбук Jsaux.

Компьютеры 
1. Neural Lab позволяют управлять жестами любым компьютером или планшетом с обычной веб-камерой.

2. Ноутбук Lenovo Yoga с камерой, спрятанной под экраном. Впервые это сделали Samsung на Galaxy Z Fold, наконец-то технология пришла в компьютеры.

3. Клавиатура AutoKeybo, у которой автоматически выдвигаются клавиши, тачпад или мышь, когда пользователь приподнял кисти рук.

4. Компактный суперкомпьютер NVIDIA Digits для работы с моделями ИИ.

Очки и шлемы
1. Шлем DotVision помогает слепым и слабовидящим. Он даёт лёгкие вибрирующие подсказки.

2. Очки Halliday с ИИ-помощником и кольцом для управления. Похожие RayNeo, Xreal One Pro и Even Realities.

3. Шлем дополненной реальности Sony XYN XR в паре с контроллером и кольцом.

Планшеты
1. Новое поколение технологии NXTPAPER от TCL, которая на стыке электронной бумаги и обычных экранов.

ТВ, проекторы и мониторы
1. Мульти-фокусный монитор Breylon добивается эффекта в духе шлемов дополненной реальности без нужды напяливать что-то на голову. Это первое устройство на рынке с этой важнейшей технологией, которое можно купить — за свои 30" даёт ощущение 122". На старте космос по деньгам, но за несколько лет должно подешеветь.

2. Смесь проектора, умной колонки и лампы от LG.

3. Забавный пиксельный мини-экран Govee.

4. Новая версия хитового нестандартного телевизора Samsung The Frame Pro.

5. Монитор Dell с пространственным звуком.

6. Беспроводные телевизоры Displace TV, которые сами приклеиваются к стене, поступают в продажу.

7. Голограммы Holoconnects в коробке на основе видео человека.
 
Авто
1. Большая панель статуса под лобовым стеклом и проекция на него в BMW Panoramic iDrive.

2. Голографическая проекция на стекло авто Hyundai Mobis.

3. Умный дом на колёсах AC Future, прицепы RollAway и Pebble Flow.

4. Летающий мопед Rictor Skyrider X1 и летающий модуль фургона Xpeng.

Носимые устройства
1. Кольцо Circular умеет делать ЭКГ.

Персональные помощники
1. Продвинутая трость для слепых WeWalk Smart Cane 2 помогает обходить препятствия, даёт поэтапную навигацию и голосового помощника.
 
Умный дом
1. Робот-пылесос, который может таскать на себе кучу вещей от освежителя воздуха до мини-стола. Другие могут шагать по лестнице, подбирать предметы и превращаться в обычный ручной пылесос.

2. Экран InkPoster на электронной бумаге для плакатов и картин.

3. Игровое кресло Razer может охладить или подогреть.

4. Ложка Kirin создаёт впечатление, что еда более солёная, чем на самом деле.

5. Умные лампы Philips Hue теперь тоже имеют ИИ-помощника.

6. Устройства Google прокачались с помощью Gemini. Правда, крипово в плане приватности.

7. Детская кроватка Bosch анализирует сон и опасности для дыхания.

8. Весы и зеркало Withings для комплексного анализа здоровья.

Крейзота
1. Эпичная презентация Delta на моднейшей площадке Вегаса «Сфера».

2. Игровой контроллер, соединяющий игру с секс-игрушкой.

3. Карманные Nutrix cortiSense и Hormometer определят выгорание (главное, чтобы оплата у психолога прошла).

4. Шляпа EcoFlow Solar с солнечными панелями заряжает устройства. И пальто плюс пляжный зонтик Anker с такой же идеей.

5. Беспроводная колонка Anker может вырезать вокал для внезапного караоке.

6. Наушники Bebird прочищают уши.

7. Кресло для виртуальной реальности, которое крутится под игроком.

В этом году много прагматичного — вчерашние концепты можно купить, а не только послушать про фантастические планы. А главное «змеиное масло» последних лет всё тоже — нелепые ИИ-нашлёпки ко всему на свете.

#ces #trends #events

Дайджест продуктового дизайна

25 December 2024 08:04

Под конец года количество новостей про алгоритмический дизайн удвоилось утроилось.

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

— Patchwork: Генерация частей виртуального мира для писателей и сценаристов. Включает персонажей и локации, которых можно сгенерировать или загрузить.

2. Luma Labs Photon: Генератор фото от создателей Dream Machine. Можно скрестить две картинки или сделать человека персонажем других изображений.

3. Google Whisk: Экспериментальный генератор изображений от Google по трём другим изображениям-примерам. Анонс — https://blog.google/technology/google-labs/whisk/.

4. Runway Frames: Генератор изображений от Runway. Также можно расширить видео.

5. Krea Editor: Добавили редактор изображений на базе Flux.

6. Grok: Генератор изображений Aurora в сети X.

Пользовательские исследования
1. Strella: Сервис автоматизирует проведение интервью с пользователями, заменяя живого модератора. Затея, правда, сомнительная — подходит только для простых немодерируемых интервью.

2. AccessiBe: Сервис для улучшения accessibility запустил ИИ-инструменты. Они помогают находить проблемы и лучше понимать их глазами пользователей.

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

3D
1. LLaMA Mesh: Экспериментальный сервис Nvidia генерирует полигональные 3D-модели.

2. edify-3D: Генератор по изображению или текстовому запросу от Nvidia и Shutterstock.

3. Trellis: Генератор по текстовому описанию или на основе двухмерной картинки.

4. Rodin: Генератор по текстовому запросу.

Видео
1. Sora: Открыли для всех. К ней сделали новый интерфейс.

2. Freepik: Генератор видео по фото или текстовому запросу. Можно выбрать модель: Runway, Kling AI, Mochi V1, Luma Labs или Minimax.

3. Veo 2: Вторая версия генератора видео от Google и третья генератора изображений Imagen 3.

4. Pika 2.0: Новая функция Scene Ingredients поможет склеить несколько изображений персонажей, сцен, одежды и предметов в один ролик.

5. Tencent Hunyuan.

6. CapCut Commerce Pro: Генератор рекламных видео, плакатов и изображений по текстовому описанию. Можно сгенерировать и сам сценарий.

7. Viggle: Генератор видео-мемов, который может анимировать статическую картинку или заменить персонажа на видео.

8. Lica: Инструмент собирает видео-презентацию продукта из кусочков — скриншотов, записей экрана и озвучки.

9. Instagram: Научился менять одежду и фон на видео, так что можно разнообразнейше стилизовать их.
 
10. Pickle: Сервис из «Чёрного зеркала» создаёт вашего видео-аватара на основе 5-минутного видео, а дальше он может созваниваться вместо вас в Zoom, Google Meet или Microsoft Teams. Говорите вы сами хоть из туалета, но он имитирует присутствие в нужной ситуации.

Звук
1. Fugatto от Nvidia. Любые безумные сочетания и человеческие голоса с нужным акцентом и эмоцией.

2. ElevenReader AI: Может превращать статьи, PDF и книги в подкасты.

3. MMAudio: Экспериментальный сервис может генерировать звуки и музыку по текстовому описанию.

4. Spotify: Собирает персональный подкаст для личных итогов года, которые озвучивает виртуальный ведущий.
 
Игры
1. World Labs: Генерируют игровой мир, по которому можно перемещаться, на основе одного изображения.

Другие обновления на рынке:
1. ChatGPT может распознать видео с камеры или то, что происходит на экране, а дальше — объяснить и проанализировать.
 
2. Google Gemini 2.0. Она сфокусирована в том числе на агентах: прокачали Project Astra для анализа того, что видит пользователь, запустили Project Mariner для работы в браузере и других программах, Jules для разработчиков в GitHub, игровых агентов.

3. Claude может подключаться к сторонним сервисам через новый протокол Model Context Protocol (MCP), специально разработанный для ИИ-помощников. Например, опубликовать сгенерированный код на GitHub.
  
#ai #algorithms

Дайджест продуктового дизайна

09 December 2024 09:05

Дайджест продуктового дизайна за ноябрь 2024. Рейтинг продуктовых команд, каталог инструментов для исследований, база знаний интернет-магазинов, дизайн Ableton Note, варианты Jobs to Be Done, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Дайджест продуктового дизайна

28 November 2024 09:04

Сегодня в меню свежие ссылки про пользовательские исследования:
 
1. User Interviews: Каталог инструментов за 2024 год. Он снова удвоился (828 инструментов). Основные выводы из него (например, ИИ перестал быть выделяющим свойством и стал просто обязательной утилитарной частью функциональности почти везде).
 
2. Adobe: Методы, которые использует команда Lightroom. Это достаточно понятные вещи, но написанные таким зрелым и осмысленным языком, что должны быть ориентиром для всех.
 
3. NN/g: Шаблон плана проведения исследования. Сам шаблон.
 
4. User Interviews: Формат выжимки из интервью с пользователем, которая делается сразу же после проведения сессии. Это облегчает дальнейшую работу с результатами исследования.

5. Ryan Singer (Basecamp): Подход к ранжированию проблем пользователей, которые может решить продуктовая команда. Он идёт от того, какую боль испытывает пользователь, от того что решения сейчас нет.
 
6. Jim Lewis и Jeff Sauro: Гипотетическая метрика про пользователей готовых «отсоветовать» продукт, обратная NPS.
 
7. Jim Lewis и Jeff Sauro: Пробуют вывести метрику «замусоренности» интерфейса. Они проверили её взаимосвязь с другой стандартизированной метрикой, SUPR-Q.
 
8. NN/g: Памятка по отбору респондентов. Опрос и процесс.
 
#research

Дайджест продуктового дизайна

18 November 2024 09:04

И снова полная коробочка свежего в алгоритмическом дизайне:
 
Инструменты дизайна
1. Adobe Express Logo Maker: Генератор логотипов внутри инструмента Express. Подбирает стиль, текстовое написание и знак на основе названия и отрасли компании.
 
2. Microsoft Paint: Алгоритмический дизайн пришёл и сюда — можно сгенерировать или удалить элемент изображения.
 
3. Flux 1.1 Pro: Вышла обновлённая версия генеративной модели.
 
4. Stable Diffusion: Памятка от создателей по генерации добротных изображений.
 
5. SeedEdit: Генератор фото и иллюстраций по текстовому запросу от ByteDance. Он сохраняет композицию и стиль при создании новых версий изображения (например, персонаж может повернуть голову, при этом останется тем же персонажем). Попробовать — https://huggingface.co/spaces/ByteDance/SeedEdit-APP.
 
6. Wildberries: Запустили генератор фотографий моделей в вашей одежде.
 
Взаимодействие с такими инструментами
1. Michelle Vaccaro, Abdullah Almaatouq и Thomas Malone: Интереснейшее исследование о связке человека и ИИ. Во многих задачах она работает хуже, чем самый сильный из них по отдельности. Поэтому один из выводов – лучше разделять этапы процесса создания между ними.

Видео
1. Runway Act-One: Runway научился переносить мимику с одного видео на другое. Можно, например, самому отыграть нужную и перенести на целевого персонажа.
 
2. Krea: Можно тренировать на своих персонажах, стилях, продуктах и т.п.
 
3. Vidu 1.5: Теперь может генерировать видео на основе нескольких фото или иллюстраций — они станут анимированными.
 
Звук
1. Hook: Сервис умеет ремикшировать треки, делать мешапы из нескольких и генерирует мини-клипы в качестве видео-ряда. Причём результат легальный с точки зрения авторских прав.

2. Suno: Может генерировать целый «альбом» — т.е. много песен с похожим по духу вокалом и вайбом.
 
3. hertz-dev: Генератор голоса, который может имитировать диалог.
 
Эксперименты
1. Joel Tempero: Сгенерировал пиксельную игру для своего младшего брата связкой GPT и Unity.
 
2. «Where The Robots Grow»: Полнометражный мультфильм, сделанный с помощью Adobe Firefly и Stable Diffusion.
 
Другие обновления на рынке:
1. Поиск ChatGPT: Вышел из беты. К нему есть браузерное расширение для упрощения доступа.
 
2. OpenAI готовит к запуску управление компьютером через своего ИИ-помощника.
 
3. Amazon: Пересказывает сезоны, серии сериалов и их отрывки, но без спойлеров.
 
4. Google Learn About: Экспериментальный сервис помогает объяснять понятия, книги и т.п..
 
5. LinkedIn: Ассистент для нанимающих менеджеров. Он поможет отбирать кандидатов от шорт-листа до первого контакта и базовых вопросов о должности, описывать вакансии, планировать собеседования и конспектировать их.
 
#ai #algorithms

Дайджест продуктового дизайна

11 November 2024 09:10

Дайджест продуктового дизайна за октябрь 2024. Adobe MAX 2024, исследования в Авито, развитие дизайнеров в Магните, как измерить качество, дизайн-системы, замусоренность интерфейса, дизайн-менеджмент, пользовательские исследования, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Дайджест продуктового дизайна

04 November 2024 09:05

Мини-подборка свежего о лучших интерфейсных паттернах и практиках:
 
1. Hassan Aleem: Перерывы в тренировках и диетах, которые обычно есть в жизни пользователей. Важно планировать продукты для отслеживания здоровья с учётом этого, чтобы не создавать лишнего давления.
 
2. Creative Navy: Анализируют специализированные приложения, которые помогают создавать интерфейсы для встраиваемых экранов (авто, бытовая техника и т.п.).
 
3. Виктор Пономарёв: Как снизить опасные последствия при рискованных операциях в интерфейсе. Это разные паттерны с нюансами применения.
 
4. Slack: Как прототипировали и помогли запустить функцию recap (обзор главного в каналах и чатах).
 
5. NN/g: Тёмный паттерн «протаскивания условий тайком». Connor Chan приводит примеры на рынке.

6. Традиционный букет статей от Baymard:
 
— Запустили baymard">канал на YouTube с разборами своих исследований интернет-магазинов.
 
—10 главных проблем в мобильных приложениях интернет-магазинов на основе их свежего исследования.
 
— Важность подборок отзывов пользователей о том, подходит ли размер одежды и обуви. Иначе им приходится самим пробираться через этот поток отзывов.
 
— Важность пользовательских фото на странице карточки товара.
 
— Как лучше показывать содержимое и количество элементов в сложных товарах.
 
— Три вывода из большого исследования интернет-магазинов одежды.

7. NN/g: Как проверять иконки в интерфейсе на узнаваемость и интерпретацию.

8. MeasuringU: Новое сравнительное исследование сайтов и приложений социальных сетей. Как пользователи оценивают их по метрикам SUPR-Q и NPS.
 
#patterns

Дайджест продуктового дизайна

28 October 2024 08:04

Вдогонку к новостям алгоритмического дизайна от Adobe — интересное, запущенное другими участниками рынка:
 
Генерация интерфейсов
1. Salesforce: Алгоритмический генератор дашбордов и в целом выборок данных по текстовому запросу. Он собирает экраны на основе дизайн-системы Lightning.
 
2. Недавно глава дизайна Gov.uk Tim Paul показал, как можно превращать обычную бумажную форму в веб-версию. Теперь можно пощупать живые примеры в обработке OpenAI и Antropic.
 
Инструменты дизайна
1. Figma: Перезапустила встроенные возможности алгоритмического дизайна под названием «First Draft». Она фокусируется на создании первых набросков интерфейса разных уровней детализации — от wireframe до полноценного макета. Сейчас они прорабатывают интеграцию с дизайн-системами компаний.
 
Как они делали алгоритмический поиск по макетам и компонентам. Он вырос из экспериментов с «автозаполнением».

2. Midjourney: Редактор изображений. Можно заменить часть изображения через генератор — добавить элемент или поменять текстуру.
 
3. Stable Diffusion 3.5: Новое поколение модели для генерации изображений.

4. YandexArt 2.0: Модель научилась создавать надписи прямо на изображениях, придерживаться нескольких стилей на одной картинке, располагать объекты в пространстве и относительно друг друга более естественно и учитывать при генерации больше деталей из текстового запроса.
 
Создание видео
1. MovieGen: Генератор видео со звуком по текстовому запросу. Можно также редактировать существующие ролики.

2. Pika 1.5: Умеет добротно генерировать физические эффекты и взаимодействия на видео.
 
Дизайн таких инструментов
1. Josh Clark: Просит перестать уже использовать иконку «две искры» для любой заплатки «тут у нас ИИ». Зачастую это просто функции, которые полезны и без этой приставки.
 
Разработка
1. Cursor: Редактор кода, усиленный возможностями ИИ.
 
Другие обновления на рынке
1. ChatGPT Canvas: Отдельный режим интерфейса для написания текстов и кода в формате совместной работы с ассистентом.
 
2. Нейросеть Claude учится управлять компьютером. В одной из демок она запланировала встречу с друзьями, используя браузер, календарь и редактор кода.
 
3. Новая модель YandexGPT 4 Pro и Lite.
 
4. Ozon: Даст возможность генерировать фон для фото товаров и улучшать качество этих фото.
 
5. Shopsense AI делает "Shazam для одежды".

6. Яндекс: Добавил в результаты поиска ответы от своего ИИ-сервиса Нейро.
 
#ai #algorithms

Дайджест продуктового дизайна

21 October 2024 09:24

На конференции Adobe MAX 2024 традиционно показали пачку экспериментов с Adobe Firefly. Вот эти свежие дикие штуки Adobe Sneaks:
 
#ProjectTurntable: Позволяет управлять обычной двухмерной иллюстрацией в абсолютно любом стиле как полноценной 3D-моделью. Дорисовывает всё для этого и позволяет управлять дублями как компонентом (изменения родителя отражаются на копиях). Вместе с Project Neo это мощно поменяет картину иллюстраций в мире цифровых продуктов — подход «стилизуем 3D-иллюстрации под крафтовый жанр» станет доступен массовому дизайнеру.

#ProjectPerfectBlend: Подгоняет вырезанное фото персонажа или объекта по цвету и освещению основной фотографии, в которую она вклеивается.

#ProjectCleanMachine: Убирает блики в видео.
  
#ProjectInMotion: Делает автоматическую анимацию морфинга одного векторного изображения в другое, а потом накладывает любой стиль на это.
 
#ProjectKnowHow: Определяет автора изображения или видео, а также было ли оно создано или доработано через ИИ.
 
#ProjectSuperSonic: Генерирует звуковые эффекты на основе изображения сцены. Может самостоятельно предложить текстовый запрос для картинки или превратить набросок голосом в правильный звук.
 
#ProjectScenic: Собирает 3D-сцену по текстовому запросу. Поэтапно добавляет объекты, выбирает позицию камеры, рендерит в готовое изображение.
 
#ProjectRemixALot: Превращает набросок композиции графического дизайна на бумаге в полноценный макет, а дальше делает любые версии по размеру. Может применить стиль из любого стороннего примера. Один из самых мощных экспериментов за всю историю Sneaks.
 
#ProjectHiFi: Генерирует дизайн интерьера на основе текстового описания, набросков от руки и общей проекции помещения.
 
Смотрю Sneaks от корки до корки все шесть лет, что они выходят. И каждый раз это не только поднимает планку того, что можно автоматизировать в дизайне. Каждый раз спустя несколько лет это попадает в реальные массовые инструменты дизайна, а не остаётся концептами или инструментами-однодневками. Для меня это одна из самых важных мировых презентаций в дизайне.
 
#ai #algorithms #adobe #events

Дайджест продуктового дизайна

14 October 2024 09:04

Полста мини-выпусков о дизайн-системах: done. Что тут есть:

1. Lukas Oppermann: Мощная инструкция по работе с токенами. Особенности реализации в коде и дизайне, советы по управлению процессом и поддержке.

2. Nathan Curtis: Модель метрик для оценки успешности внедрения дизайн-системы (пост удалён, но осталась картинка).

3. Nathan Curtis: Шпаргалка для продуктов разной стадии зрелости — надо ли внедрять дизайн-систему?

4. Nathan Curtis: nathanacurtis/the-fallacy-of-federated-design-systems-23b9a9a05542">Дополнил свою легендарную статью об организационных моделях команды дизайн-системы. Многие ошибочно посчитали федеративную модель лучшей, хотя она работает ограниченно. Он в деталях описывает, почему.

5. Uber: Переосмысление подхода к компонентам. Они стали делать меньше сложносочинённых компонентов в пользу вложенности более простых.

6. Storybook 8.3: Продолжают развивать возможности тестирования компонентов — интегрировали платформу Vitest. Самое главное — теперь релизы для React и React Native будут синхронизированы.
 
#designsystems

Дайджест продуктового дизайна

30 September 2024 09:04

Давненько не было мини-подборок о свежих книгах по дизайну интерфейсов:
 
За это время, к сожалению, закрылись A Book Apart — одно из главных и старейших издательств книг по дизайну интерфейсов. O'Reilly давно перестали активничать в дизайне, так что остаются только Rosenfeld Media и Smashing Magazine. Зато Rosenfeld прям в ударе — почти вся подборка с новостями от них.
 
1. Nielsen/Norman Group запустили своё издательство NN/g Press и выпустили первую книгу Kate Kaplan «Digital Icons That Work» о дизайне иконок. Анонс и основные тезисы.

2. Kate Towsey «Research That Scales» о ResearchOps. Kate — одна из главных идеологов масштабирования исследований в компаний и лучший возможный автор книги на эту тему.

3. Dan Mall «Design That Scales» о дизайн-системах.
 
4. Предзаказ на книгу Rachel Posman и John Calhoun «The Design Conductors» о дизайн-менеджменте / DesignOps.
 
5. Peter Fossick «Operations Thinking» о ResearchOps. Обзорная статья о фреймворке, который лежит в её основе.
 
6. Erin Weigel «Design for Impact» о проведении A/B-тестов. Она полезна и дизайнерам, и другим участникам продуктовой команды.
 
7. Алексей Баранов «User Interface Typography» о типографике в интерфейсах. Её можно читать в браузере.
 
8. Второе издание книги Leah Buley и Joe Natoli «The User Experience Team of One».
 
А вот что на подходе у Rosenfeld Media:
— Heidi Trost «Human-Centered Security».
— Joshua Graves «We Need to Talk».
 — Josh Clark и Veronika Kindred «Sentient Design» об алгоритмическом дизайне. Они запустили этот термин вместе с флагманским выступлением и обзорной статьёй, плюс продают услуги типа Sentient Design Sprint.
 
#books

Дайджест продуктового дизайна

23 September 2024 09:05

Ребята из DSGNERS (которых основал мой давнешний Телеграм-соратник Женя Мальков) запускают конференцию по дизайну D!CONF. Она пройдёт 14–18 октября в интернете.
 
Ребята набили руку в организации больших событий на интенсивах Design Line и Design Boost, а теперь выходят в совсем крупный формат. На конфе выступят 15 дизайнеров за 5 дней: Юрий Гордон, Михаил Губергриц, Митя Осадчук, Игорь Гурович, Александр Ковальский, Сергей Гуров и ещё десяток экспертов из Звука, Pinkman, Bauns, Sulliwan, Pragmatica, Acronis и других компаний. Вечером после работы — фирменный почерк организаторов.
 
Дизайн-конференции от компаний быстро взлетают, но часто умирают при смене вектора. Самые долгоиграющие события — Дизайн Просмотр и Дизайн-выходные — делают группы энтузиастов вне корпоративной среды. Возможно, в этот список со временем попадёт и D!CONF.
 
P.S. Я не размещаю рекламу, но иногда делаю обмен постами с близкими по духу каналами — в Телеграме почти нет органического роста.

Дайджест продуктового дизайна

16 September 2024 09:05

Выгрузка свежего о пользовательских исследованиях №61:
 
1. Jim Lewis и Jeff Sauro: Запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
 
2. User Interviews: Памятка по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
 
3. Jonathan Richardson: Разбирается в ситуации на рынке пользовательских исследований. Многие международные компании в ходе сокращений последних лет сильно подрезали команды, что поменяло подход к пониманию пользователей.
 
4. Jeff Sauro и Jim Lewis: Нюансы использования интерфейсной метрики TAC-10, которая оценивает техническую подкованность пользователей.
 
5. Steve Bromley: Особенности проведения игровых тестов с детьми.
 
6. User Interviews: Памятка по ключевым пунктам подготовки и проведения исследований.
 
#research

Дайджест продуктового дизайна

02 September 2024 09:07

Что нового по свежим интерфейсным паттернам и лучшим практикам? Вот что:

1. Casper Kessels: Шикарный и дотошный рассказ о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.

2. IBM: Как проверять интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.

3. Hardik Pandya: Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях. Правда, некоторые советы про избыточную навязчивость, но в целом норм.
 
4. NN/g: Обновили классическую статью Якоба Нильсена с лучшими практиками использования вкладок в интерфейсах.

5. Rauno Freiberg: Проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.

6. Lucid: Стандартизация интерфейса соединения объектов стрелками в инструментах для диаграмм.

7. Baymard: Советы по оптимизации интерфейса поисковых подсказок. С фокусом на интернет-магазины, но они применимы плюс-минус везде.
 
#patterns

Дайджест продуктового дизайна

20 January 2025 09:04

Свежее о пользовательских исследованиях частично настоялось в черновиках с прошлого года:

1. LinkedIn: Перестройка базы знаний и инсайтов. Как они переехали на платформу Glean.

2. Atlassian: Устройство базы знаний и инсайтов. Совет: не пытаться собрать все отчёты в едином месте, а ориентироваться на их каталог (т.е. хранилище ссылок).

3. Авито: Как «демократизировали» исследования в её направлении «Авто». Она осталась одним экспертом на 10 команд, но смогла вывезти за счёт перестройки формата работы.

4. Записи выступлений с онлайн-конференции Games User Research 2024, посвящённой пользовательским исследованиям в играх.

5. Dovetail: Типичные сценарии использования базы знаний и инсайтов для менеджеров продуктов и дизайнеров. Кстати, они интегрировались в Slack и Microsoft Teams, так что можно искать инсайты прямо оттуда.

6. Martin Schrepp и Jörg Thomaschewski: Анализируют причины вариаций в ответах пользователей в стандартизированных опросниках.

7 Jim Lewis и Jeff Sauro: Проводят аналогию с проблемой из реального мира для того, чтобы показать, сколько пользователей нужно для определения косяка в интерфейсе.

8. Jeff Sauro и Jim Lewis: Сколько респондентов на самом деле не приходят на исследования. У них вышло 8% тех, кто вообще отвалился (не включая тех, кто заранее предупредил).
 
#research

Дайджест продуктового дизайна

30 December 2024 08:04

Дайджест продуктового дизайна за декабрь 2024. Тренды 2025 года, Android XR, курс по токенам в дизайн-системах, конференция по брендингу, карта компетенций, пользовательские исследования для бизнес-стратегии, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Дайджест продуктового дизайна

16 December 2024 09:04

Ежегодный обзор обзоров трендов для 2025 года. Они капают понемногу в течение ноября, декабря и января, так что статья — традиционно обновляющаяся по ходу дела.
 
Разносол из итогов 2024 года
— Яркие проекты на Readymag и Framer Sites.
— Пиво.
— Упаковка.
— Логотипы.
— Лучшие приложения на Android и iOS.
— Baymard Institute запустили свои ежегодные награды за лучшие сайты и приложения электронной коммерции.
— Лучшие эксперименты CodePen.
— Лучшие плакаты к фильмам по версии Mubi, First Showing и Graphic Design Junction.
— Лучшие обложки книг по версии Literary Hub, NY Times, Penguin Books, PRINT Magazine и SPINE.
— Лучший дизайн по версии журнала Core77.
— Как работают сайты для бизнеса в отчёте Webflow.
— Заметные инновации от Fast Company, TIME и Popular Science.
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
 
И немного визуальных всплесков 2024 года
— Darren Yeo отметил термин «solarpunk» для обозначения тренда в дизайне из выступления Dylan Field и пытается понять, значит ли он что-то.
— Дофаминовый декор (хотя проявился он раньше 2024 года).
 
Про 2025 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, CreativeBloq, Graphic Mama, Milo, Canva, Depositphotos (ещё), Adobe и Логомашина (ещё).
 
2. Pantone объявляет цвет: Mocha Mousse («мокко мусс»).
 
3. Письма рассылки и сайты от Designmodo.
  
4. Шрифтовые от Creative Boom.
 
5. Культурные от Pinterest.
 
6. Дизайн и профессия в целом от Creative Boom.
 
7. Упаковка от Pentawards и VistaPrint.
 
8. Технологические от Gartner: стратегические.
 
9. Интранеты от Nielsen/Norman Group пока на паузе — они пересматривают методологию.
 
Интересные дизайнерско-технологические подвижки
1. Ключевые обновления CSS в 2024 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2024 года.
 
До выставки CES 2025 всего пара недель, а там завсегда есть на что поглазеть.
 
Для сравнения: что обещали на 2024, 2023, 2022, 2021, 2020, 2019 и 2018 год.
 
#trends

Дайджест продуктового дизайна

04 December 2024 08:04

Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1637 человек.
 
В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.
 
Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:
1. Яндекс
2. Тинькофф
3. Авито
4. Aviasales
5. Ozon
6. Альфа-Банк
7. Самокат
8. VK Group
9. Сбер
10. МТС
 
Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2023, 2021, 2020, 2019 и 2018 годы.
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.
 
P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — Оди, Ищу дизайнера, UX Live, Илоне Саркисовой, Богдану Гончаренко, Мише Розову, Антону Черногорову, Сергею Кондаурову, Bang Bang Education и Skillbox.
 
#designmanagement #survey #research

Дайджест продуктового дизайна

25 November 2024 09:04

Новости дизайн-систем подъехали:
 
1. Nathan Curtis: nathanacurtis/managing-design-systems-that-make-many-core-libraries-28b80444865e">Как может быть устроена поддержка нескольких платформ в команде. Он приводит несколько характерных примеров.
 
2. Material Design: Добавили концепцию слот-компонентов. Это область компонента, в которую можно добавлять другие интерфейсные решения, не заданные изначально. Подход позволяет командам добавлять свои уникальные вариации под редкие задачи.

3. Figma: Как они привели в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.
 
4. Brad Frost: Как отрабатывать разные ситуации, где дизайн-система не работает для конкретного продукта.
 
5. Brad Frost: Большая сессия вопросов и ответов.
 
6. Новости инструментов:
— Figma: Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков.
 
— Storybook 8.4: Быстрое тестирование компонентов прямо на их странице (статус теста всегда на виду), сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.

7. Примеры:
— eBay Playbook. Дизайн интерфейсов и бренда. Правда, вместо реальных компонентов — скриншоты.
 
— Meta Horizon OS UI Set: Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.
 
— Yandex Cloud. Библиотека в Figma.
 
#designsystems

Дайджест продуктового дизайна

14 November 2024 09:04

Что нового в брендинге цифровых продуктов, которые пытаются построить связь с интерфейсом (получается когда как):
 
1. Flowwow: Интернет-магазин цветов от отечественного агентства Щука. Больше о бренде.
 
2. Checkmylife: Сервис кредитных историй от американского агентства Ragged Edge.
 
3. Jacquard: ИИ-платформа для оптимизации рекламы от британского агентства MultiAdaptor.
 
4. Philo: Видео-сервис от американского агентства Sibling Rivalry. Он полностью построен на иллюстрациях.
 
5. Kajabi: Сервис для блогеров и создателей цифрового контента.
 
6. Kindsight: Сервиса для сбора пожертвований.
 
7. Upwork: Ре-ребрендинг сервиса работы с фрилансерами от британского подразделения агентства Wieden+Kennedy.
 
8. Freetrade: Инвестиционный сервис от британско-американского агентства Koto.
 
9. Pienso: ИИ-платформа от американского агентства Pentagram.
 
10. Mozilla: Браузерная компания от американского агентства Jones Knowles Ritchie.
 
11. Robinhood: Дебрендинг инвестиционного сервиса от американского агентства Porto Rocha, которые уничтожили легендарную работу Collins :(
 
#branding

Дайджест продуктового дизайна

07 November 2024 09:04

Небольшая, но дельная подборка свежего о дизайн-менеджменте:
 
1. Katie Dill (глава дизайна Stripe): Топчанское интервью со том, как они добиваются высокого качества в продукте. Это мышление в целом и набор методов для улучшения важнейших сценариев использования.
 
2. Магнит: Как устроена карта компетенций и развитие дизайнеров по ней. Часть 2 и 3.

3. Авито: Как устроена команда пользовательских исследований.
 
4. Peter Merholz: Памятка по проведению сессий дизайн-критики.

5. Jim Kalbach: Обновил свою канву стратегии, которая изначально появилась в 2014.

P.S. Пятый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Можно сравнить результаты за 2023, 2021, 2020, 2019 и 2018. Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
#management

Дайджест продуктового дизайна

31 October 2024 09:04

Неприлично давно не было мини-подборок о пользовательских исследованиях:
 
1. Jim Lewis и Jeff Sauro: Пробуют вывести метрику «замусоренности» интерфейса. Они попробовали опросник из 11 вопросов и в итоге сократили его до 6. Итоговый вариант назвали Perceived Website Clutter Questionnaire (PWCQ).
 
2. Dovetail 3.0: Новое поколение базы знаний и инсайтов из пользовательских исследований (ещё). Это большое обновление, в котором можно искать выборки инсайтов по обычным текстовым запросам, добавился поиск респондентов, много новых интеграций, а также переосмыслен интерфейс. Также функциональность каналов заработала по полной — они собирают инсайты по теме из разных источников.
 
3. Irith Williams: О проблемах метода персонажей давно известно и много написано. Это ещё один хороший разбор.
 
4. NN/g: Ещё один разбор методов исследований, где имеет смысл использовать ИИ-сервисы. И ещё раз напомнили, где это профанация.
 
5. User Interviews: Как исследования могут лучше показывать пользу для продуктовой команды. Это помощь в принятии решений и отслеживании прогресса всей компании.
 
6. UXtweak: Большая памятка для пользовательских исследователей — как преодолевать сопротивление команды и проводить полезные проекты.
 
7. Kerry Rodden руководил командой количественных исследователей в Google, которая предложила известный фреймворк интерфейсных метрик HEART. Он даёт советы по выбору метрик для этой модели.
 
8. User Interviews: Советы по выбору сервиса для поиска респондентов. А вот как устроена система подбора респондентов у них самих.
 
9. Heather Wright Karlson: Концепция «меню метрик». Оно помогает грамотно планировать проекты по исследованиям — проактивно и в привязке к стратегическим метрикам.
 
#research

Дайджест продуктового дизайна

24 October 2024 09:05

Продолжим новости с конференции Adobe MAX 2024 — что там нового во флагманских продуктах Creative Cloud:

1. Photoshop: Новая функция Generative Workspace упрощает генерацию элементов и сцен для подачи дизайна. Можно быстро убрать визуальный мусор в изображении, сгенерировать похожие через функцию Generate Similar, удалить фон и сгенерировать новый. Появилась интеграция с Substance 3D для работы с трёхмерными объектами. Улучшена работа с цветом и добавлена поддержка вариативных шрифтов. Больше деталей и отдельно про версию для компьютеров.

2. Illustrator: Добавили функции Generative Shape Fill (генерирует детальную иллюстрацию по заданной форме) и Text to Pattern (можно настраивать плотность сгенерированных текстур), а также работу с 3D-изображением в векторном стиле через Project Neo. Появилась привязка объектов к линии (позволяет перемещать их всей группой), улучшена векторизация растровых изображений и генерация по текстовому запросу. Можно автоматически накладывать макеты этикеток на шаблоны мерча и упаковки, менять размер макета с автоматическим изменением иллюстрации. Контекстная панель инструментов. Больше деталей.

3. InDesign: Контекстная панель инструментов, генерация изображений и дорисовка их недостающей части, математические выражения через MathML, экспорт в HTML5, развитие поддержки accessibility. Больше деталей.

4. Lightroom: Можно убрать ненужные объекты с фото и организовать фото в авто-альбомы.

5. After Effects: Освежили интерфейс и усилили работу с 3D, включая интеграцию с Substance 3D. Можно смешивать двухмерные и трёхмерные объекты, импортировать анимацию 3D-объектов и докручивать её в инструменте, делать реалистичные и цветные тени, строить карты глубины. Появились новые пресеты анимации для инфографики, улучшена работа с текстом. Сильно качнули производительность.

6. Express: Массовое создание картинок на основе шаблона и таблицы с контентом, генерация недостающей части картинки, автоматическое переписывание и перевод текста, автоматическая анимация, таблицы и инфографика, перекраска макета для целостности, интеграция с Lightroom и InDesign. Больше деталей.

7. Project Concept: Экспериментальный инструмент для исследования визуальных идей. Можно собрать мудборд, а дальше скрещивать жанры найденного и делать наброски композиции. Картинки для мудборда можно добавлять, а можно — генерировать.

8. GenStudio: Цельный инструмент для работы с разными аспектами performance-маркетинга на базе алгоритмического дизайна. После загрузки библиотеки материалов и гайдлайнов бренда может генерировать баннеры и другие промо-материалы в разных разрешениях. А дальше — собирает аналитику по тому как они сработали и помогает доработать их. Его анонсировали весной, а сейчас запустили.

9. Premiere Pro: Освежили интерфейс и добавили функцию Generative Extend, которая может сгенерировать недостающие части видео (удлинить видео, смягчить переходы, дольше показывать определённые кадры). То же самое касается и аудио-дорожки (но не музыки). Ещё можно скорректировать движение глаз (например, если они бегают). В остальном интерфейсе улучшили работу с переходами и звуком, переработали работу с цветом, добавили автоматическую очистку шумов и вырезку слов-паразитов, упростили экспорт в ТикТок. Ну и заметно качнули производительность вообще и в работе с видео сверхвысокого разрешения (8K).

10. Frame.io: Крупное обновление приложения для компьютеров, iOS и iPadOS. Упрощают важные этапы работы над проектами: кастинг и прослушивание, поиск локаций, разбор отснятого за день материала и выгрузка с камер в облако, управление кампаниями.

Уже который год многое из алгоритмического новья — результаты экспериментов Adobe Sneaks. Причём всё чаще они попадают в рабочий продукт уже на следующий год, а не просто когда-то. Дизайнеры во многом по делу точат зуб на Adobe, но они были и остаются лучшей компанией, которая осмысленно внедряет алгоритмический дизайн в реально массовые инструменты. Сымаю шляпу очередной год подряд.

#tools #adobe #events

Дайджест продуктового дизайна

17 October 2024 09:04

Дайджест продуктового дизайна за сентябрь 2024. Дизайн-системы и токены, ResearchOps, свежие книги, замусоренность интерфейса, дизайн-менеджмент, пользовательские исследования, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Дайджест продуктового дизайна

07 October 2024 09:04

Шестой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2023, 2021, 2020, 2019 и 2018.

Дайджест продуктового дизайна

26 September 2024 09:05

Подсобралось свежего добра про связь бренда с интерфейсом, что кабачков на даче:
 
1. PayPal от американского агентства Pentagram.

2. Figma собственными силами. Во второй статье — о работе над шрифтом.
 
3. VSCO (фото-приложение) от испанского агентства EST +6.
 
4. Fluz (финтех) от британско-американского агентства Koto.
 
5. Headspace (ментальное здоровье) от американского агентства Italic Studio.
 
6. Fitbit Ace (умные часы) от британско-американского агентства Koto.
 
7. Twitch (стриминговый сервис) от американского агентства Porto Rocha.
 
8. Quilt (домашняя климатическая система) от американо-голландского агентства Manual.
 
9. Chime (необанк) от американского агентства Jones Knowles Ritchie.
 
10. Envato (магазин шаблонов), сделанный внутренними силами (больше).
 
11. Brilliant (обучающий сервис) от британо-американского агентства Koto.
 
12. Wise (финтех): Принципы дизайна и голос бренда, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании. О систематизации дизайна маркетинговых материалов.
 
13. Aria (финтех) от британского агентства Together.
 
14. Veeps (видео-сервис) от американского агентства Porto Rocha.
 
15. Amply (рекламная платформа) от британского агентства Rowdy Studio.
 
16. Stitch Fix (сервис подбора одежды).
 
17. Ctrl Wallet (финтех) от французского агентства Le Fruit.
 
18. Eppo (платформа A/B-тестирования) от британского агентства Moving Brands.
 
#branding

Дайджест продуктового дизайна

19 September 2024 09:04

На очереди мини-подборок — алгоритмический дизайн:
 
Взаимодействие с такими инструментами
1. NN/g: Памятка по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
 
Инструменты дизайна
1. Flux: Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
 
2. Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
 
3. Midjourney: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
 
4. Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
 
5. Procreate: Со-основатель и глава графического редактора сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.
 
Создание видео
1. Adobe Firefly: Скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
 
2. Runway: Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
 
3. YandexART (Vi): Теперь умеет генерировать короткие видео.
 
Инструменты продуктивности
1. Microsoft Copilot Pages: Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
 
Разное новое
1. ChatGPT o1: Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
 
2. Google Gemini Gems: Теперь можно создавать вариации чат-ботов под свои задачи.
 
3. Ethan Mollick: Показывает прогресс генеративных инструментов за два года на нескольких примерах (изображения, видео, звук).
 
#ai #algorithms

Дайджест продуктового дизайна

05 September 2024 09:04

Дайджест продуктового дизайна за август 2024. Метрики дизайн-систем, подходящий дизайн-процесс, тренды в логотипах, автомобильные интерфейсы, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Дайджест продуктового дизайна

29 August 2024 09:04

Свежая мини-подборка о дизайн-менеджменте:
 
1. Stephen P. Anderson: Матрица 2x2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.
 
2. Jeff Patton: Канва описания продукта и его пользователей. Её интересность в детальном описании типов пользователей и их сценариев использования.

3. NN/g: Своя градация уровня карьеры дизайнера интерфейсов.

4. Виталий Фридман: Метод рабочих сессий «event storming». Он детально показывает менеджерам продуктов и команде дизайн-процесс, чтобы провести его по уму.
 
Напомню, что вот-вот стартует новый поток моего курса «Паттерны дизайн-менеджмента», куда ещё можно успеть вписаться.
 
#management