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

2023-12-25 10:04:55 Прошёл всего месяц, а по теме алгоритмического дизайна опять выше крыши новья:
 
Pika 1.0: Генератор видео по текстовому описанию вышел из беты и порвал танцпол своей безумной демкой.
 
Midjourney 6: Вышла альфа-версия нового поколения. Увеличили разрешение до 2048x2048, добавили генерацию небольших текстов, улучшили понимание самих запросов.
 
StorybookGPT: Плагин для ChatGPT генерирует описание компонентов для живого гайдлайна Storybook. Памятка по работе с ним.
 
iA (эксперты в работе над текстами): Оценивают сильные и слабые стороны алгоритмических инструментов в этом плане. Где они помогают и где бесполезны. В новой версии своего текстового редактора iA Writer 7 они использовали это понимание для интересной разметки авторства (вы, ChatGPT или другой источник).
 
DALL-E Party: Занятный эксперимент, который по циклу искажает цепочку генерации DALL-E. Он описывает картинку текстом, потом генерирует из него ещё одну картинку — и так по кругу.
 
Figma: Пообщались с менеджерами продуктов для массового пользователя, которые внедряют функции на базе ИИ. Как они строят продуктовую работу в таких случаях.
 
Angie Wang: Топчанское интерактивное размышление-повесть, в котором она сравнивает процесс обучения алгоритмов и маленького ребёнка — .
 
FlutterFlow AI Gen: Сервис для быстрой разработки мобильных приложений научился генерировать дизайн и код (фронт + бек) по текстовому запросу или наброску на бумаге. Он автоматизирует все этапы от идеи до реализации.
 
Alex Ivanovs: Описывает хронологию развития первого года жизни ChatGPT.
 
Krea: Добавили интересный метод «overlay view», который позволяет схематично набросать перспективу объекта и в целом основные элементы.
 
Microsoft Paint: Теперь тоже генерирует графику по текстовому описанию с функцией «Cocreator» на базе DALL-E 3. Видео-обзор.
 
Amazon Titan: Генератор изображений по текстовому описанию доступен на платформе AWS (видео-обзор).

Amazon Q: Ещё один алгоритмический помощник в AWS. Он подключается к корпоративным сервисам и помогает анализировать информацию из них.
 
Audiobox: Новая модель для генерации аудио от Меты. Может взять за основу ваш голос, текстовый запрос, готовую музыку и сгенерировать или доработать/переосмыслить их.
 
Output Co-Producer: Генератор семплов по текстовому запросу от создателей инструмента Output.
 
Instagram: Пробует менять фон в stories с помощью алгоритмического дизайна (ещё).
 
Исследователи Hugging Face и Carnegie Mellon University посчитали энергозатраты на генерацию изображений с помощью алгоритмического дизайна. Выходит много — сопоставимо с полной зарядкой телефона (исследование).
 
HeyGen Custom Avatar: Сервис создаёт фотореалистичные аватары пользователей, которые могут читать текст на видео. Голос и мимика — тоже ваши.
 
Magnific: Один из самых качественных алгоритмических сервисов по улучшению качества фото на базе.

Prompt Brush: Пародия на инструменты, работающие по текстовому запросу. Иллюстрацию по такому запросу руками рисует иллюстратор Pablo Delcan.
 
Luke Wroblewski: Советует давать подсказки в инструментах, работающих по текстовому запросу. Пользователи часто не понимают, как правильно что-то спросить у них.
 
YandexART: Научился генерировать ёлочные игрушки в нескольких стилях.
 
Google и Vogue: Изучили, как ИИ влияет на процессы и сценарии покупки модной одежды.
 
Spotify: Тестирует генерацию плейлистов по текстовому запросу.
 
Точка: Усилила интерактивный справочник с помощью ChatGPT. Сервис «Ассистент» помогает отвечать на бухгалтерские вопросы.
 
Curio: Говорящие игрушки, которые придумывают истории и диалоги с помощью ChatGPT. Анонс —


 
Ars Technica: Сравнили, кто лучше хохмит — ChatGPT или Bard (спойлер: ChatGPT).
 
Битрикс CoPilot: Алгоритмические инструменты, встроенные в платформу. Генерирует, анализирует и улучшает контент.
 
Яндекс Недвижимость: Может искать квартиры по текстовому запросу вместо перебора фильтров с помощью YandexGPT.
 
#ai #algorithms Открыть/Комментировать

2023-12-21 10:04:09 Опять снова не успел сделать трушный обзор трендов 2024 года с попыткой анализа (но с перезапуском сайта дайджеста в январе исправлюсь). Так что (как и в прошлый раз) просто настрогал питательный салат из пристойных обзоров и прогнозов.
 
Начнём с печальки — EditorX схлопнулся внутрь Wix, так что их годнейших больше обзоров не будет. А те выпустили совсем проходную статью.

Зато родился новый жанр. Плагин Trend Sheep для ChatGPT суммировал 80 отчётов о трендах 2023-2024 года и выдаёт прогнозы из них (архив исходных материалов). Ещё один похожий плагин — Meta Trends 2024. Правда, по дизайну ничего нет — из близкого только маркетинг и реклама. Но задумка занятная.
 
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Добавилась категория алгоритмических инструментов и исследовательских репозиториев, Sketch готовится коснуться нулевого значение оси, FigJam обошёл Miro, у Framer не выходит ворваться в топ. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
 
Разносол из итогов 2023 года
— Яркие проекты на Readymag и Framer Sites
— Крафтовуха (и ещё)
— Упаковка
— Логотипы
— Новые шрифты и прогноз начала года.
— Лучший дизайн по версии журнала Core77
— Заметные инновации от Fast Company, TIME и Popular Science
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
 
И немного визуальных всплесков 2023 года
— bento-сетки, которые отлично подходят для кейсов и обзоров
— шрифты, вырезанные из бумаги.
 
Про 2024 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, Graphic Mama, Depositphotos, Shutterstock, Adobe и Webflow.
 
2. Pantone объявляет цвет: добродушный Peach Fizz («персиковый пушок»).
 
3. Письма рассылки от Designmodo.
 
4. Иллюстрации от Jacky Winter Group и Skillbox.
 
5. Дизайн и профессия в целом от Creative Boom.
 
6. Культурные от Pinterest и Instagram.
 
7. Технологические от Gartner: стратегические.
 
8. Интранеты от Nielsen/Norman Group.
 
Интересные дизайнерско-технологические подвижки
1. Алгоритмический дизайн снова на коне, так что я пересобрал свой сайт-коллекцию (хотя ещё не успел загрузить туда новости за последние месяц-два).
 
2. Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
 
3. Ключевые обновления CSS в 2023 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2023 года.
 
4. Стандарт accessibility в вебе обновился до WCAG 2.2.
 
5. Дикий концепт операционной системы Space OS. Немецкая команда энтузиастов Deta предложила свежий заход с веб-сервисами вместо приложений и канвой а-ля Miro и FigJam вместо обычного оконного интерфейса. Ну и, само собой, генерация всего и вся по текстовому запросу. Самое крутое, что это не просто видос — можно пощупать альфа-версию.
 
Вышли пара публикаций толковой критической рефлексии
1. Elizabeth Goodspeed пытается разобраться, почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
2. Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
 
До выставки CES 2024 всего пара недель, а там завсегда есть на что поглазеть.
 
Для сравнения: что обещали на 2023, 2022, 2021, 2020, 2019 и 2018 год.
 
#trends Открыть/Комментировать

2023-12-14 10:04:28 Небольшая, но жирнючая, как приближающийся оливье, подборка нового о дизайн-системах:
 
1. Rosenfeld Media выпустили книгу Dan Mall «Design That Scales».
 
2. Атомаро: Ростелеком сделал отчуждаемую версию своей дизайн-системы. Можно поставить её себе и настроить свою тему оформления. Под капотом React с токенами.
 
3. Design Systems Database: Ещё один каталог дизайн-систем.
 
4. StyleX: Фреймворк для токенов Меты, который используют все их продукты (Facebook, Instagram, Whatsapp, THreads).
 
5. Figma: Свежие обновления переменных. Что уже внедрили и как планируют развивать.
 
6. Luis Ouriach: Подробная инструкция по созданию компонентов в Figma и организации дизайн-системы в инструменте в целом. Он стремится создавать их для реального и широкого использования. Рекомендации по организации библиотек.
 
7. Виталий Капустьянов: Подгонка толщины линий иконок под разные размеры шрифта.
 
8. Вышел Storybook 7.6. Но уже есть ранняя версия 8.0.
 
#designsystems Открыть/Комментировать

2023-12-11 10:05:02 На редкость длинная пауза вышла с мини-выпусками про свежие интерфейсные паттерны и лучшие практики. Обнуляю её:
 
1. Baymard: Как выводы из их многочисленных пользовательских исследований сайтов и приложений электронной коммерции во многом пересекаются. Это в целом и так понятно, но он приводит конкретные доли таких пересечений.
 
2. NN/g: Годное дневниковое исследование паттернов использования умных часов. Они выделили 6 основных задач и приводят нюансы работы пользователей по ним. В 80% случаев используют только встроенные приложения от производителя и не ставят дополнительные.
 
3. Pushkeen: Коллекция примеров push-уведомлений.
 
4. Storefront: Коллекция примеров главных страниц интернет-магазинов одежды.
 
5. Emailspiration: Коллекция примеров писем рассылки.
 
6. Индия запретила использование «тёмных паттернов» в интерфейсах. Jakob Nielsen разбирает 12 таких манипулятивных приёмов, которые упомянуты в этом законе.

7. Creative Navy: Подробный обзор интерфейсов сервисов для нанимающих менеджеров.
 
8. Alaïs de Saint Louvent: Сайт-памятка по поддержке accessibility.
 
9. Baymard: Типичные проблемы интерфейса проверки адреса в интернет-магазинах.
  
10. Peter Ramsey: Разбирает парадоксальный сайт Zara. Это богатейшая компания с огромным оборотом, интернет-магазин которой — полнейшая катастрофа.
 
11. MeasuringU: Новое сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns Открыть/Комментировать

2023-12-07 10:04:29 Связи бренда с интерфейсом устанавливаются не всегда и везде, но если выходит — это по любви. Вот кто пытался решить эту задачу за последний месяц-полтора (где получилось — судите сами):
 
1. Deezer: Музыкальный сервис от британского агентства Koto.
 
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
 
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
 
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
 
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
 
6. Reddit: Сообщество от американского агентства Pentagram.
 
7. МТС Junior: Подбренд от отечественного агентства ONY.
 
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
 
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
 
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
 
#branding Открыть/Комментировать

2023-12-04 10:04:36 Дайджест продуктового дизайна за ноябрь 2023. Книга «Паттерны дизайн-менеджмента», сокращения в IDEO, умные часы, алгоритмический дизайн, push-уведомления, интернет-магазины, иллюстрации, интервью с пользователями, story mapping, дизайн-системы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать

2023-11-30 11:44:48 Моя книга «Паттерны дизайн-менеджмента» наконец-то доступна для предзаказа. Она предлагает модель зрелости и фреймворк, который помогает внедрить дизайн с учетом особенностей именно вашей компании. Все практики дизайн-менеджмента выделены в паттерны, которые можно применять отдельно друг от друга — так, как нужно именно вашей организации. Поэтому и структура книги построена вокруг того, что нужно делать в первую очередь в вашей ситуации.

Символично, что сегодня ровно 10 лет с моего первого выступления на эту тему на конференции UX People 2013 в Минске. Позже оно вылилось в серию статей для UXmatters, а потом превратилось в курс и книгу. Это была долгая эпопея, о которой я ещё расскажу подробно.

А пока — поблагодарю всех, кто помог сделать эту книгу возможной. Дизайнеров, редакторов, методистов, юристов, менеджеров, продюсеров, операторов — полный список не поместится в один пост. И, самое главное — мою семью, которая помогала, поддерживала, терпела и верила, что это всё не зря. Спасибо вам и люблю вас! Открыть/Комментировать

2023-11-27 10:04:11 Новые ссылки об алгоритмическом дизайне пополняются быстрее, чем пакет с пакетами:
 
1. tldraw Make Real: Экспериментальный инструмент превращает наброски интерфейса от руки в аккуратный визуальный результат и код на React с помощью инструментов OpenAI. Можно дополнить скетч текстовым описанием того, что нужно. Причём интерфейс может иметь небанальную логику поведения. Обзор от создателей.
 
2. Midjourney: Бета-версия в браузере с человеческим интерфейсом.
 
3. KREA: Генератор изображений и видео по текстовому описанию (можно сделать условный набросок для точности). Умеет делать это в реальном времени (ещё пример). Может натренироваться на вашем собственном стиле.
 
4. NN/g: 6 типов общения с алгоритмическими чат-ботами и структура запроса к ним. Они провели дневниковое исследование среди пользователей ChatGPT, Bing Chat и Google Bard.
 
5. Luke Wroblewski: Подходы к интеграции алгоритмических возможностей в интерфейс цифровых продуктов.
 
6. Canva: Интегрировала инструменты алгоритмического сервиса Runway через встроенное приложение Magic Media.
 
7. Fusion Brain: Инструмент генерирует изображения и видео с помощью нейросети Kandinsky от Сбера.
 
8. YouTube: Серия экспериментов с генеративной музыкой. Dream Track создаёт композиции для коротких видео в духе нескольких музыкантов, вписавшихся в пилот. Music AI Tools генерирует музыку по текстовому описанию. Можно просто напеть зарисовку или сделать её другим способом, а потом перебирать инструменты и варианты звучания.
 
9. It's Nice That: Несколько дизайнеров описали свой рабочий процесс для задач, где они использовали инструменты алгоритмического дизайна. У всех достаточно хитрая солянка классических и новых приёмов.
 
10. Stable Diffusion: Теперь умеет генерировать видео по текстовому запросу.
 
11. Runway Motion Brush: Можно анимировать конкретную часть фото, если выделить её.
 
12. CLO: Генератор текстур для одежды по текстовому запросу в инструменте для цифровой моды.
 
13. Google: Экспериментальный генератор графики по текстовому запросу.
 
14. Runway TV: Экспериментальный генеративный телеканал от создателей алгоритмического инструмента для видео Runway.
 
15. Яндекс Маркет: Массовая генерация описаний товаров с YandexGPT.
 
16. Simon Willison: Советы по формулированию запросов в DALL-E 3.
 
17. Jakob Nielsen: Советует сравнивать алгоритмические инструменты не с лучшим экспертом в отрасли, а среднестатистическим. Ведь их основная ценность — повышать средний уровень в отрасли, а не обязательно совершать прорывы.
 
18. ChatGPT: Обновили модель до GPT-4 Turbo. Она обучалась на более свежей информации (до апреля 2023 года) и дешевле для разработчиков.

Также за последние месяцы начали появляться плагины вокруг дизайна вроде DoritosGPT (генерирует любые пачки чипсов Doritos), ConvertAnything (конвертирует кучу форматов изображений, видео, аудио и документов в кучу других форматов) и Canva (генерирует макеты для соцсетей и другие промо-материалы).
 
19. Яндекс Практикум: Пересказывает урок или объяснит сложный термин через YandexGPT.
 
20. Модельное агентство, которое предлагает алгоритмически сгенерированных моделей.
 
#ai #algorithms Открыть/Комментировать

2023-11-23 10:04:48 Небольшая, но ёмкая выгрузка свежих материалов по дизайн-менеджменту:
 
1. Shishir Mehrotra (со-основатель Coda): Отличный список командных ритуалов и методов, которые помогают решать задачи быстрее и в целом двигаться вперёд.
 
2. Контур: Объединение исследователей в компании. Они составили памятку по поиску нужных экспертов в компании.
 
3. Wise: Запуск программы стажировки. Как получили поддержку руководства, строили отбор и вели стажёров по процессу.
 
4. IBM: Стажёрская программа Patterns в японском отделении. Программа и цели.
 
5. NN/g: Эффект «общеизвестного знания», который мешает продуктовым командам принимать качественные решения. На простом эксперименте он показывает, как включается групповое мышление.
 
6. Readymag: Опрос 370 дизайнеров на тему особенностей командной работы.
 
P.S. Продолжаю собирать данные для пятого исследования: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте их в крупных дизайн-каналах и изданиях.
 
#designmanagement Открыть/Комментировать

2023-11-20 10:04:59 Много полезных и познавательных букв о пользовательских исследованиях, написанных за последние месяц-полтора:
 
1. User Interviews: Каталог инструментов за 2023 год. Он масштабно разросся (400 инструментов) и получил топчанский редизайн в стиле средневековых карт (как его делали). Памятка по использованию. Отдельно ― про проблемы универсальных комбайнов.
 
2. Figma: Отличный пример тесной связки аналитиков и исследователей. Они хотели переработать уведомления и вместе искали потенциальные проблемы и точки боли.
 
3. Scott Sehlhorst: Грамотная формулировка проблемы для продуктовой команды с точки зрения конкретной группы пользователей и ситуации, в которой она возникает.
 
4. GE: Система обработки обратной связи от пользователей. Как они категоризуют обращения в поддержку в разных каналах и в целом упростили жизнь этой команде.
 
5. User Interviews: Памятка по проведению интервью с пользователями на основе своих статей за последние годы.
 
6. Steve Bromley: Рекомендации по выбору правильного момента для проведения игрового теста. Когда не слишком поздно и не слишком рано.
 
7. Sofya Bourne: Советы по поиску респондентов в B2B-среде. Она перечисляет основные проблемы и даёт способы их решения.
 
8. MeasuringU: Насколько легко пользователи справляются с заданием отсортировать что-то в опросниках. Они сравнивают зависимость от темы и количества элементов.
 
9. Hannah Campbell, Jeff Sokolov и Rachel Searing: Опыт внедрения базы знаний и инсайтов в iRhythm Technologies. Какие цели они ставили, как общались с будущими пользователями и выбирали пилот.
 
10. Jeff Sauro и Jim Lewis: Чем отличаются респонденты, которые соглашаются или отказываются на исследование с рассуждением вслух. В целом разницы нет, кроме возраста и страны.
 
11. Kate Fisher и Julia Cowing: Как команда ResearchOps помогает эффективнее планировать и проводить исследования в разных командах компании.
 
#research Открыть/Комментировать