Эта мини-подборка о связи бренда с интерфейсом такая жирная, что не забудьте взять салфетки после прочтения:
 
1. Видео-сервис Vevo от американского агентства Porto Rocha. Официальные гайдлайны.
 
2. Рекламная кампания Figma «Nothing Great is Made Alone», которую они сделали вместе с американским агентством Collins. Базируется на общей айдентике и здорово передаёт силу командной работы.
 
3. Команда бренда Square вместе с агентством Athletics описала язык анимации для дизайн-системы, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
 
4. Live Neuron Labs: Сила метафор для изменения поведения пользователей. Важно правильно упаковать суть продукта или инициативы.
 
5. Крипто-финтех Gyroscope от британского агентства Human After All.
 
6. Подписочный сервис Zuora от американского агентства Focus Lab.
 
7. Образовательная платформа Outschool от американского агентства Geist.
 
8. Платёжный сервис PayPal от американского агентства Gretel.
 
9. Стандартизация логотипов/иконок продуктов, которые Dropbox покупал за последние годы, от американского агентства Play.
 
10. Сервис борьбы с фродом Veriff от португальского агентства How&How.
 
11. Сервис маркетинговой автоматизации Ortto от австралийского агентства Christopher Doyle & Co.
 
12. Криптовалютный стартап Metaphor от британского агентства Wildish & Co..
 
13. Освежение лого Google Play и язык анимации к нему от агентства R/GA.
 
14. Сервис для интернет-магазинов Depict от шведского агентства Okto.
 
#branding

Собрал дайджест продуктового дизайна за ноябрь 2022. Интерактивный справочник дизайн-систем, почему всё одинаковое, исследования в играх, разница проблем бизнеса и пользователей, кликбейт про снижение инвестиций в дизайн, контент-стратегия, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

После пары лет застоя в алгоритмическом дизайне новый бум. Внимательные смогут найти бета-версию моего нового сайта-коллекции, который переделал в этом году. Но я пока не успел вбить туда свежий контент, поэтому без ссылки. Выгружу на вас то, что копилось всю осень, причём в два захода на неделе:
 
STABLE DIFFUSION
 
Летит ракетой. Alberto Romero считает его самой важной моделью алгоритмического дизайна графики и иллюстраций. Он объясняет причины и рассказывает историю появления. Как он работает и какой набор обучающих данных использует.
 
Появилась куча интерфейсов для работы с ним:
— Веб: Nightcafe, Nolibox Creator, PineGraph
— macOS: DiffusionBee
— Windows: ArtRoom AI
— iOS: Draw Things: AI Generation
— Figma: Ando
— Сервер у себя на компьютере
 
Заточка под конкретные задачи:
— Текстуры
— Модели, обученные на разных стилях
 
Пара примеров в деле:
— Осовременили персонажей старых пиксельных игр и Fallout 2
 
DALL-E 2
 
Затерялся на этом фоне. Хотя больше не надо ждать в очереди, чтобы попробовать и появляются возможности типа outpainting (она расширяет исходную иллюстрацию или фото с сохранением стиля).
 
Зато они мощно коллабят с Microsoft — их встроили в облако Azure. И выпустили Microsoft Designer — простой графический редактор для вещей типа публикаций в соцсетях. Может генерировать графику и рекомендовать композицию макета по текстовому описанию задачи.
 
Ещё примеры в деле:
— Дизайнеры игрушек Hot Wheels в Mattel делают наброски новых моделей.
 
MIDJOURNEY
 
Парочка примеров в деле:
— Упаковка шоколадок
— Монстры из японского фольклора
 
Разное полезное на их же тему:
 
Помощники в составлении правильных текстовых запросов:
— Сервисы: Phraser,
Dallelist, Midjourney Prompt Generator, Find the Prompt, PromptHero
— Методичка
 
Astria: Генератор фото и иллюстраций по текстовому описанию, который может уточнять результаты с помощью техники DreamBooth.
 
Экспериментальный сервис, который подсвечивает предубеждения и штампы на примере Stable Diffusion и DALL-E 2. Репозиторий.
 
И что всё это значит для дизайнеров:
 
1. Криповейшая история — Andy Bayo поговорил с иллюстратором Hollie Mengert, чьи коммерческие работы для клиентов использовали для тренировки нейросети и позволили, по сути, клонировать их. Он также поговорил с Ogbogu Kalu, автором кода. В комментариях настоящий лепрозорий из тех, кто не уважает чужой труд. Грань допустимого использования чужих стилей в обучении алгоритмов обсуждается давно, но тут она явно перейдена — у конкретного человека отобрали работу.
 
2. Evil Martians дали одинаковую задачу иллюстратору и Midjourney. Они сравнивают итоговый результат по качеству, срокам создания и менеджерским трудозатратам, а также цене.
 
3. Иллюстратор Эммануэль поиграл с DALL-E 2 и посмотрел, насколько он подходит для коммерческой работы иллюстратора на примере недавнего реального проекта. Пока далеко.
 
Продолжим в четверг.
 
#ai #algorithms

Продолжаю выгрузку ссылок, которые никак не добавлю в новую версию сайта-коллекции алгоритмического дизайна:
 
ТЕКСТЫ
 
ChatGPT: Новая модель от OpenAI генерирует правдоподобные тексты (хотя зачастую по факту ошибочные). Её уже приспосабливают для написания статей и других крупных материалов. Это один из самых горячих запусков — за первую неделю ей воспользовались больше 1 млн человек.
 
Matthias Ott провёл интересный эксперимент — пообщался на тему типографики и продуктового дизайна. Ответы звучали правдоподобно, хотя это главный риск этой модели — она часто выдаёт просто салат из слов, где не эксперту сложно оценить достоверность. С другой стороны, если посмотреть прорву статей на Medium от начинающих дизайнеров — там тоже хватает этих проблем. Так что нас ждёт много интересных этических вопросов.
 
Notion AI: Алгоритмический помощник по написанию текстов от Notion. Может набросать публикацию в блоге, письмо и другие материалы. Пока в закрытой бете, но интеграция таких вещей в сам инструмент — лучший вариант. Обзор.
 
Ну и отдельные сервисы-генераторы: CopyMonkey, Jasper.
 
ФОТОБАНКИ
 
Graeme Fulton разбирается в отношении фотобанков к фото и иллюстрациям, созданным с помощью инструментов алгоритмического дизайна. Классические осторожничают, но есть новые специализированные.
 
А вот что делали классические компании:
— Shutterstock запустил партнёрство с DALL-E 2. Можно будет генерировать графику прямо внутри фотобанка.
 
— Adobe Stock разрешил продавать такие фото и иллюстрации. Правда, с пачкой ограничений (например, нельзя копировать чужой стиль).
 
— Люди на выбор: Generated Humans, MetaHuman.
 
АВАТАРЫ
 
Благодаря технике Google DreamBooth, которая позволяет добавлять новые объекты к уже обученным диффузным моделям, хайпанули стилизаторы аватаров:
— Lensa Magic Avatars
— AI Profile Picture Generator
— Avatar AI
 
ВИДЕО
 
Генераторы видео от Меты Make-A-Video и Google Imagen Video.

ИНСТРУМЕНТЫ ДИЗАЙНА И ДИЗАЙН-ПРОЦЕСС
 
Keima Kai: Анализирует, может ли алгоритмический дизайн помочь на каждом этапе работы над сайтом.
 
Magician: Плагин для Figma от Jordan Singer, который генерирует иконки, тексты и иллюстрации. Обещают пополнять магию в будущем.
 
Interior AI: Инструмент помогает делать наброски интерьеров.
 
New York Times: Мини-интервью о применении новых инструментов алгоритмического дизайна в разных отраслях — игры, интерьеры, реклама, проектирование услуг.
 
РАЗРАБОТКА
 
«Привет, GitHub»: GitHub открыл тестирование голосового помощника для своего ИИ-сервиса Copilot.
 
ADOBE SNEAKS

Новые эксперименты с Adobe MAX 2022 на базе платформы Sensei:
— #CleverComposites вставляет объекты на фото с учётом композиции, перспективы и освещения
— #InstantAdd вставляет элементы в видео с обтравкой и учётом движения объекта, на который добавили картинку
— #ProjectMagneticType добавляет графические элементы к шрифту, которые потом ведут себя как его часть при изменении надписи
— #ProjectVectorEdge накладывает графические элементы на макеты упаковки, которые органично ложатся на поверхность в любой проекции
— #ProjectMotionMix совмещает движущуюся модель объекта и фото другого объекта, так что он сам начинает двигаться
— #ProjectBlink позволяет редактировать видео выступлений почти как текст — искать по фразе, вырезать ненужное и т.п.
— #ArtisticScenes создаёт 3D-модель из фото пространства и накладывает на него любой стиль
— #ProjectAllofMe даёт расширенное редактирование фото: дорисовать недостающее по краям, поменять одежду и т.п.
— #ProjectBeyondTheSeen генерирует полную 3D-сцену помещения по фото и позволяет добавлять туда другие объекты
— #ProjectMadeInTheShade работает с тенями на фото — перерассчитывает их при добавлении новых элементов на фото или перемещении по сцене
 
РАЗНОЕ
 
Matthew Ström: Научился генерировать картинки Open Graph для своего блога.
 
Meg Kurdziolek: Концепция XAI (Explainable AI). Она помогает рассказать пользователям и специалистам о принципах работы систем с ИИ.
 
#ai #algorithms

Снова не успел сделать трушный обзор трендов 2023 года с попыткой анализа. Так что просто настрогал питательный салат из пристойных обзоров и прогнозов.
 
Мой (не)давний краш в этом ремесле — EditorX, которые стараются избегать клишухи и ретро-дискотеки про большие шрифты и анимацию. Они выделяют свежие визуальные приёмы из заметных запусков агентств и продуктовых компаний. Летом вышла промежуточная обзорка.
 
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Figma продолжает рвать рынок, FigJam догоняет Miro. Они добавили срезы про пользовательские исследования, хотя пока выглядит сумбурно. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
 
Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.
 
Разносол из итогов 2022 года:
— Яркие проекты на Readymag, Webflow и Framer Sites
— Крафтовуха
— Упаковка
— Логотипы
— Лучшие обложки книг от Literary Hub. Есть также подборки от NY Times, Fast Company и Chicago Public Library
— Визуализация данных
— Титры от Art of the Title, Slash Film, Print Mag и Salon
— Эксперименты на CodePen и анимация на GSAP
— Лучший дизайн по версии журнала Core77
— Дизайн иконок
— Заметные инновации от Fast Company и Popular Science
 
И немного визуальных всплесков 2022 года:
— шрифты-добряки их 70х, в особенности в дизайне упаковки. Она связывает отход от банальных модернистских подходов новыми точками контакта с брендом, где упаковка снова важна.
 
— броские коллажи, которые возникли на волне интереса к 2000м и новых возможностей iOS по простой вырезке объектов.
 
Про 2023 расклад такой:
 
1. Общедизайнерские тренды выделяют 99 Designs, Milo, Graphic Mama, Depositphotos, Shutterstock и Adobe
 
2. Pantone объявляет цвет: наконец-то энергичный Viva Magenta («карминово-красный»)

3. Шрифтовые от Monotype
 
4. Культурные от Pinterest и Wunderman Thompson.
 
5. Технологические от Gartner: стратегические (ещё)

6. Смежные области
 
Интересные дизайнерско-технологические подвижки:
1. Про второе дыхание алгоритмического дизайна написана сотня статей и обзоров, вы и сами всё видите (вот, например, овердофига всего за осень (продолжение)).
 
2. Цветные (простые и вариативные) вариативные шрифты уже можно пробовать в деле — они позволяют раскрашивать разные части символа, потенциально горячая штука. Кое-что уже есть в Google Fonts, можно поковыряться на движке WebKit. Или вот сразу изометрия.
 
3. Возможный прогресс развития экранов устройств. После перехода на ретину один из немногих способов поднять планку дальше — расширенные цветовые пространства и модели описания цветов. Как включить их в вебе.
 
4. Нововведения в стандарте поддержки accessibility в вебе WCAG 3.0. Он смотрит на тему гораздо шире и предъявляет более жёсткие требования.
 
5. OKLCH, ещё один новый способ описания цветов — https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl. Он лучше HSL в плане понятности и работы с accessibility.
 
Вышли пара публикаций толковой критической рефлексии:
 
1. Terry Nguyen отлично приложил саму идею трендов в современном мире. Зачастую их выдумывают авторы статей и дальше они имеют ограниченную жизнь, а их общий посыл — помочь упаковать какую-то часть культуры для более удобного потребления.
 
2. Ryan Duffy рассуждает, как современная экономика стартапов приводит к тому, что сайты, бренды, интерьеры, машины и многие другие вещи становятся одинаковыми.
 
3. Caio Braga, Fabricio Teixeira и Luciano Infanti глубоко копают в корни направлений дизайна. Как они связывают историю и представления о будущем на примере нескольких текущих и прошлых трендов.
 
До выставки CES 2023 осталась неделя, так что может увидим там кой-какой технологический дроп.

Для сравнения: что обещали на 2022, 2021, 2020, 2019 и 2018 год.

#trends

Каждый год последние много лет начинается с разбора свежатины с выставки CES 2023 — она прошла с 5 по 8 января в Лас-Вегасе. Смотрю на всячину, которая имеет прямое или косвенное отношение к интерфейсам:
 
ЭКРАНЫ
1. Дикий ноутбук Lenovo с двумя экранами
 
2. Гибкий экран Samsung, который может и сгибаться, и выдвигаться
 
3. Телефон с гибким экраном LG, который гнётся в обе стороны
 
4. Samsung может объединить изображение с двух проекторов в одну картинку
 
5. Ноутбук-трансформер Lenovo, который необычно поворачивает экран
 
6. Ноутбук ASUS умеет показывать 3D без очков
 
7. Телевизор Displace TV можно приклеить к любой поверхности — он полностью беспроводной
 
8. Холодильник Samsung с экраном 32"
 
АВТО
1. Новое поколение Android Auto
 
2. Концепт BMW, который умеет менять цвет кузова
 
3. Приборная панель беспилотных машин Chrysler
 
4. Шлемы виртуальной реальности Holoride для пассажиров на заднем сиденье
 
УМНЫЕ КОЛОНКИ И ПОМОЩНИКИ
1. Помощник Disney для их гостиниц на базе Alexa
 
НАУШНИКИ
1. Wisear управляют музыкой необычными жестами без рук и голоса, типа движения челюстью
 
2. Зарядные чехлы с экраном от JBL и Poly
 
ИГРЫ
1. Sony вслед за Microsoft делают игровые контроллеры для людей с ограниченными возможностями
 
2. Механические шахматы, где фигуры ходят сами
 
3. Портативная облачная консоль Razer
 
ОЧКИ И ШЛЕМЫ
1. Умные очки TCL
 
2. Приблуды и контроллеры для Steam VR
 
НОСИМЫЕ УСТРОЙСТВА
1. Умные кольца Movano с датчиками здоровья
 
2. Умные часы с драгоценным камнем вместо экрана
 
МЕТОДЫ ВВОДА
1. Стилус, которым можно писать и на экране, и на бумаге
 
СМАРТФОНЫ
1. Lenovo тесно связан с их ноутбуками
 
2. Qualcomm даст Android-телефонам возможность писать смс даже без сотовой сети
 
А вот этим дивным делам не про интерфейсы позавидует король магазинов на диване Leomax: домашний дрон, унитазный анализатор, велотренажёр с компьютерным столом, веб-камера/лампа/док-станция, принтер для бровей, электроколяска для детей, подушка для снятия стресса, ложка с усилителем вкуса, перцовый баллончик сам звонит в полицию, няшный мини-робот Loona. Воопщем и в целом всё о проблемах белых людей.
 
Если вкрации — познавательно про то, для каких устройств можно будет поделать интерфейсы в будущем.
 
#ces #trends #events

Собрал дайджест продуктового дизайна за декабрь 2022. Тренды 2023, зрелость дизайн-системы, алгоритмический дизайн, UX-исследования с нуля, философия дизайна, токены, аудит контента, Material Design и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

Давненько не было обзоров лучших интерфейсных практик и паттернов. Ща буит мясо:
 
1. Peter Ramsey: Освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.
 
2. Spotify: Редизайн главной страницы в вебе — теперь это плеер.
 
3. NN/g: Выбор часового пояса. Nielsen/Norman Group провели своё исследование разных подходов и дают рекомендации по проектированию.
 
4. Duolingo: Основные идеи редизайна приложения: хвалят и ругают.
 
4. NN/g: Типичные проблемы мобильных приложений с дополненной реальностью, а также удачные интерфейсные решения.
 
5. Knock: Проектирование процесса встречи нового пользователя. Они выделили самое важное действие на старте (отправка первого уведомления клиентам) и построили интерфейс вокруг него.
 
6. Gov.uk: Пользователи с дискалькулией. Это особенность восприятия информации, когда человек плохо воспринимает числа и цифры.
 
7. Creative Navy: Крупные международные сервисы для ведения электронных медицинских карт.
 
8. Adrian Bece: Вёрстка адаптивных таблиц с учётом требований accessibility (часть 2).
 
9. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сервисов бронирования ресторанов и видео-звонков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
10. Colin Eagan и Jeffrey MacIntyre: Фреймворк по персонализации продукта для пользователей. Они также описывают формат воркшопа для его заполнения.
 
11. Spotify: Локализация интерфейса и контента.
 
12. Alex Russell: Обзор текущего состояния оптимизации производительности веба.
 
13. Creative Navy: Интерфейсы программ для программирования мобильных роботов.
 
#patterns

Собралась большая пробка из выпусков мини-дайджеста, которую надо будет разобрать в ближайший месяц. Так что подборки будут длииииииииинными, как некоторые проекты по пользовательским исследованиям:
 
1. Tomer Sharon: Платиновая памятка по запуску современного процесса пользовательских исследований в компании. Точнее, это его видение как должно быть, но оно очень здравое и выверенное его гигантским опытом.
 
2. Momentive: Как команда регулярно замеряет пользу от своей работы. Шаблон опросника.
 
3. Auth0: Примеры автоматизации процесса планирования и проведения исследований. И ещё одна статья на тему от NN/g.
 
4. NN/g: Как повысить вовлечённость респондентов в дневниковые исследования. Многие не осознают, сколько времени они требуют и отваливаются на разных этапах.
 
5. Контур: Настройка каналов сбора обратной связи. Через какие способы они прошли и что сработало лучше всего.
 
6. NN/g: Какие методы помогают измерить delight.
 
7. Steve Bromley: Сравнение сервисов для проведения игровых тестов.
 
8. Jim Lewis и Jeff Sauro: Разобрали ранние публикации на тему того, влияет ли метод рассуждения респондентом вслух на результаты исследования. Спойлер: там разнобой выводов.

Они также проверили, насколько метод рассуждения респондентом вслух увеличивает время выполнения задания в удалённом немодерируемом исследовании. В целом увеличивает, хотя ещё и повышает успешность прохождения сценариев.
 
9. NN/g: Особенности использования демографической информации при проведении исследований. Как аккуратно собирать её и нужна ли она вообще.
 
10. Buzzfeed: Процесс проведения исследований.
 
11. NN/g: Особенности и вариации метода «волшебник страны Оз».
 
11. Avrio: Сервис для ведения базы знаний и инсайтов.
 
13. User Interviews (поиск респондентов и управление ими): Получили $27,5 млн инвестиций. Интересно, что такие деньги теперь крутятся и в пользовательских исследованиях.
 
#research

1 марта стартует девятый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых семи отучились более 500 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Clay, Газпром, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Foodplex, HeadHunter, Hoff, inDriver, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, ManyChat, М.Видео, Microsoft, Miro, Модульбанк, МТС, Okko, OneTwoTrip, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Tele2, Тинькофф, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.
 
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (идёт подготовка к печати). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
 
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
 
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
 
#management

Продолжаем неделю дизайн-менеджмента подборкой на ход ноги:
 
1. Peter Merholz: Цитаты собеседников своего подкаста о том, как они управляют изменениями. Опыт IBM, General Electric, PayPal, Chase Bank и Expedia Group.
 
2. NN/g: Фреймворк интерфейсных метрик CASTLE, который дополняет Google HEART для корпоративных продуктов. У них другие принципы использования и критерии успеха.
 
3. Design Dept: Простая таблица «менеджерского градиента», которая показывает изменение мышления дизайн-менеджера по мере роста зоны ответственности.
 
4. Sprout Social: Формат сессий дизайн-критики.
 
5. NN/g: Лучшие практики вовлечения лиц, принимающих решения. Они предлагают необязательную смену терминологии («вовлечение» вместо «менеджмента»), хотя любой современный подход для кросс-функциональных команд предполагает вовлечение.
 
6. Indeed: Как дизайнеры могут описывать свои идеи на языке менеджеров продуктов. Пример одного из предложений от цели бизнеса до MVP.
 
7. Design Dept.: Советует избегать роли «зонтик для дерьма», которую берут на себя многие начинающие дизайн-менеджеры. Иначе дизайнеры не учатся решать проблемы самостоятельно.
 
8. Gov.uk: Роль главы профессии дизайна. Она связывает дизайнеров из малых кросс-функциональных команд.
 
9. NN/g: Набор метрик REACH для оценки эффективности работы DesignOps. Не факт, что нужны количественные измерения для многих из перечисленных вещей (это отдельная работа), но подход интересный.
 
9. Matej Latin: Простейший способ прикинуть зрелость дизайна в компании. Она скорее для дизайнера, который устраивается работать, чем для дизайн-менеджера.
 
10. Indeed: Как мотивировать коллег системно работать над текстами в интерфейсе.
 
11. NN/g: Два типичных подхода к вопросам на собеседованиях (прошлое поведение и выдуманная ситуация). И предлагает пару способов системно отвечать них (STAR и METEOR).
 
12. Teresa Brazen: Как дизайн помогает бизнес-стратегии.
 
13. NN/g: Проблема группового мышления на встречах по обсуждению дизайна. Советы по минимизации эффекта.
 
Ещё больше погружения в дизайн-менеджмент будет с 1 марта на новом потоке моего курса «Паттерны дизайн-менеджмента». Записаться.
 
#management

Пробка из непрочитанного свежего разбирается, но медленно. Выдам партию ссылок по дизайн-системам:
 
Derek Boman: Годнейшее мышление о модели зрелости дизайн-системы. Он взял за основу концепцию Джеффри Мура «преодоления пропасти» для стартапов и грамотно переложил на этапы внедрения дизайн-системы внутри организации.
 
Андрей Сундиев: Пилотный запуск в Beamery. Как выбрали часть продукта для него и упрощали процесс, чтобы не делать лишнего на раннем этапе.
 
Material Design: Все заметные обновления в 2022 году.
 
Storybook: Запускают свою конференцию Storybook Day. Первая 14 марта 2023 года в онлайне.
 
Они открыли бета-версию Storybook 7.0. Редизайн, новый формат описания компонентов, интеграции по API, документация через MDX 2, дополнительные возможности тестирования и многое другое.
 
Karat: Советы по менеджменту процесса. Пример плана.
 
Paavan Buddhdev: Канва. Она помогает описать цели, проблемы, команду и другие аспекты создания и внедрения.
 
Lukas Oppermann: Обзор черновика стандарта W3C для токенов. Как научить Style Dictionary понимать эту нотацию.
 
Alibaba: Перевод на дизайн-систему сервиса бронирования Atlas.
 
Kevin Muldoon: Интересный подход к описанию типографической сетки. Он ориентируется на ширину типовых колонок контента в разных состояниях адаптивности.
 
Wikimedia Codex (команда, которая делает Wikipedia). Как и зачем её создавали.
 
Amy Hupe: Дизайн-системы могут масштабировать как удачные, так и проблемные решения. И важно проверять это на берегу.
 
Mafs: Библиотека React-компонентов для визуализации данных.
 
#designsystems

Собрал дайджест продуктового дизайна за январь 2023. CES 2023, ChatGPT для юзабилити-тестов и плагинов Figma, шаблоны для UX-исследований, JTBD, финтех, управление полётами, история клавиатур, размеры шрифтов в дизайн-системах и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

В прошлом году перезапустил сайт-коллекцию алгоритмического дизайна. Огромное спасибо агентству Embacy, которые нашли отличную концепцию «генеративное всё» (на компьютере интереснее) и перевезли всё на Webflow.
 
Моей стратегической ошибкой на старте был выбор Readymag — это крутой инструмент, но не для постоянно обновляемой коллекции. В итоге я сдался и несколько лет вбивал весь свежий материал в записную, а не на сайт. Но теперь значительная часть архива попала на сайт и можно анонсировать. Надо перебрать ещё с полсотни ссылок, за месяц справлюсь.
 
Ок, теперь про свежак:
 
1. Galileo: Инструмент алгоритмического дизайна обещает делать экраны интерфейса по текстовому описанию. Макет можно отредактировать в Figma, а ещё — сгенерировать иллюстрации и тексты.

2. Runway: Инструмент алгоритмического дизайна, который собрал вместе популярные сейчас функции отдельных утилит.
 
3. Топовейшая инициатива — какие исходные изображения в обучающих данных моделей вроде Stable Diffusion помогли сгенерировать вашу картинку.
 
4. Инвестфонд Felicis Ventures вложился во много инструментов алгоритмического дизайна, основанных на вводе текстового запроса от пользователя. Они сделали обзор своего портфеля.
 
5. MusicLM: Экспериментальная нейросеть Google, которая генерирует музыку по текстовому описанию. Научная публикация.
 
6. Point-E: Генератор 3D-моделей объектов по текстовому запросу от OpenAI. Обзор.
 
7. Studio: В 2017 году они запустились как обычный инструмент дизайна интерфейсов, а теперь переосмыслили себя в сторону связки с алгоритмическим дизайном. Пока можно только встать в очередь на бета-версию.
 
8. Aaron Hertzmann: Интереснейшие параллели текущего бума инструментов алгоритмического дизайна и других веток искусства и культуры за последние пару сотен лет. Он видит текущую стадию развития как промежуточную и показывает много уместных аналогий.
 
9. Poly: Инструмент алгоритмического дизайна генерирует текстуры для 3D-моделирования.
 
10. VALL-E: Экспериментальная модель Microsoft, которая генерирует аудио-запись любой фразы нужным голосом. Нужен только небольшой образец оригинала.
 
11. Calibri: Как делали иллюстрации для настольной игры «Колибриум» с помощью Midjourney.
 
12. Ogilvy Paris: Расширили картину Вермеера «Молочница» с помощью DALL-E 2 для рекламной кампании Nestle.
 
13. De Voorhoede: Агентство попробовало обучить Stable Diffusion генерировать их фирменный стиль иллюстраций. Получилось относительно похоже, но использовать в жизни нельзя.
 
14. Maggie Appleton: Использование термина «искусственный интеллект» для описания текущих экспериментов и продуктов стало бессмысленным — надо говорить о конкретной модели и технологии.

15. BBDO: Пробуют использовать в проектах инструменты, генерирующие графику по текстовому описанию. Спойлер: пока больше для экспериментов.

16. Дизайн-сообщество обнаружило, что Adobe начали брать разрешение на запись действий пользователей в своих продуктах в пользу своей платформы алгоритмического дизайна Sensei. Кто-то подозревает, что они могут записывать действия при создании работы, чтобы научить Sensei генерировать похожие (но это не точно).
 
17. Сервис для видео-трансляций NVIDIA Broadcast научился имитировать взгляд человека в камеру в реальном времени.
 
Ссылок снова овердофига, так что в четверг второй выпуск.
 
#ai #algorithms

Продолжаю выгрузку свежего про алгоритмический дизайн, многое из которого попало на обновлённый сайт-коллекцию. Ещё раз огромное спасибо агентству Embacy, которые нашли отличную концепцию «генеративное всё» (на компьютере интереснее) и перевезли всё на Webflow.
 
ChatGPT — основной источник жарких новостей в последние месяцы. Говорят, что на конец января им пользовалось уже 100 млн человек — самый эпичный рост в истории. Что под капотом.
 
Некоторые из полезных вещей для дизайнеров:
 
1. Сергей Никишкин из Acronis попробовал написать три плагина для Figma. В целом получается, хотя не сразу и не всегда оптимально.
 
2. Lawton Pybus попробовал написать сценарий юзабилити-тестирования. По форме похоже на правду, по сути — много дырок и воды.

3. Интервью с Evan Shore из Walmart о том, как они прокачали ChatGPT помогать им в описании Job Stories. 

4. Irina Nik показывает, как условный ChatGPT (точнее, модель GPT-3 от того же OpenAI) может помочь в поиске по базе знаний и инсайтов из пользовательских исследований. Она даёт простую инструкцию по запуску такого поиска.
 
5. Детская книга «Blueberry & the Bear and Other Stories», написанная с его помощью. Иллюстрации к ней также сделаны инструментами алгоритмического дизайна.
 
6. Печатная машинка использует его для генерации текстов и автоматической печати от Arvind Sanjeev.
 
7. Экспериментальный новостной сайт The Valley Times, на котором новости генерирует ChatGPT, а картинки — также нейросети.
 
Как всегда, этика падает жертвой:
 
1. Очередная дикая история про то, как качество результатов инструментов алгоритмического дизайна обеспечивается дармовым трудом людей из какой-нибудь далёкой страны.
 
2. OpenAI выпустили инструмент, помогающий отличить текст, написанный человеком, от работы робота. Правда, пока срабатывает только в части случаев.
 
3. Школы Нью-Йорка запретили ChatGPT.
 
P.S. Всё летит так быстро, что с понедельника добавились пара ссылок к тогдашней общей подборке:
 
1. Scribbble Diffusion: Инструмент превращает набросок в фотографию с помощью алгоритмического дизайна.

2. Анастасия Дедова рассказывает, как решала реальную задачу для онлайн-казино с помощью Midjourney. 

3. Phygital+ AI Library: Огромнейший каталог инструментов и моделей алгоритмического дизайна. Обычно не даю ссылки на другие подборки, потому что для меня важнее вытащить суть и конкретное новое, но тут объём фантастический.
 
Цель моей коллекции — скорее показать виды дизайнерских задач, которые могут закрыть такие инструменты, а не ультимативный каталог. Поэтому многое просеиваю.
 
#ai #algorithms

Только успел выпустить мини-дайджест про пользовательские исследования, как опять налилось:

1. Maze и Atlassian: Опрос 600 дизайнеров, исследователей и менеджеров продуктов о том, на каких этапах работы над продуктом они проводят исследования. И в целом про развитие экспертизы в компаниях.
 
2. Jim Kalbach и Elaine Matthias: Вторая версия их шаблона JTBD Canvas (как работать с ним).
 
3. Контур: Памятка по формулировке гипотез для юзабилити-тестирования. Как правильно описывать их, чтобы получить хорошие ответы.
 
3. User Interviews: Памятка по написанию хорошего письма-приглашения. Бонусом идут шаблоны-примеры.
 
В дополнение — советы Контура по отправке таких писем.
 
4. Контур: Способы донести знания про пользователя для продуктовых команд.
 
И ещё одна статья на тему от Atlassian. Они советуют экспериментировать с подходами и вовлекать участников разными способами.
 
5. User Interviews: Большая коллекция шаблонов для разных методов и задач исследований.
 
6. Condens: Советы по автоматизации процесса исследований. Что можно, а что стоит и дальше делать вручную.
 
7. Контур: Памятка по составлению сценария исследования.
 
8. Steve Bromley: Обзор процесса исследований при работе над новой игрой.
 
9. IBM: Советы по первым шагам внедрения ResearchOps в компании. Больше пересказ известного фреймворка, но есть и личный опыт.
 
10. Dovetail: Создатели сервиса ведения базы знаний и инсайтов описывают свою роль на рынке сопутствующих инструментов.
 
11. Mary Zide и Sarah Zimmers: Как применили метод «списка главных задач пользователей» в контексте стартапа.
 
12. Свежее от Jeff Sauro и Jim Lewis:
— Продолжают серию экспериментов, чтобы замерить влияние метода рассуждения респондентом вслух на результаты удалённого немодерируемого пользовательского исследования — на этот раз про влияние на метрики исследования. Спойлер: отклонения есть, хотя и не критичные.
 
— Обновили своё сравнительное исследование сайтов мобильных операторов. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
— Изучили, насколько картинки помогают пользователям в проведении карточной сортировки. Вариант только с картинками сильно роняет завершение задания.
 
— Ищут способ оценить техническую грамотность пользователей, что влияет на их работу с интерфейсом.
 
13. Martin Schrepp, Jessica Kollmorgen и Jörg Thomaschewski: Сравнили три разных стандартизированных опросника (SUS, UMUX-LITE и UEQ-S) на примере оценки нескольких популярных продуктов.
 
#research

Вкрации расскажу тута чучуть о лудший интерфейсный практики и паттерны. Кокраз туды ивойный и примените:
 
1. Ahmad Shadeed: Что значит «адаптивный дизайн» в 2023 году.
 
2. Виталий Фридман: Показ субтитров к видео.
 
3. Creative Navy: Интерфейсы программ для управления космическими полётами.
 
4. NN/g: Классические путеводители по интерфейсу после регистрации не работают. Примеры хороших контекстных подсказок.
 
5. Peter Ramsey: Сценарий перевыпуска карты в британских банках.
 
6. Chiara Aliotta: Использование сторителлинга в дизайне на примере подачи одного из курсов Smashing Magazine.
 
7. Wix: Разные грани локализации. От простого перевода текстов до региональных доменов и конкретных посылов.
 
8. Baymard Institute: Хорошая и плохая реализация покупки без регистрации в интернет-магазинах.
 
9. Sandrina Pereira: Памятка по валидации форм с учётом требований accessibility.
 
10. Creative Navy: Медицинские интерфейсы шприцевых помп.
 
11. Creative Navy: Интерфейсы программ для 3D-моделирования.
 
12. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование интернет-магазинов одежды. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
13. Creative Navy: Интерфейсы управления популярными тепловыми насосами.
 
14. Baymard Institute: Заметные проблы сайтов бронирования.
 
Вообщем, выпий за любовь к лутышые решения.
 
#patterns

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

Кажется, я забыл включить в недавнюю мини-подборку о пользовательских исследованиях вот эти штуки:
 
1. Atlassian: Плюсы и минусы централизованного и погружённого формата для исследователей.
 
2. NN/g: Ограничения метода опросов и советы по минимизации проблем.
 
3. User Interviews: Делят методы на 4 ситуации, в которых они могут помочь продуктовой команде: видение, стратегия, поиск продуктового решения и его оценка.
 
4. User Interviews: Метод анти-персонажей. Это те, кто может использовать продукт в злонамеренных целях.
 
5. NN/g: Поиск времени на разведочные исследования в гибкой разработке.
 
6. NN/g: Структурированная подборка своих статей об омниканальности пользовательского опыта.
 
7. User Interviews: Памятка по выбору инструмента. Они, конечно, много говорят о своём продукте User Interviews, но сами критерии и подход универсальны.
 
8. NN/g: Как использовать карты эмпатии для планирования исследований, во время их проведения и для записи результатов.
 
9. User Interviews: Продуктивное взаимодействие исследователей и команды поддержки.

#research

Собралась большая пробка из свежих ссылок, так что темы типа свежих интерфейсных паттернов и лучших практик всплывают чаще обычного. Но по весне это нормально:
 
1. Microsoft: Расширили свои гайдлайны по инклюзивному дизайну — появился раздел про когнитивные ограничения и работу с ними. Tracy Jones сделала обзор основных тезисов и приводит примеры решений из продуктов компании.
 
2. Acronis: Опыт работы с текстами в интерфейсе. Как добиться согласованности по всему продукту.
 
3. Frank Rausch: Простая памятка по современным навигационным паттернам в iOS.
 
4. NN/g: Советуют ограничивать использование технического жаргона в интерфейсах. Он уместен только для узкоспециализированных сервисов, для остальных — стоит давать расшифровку или вообще избегать их.
 
5. Creative Navy: Большой обзор интерфейсных паттернов, которые используются в сервисах-дашбордах.
 
6. NN/g: Подходы к китайским «интернет-магазинам на диване». Как они ведут трансляции и связывают их с покупкой товара.
 
7. Gil Bouhnik: Примеры манипуляции с данными на графиках. Как искажают информацию с помощью тёмных паттернов.
 
8. Подборка иконок-переключаетелей тёмной темы оформления с кодом на CSS.
 
9. Creative Navy: Интерфейсы приложений для отслеживания симптомов хронических болезней.
 
10. Daley Wilhelm: Заметила популярность эмоджи и иконок искр в интерфейсах. Она копнула, откуда они появились и не советует увлекаться ими.
 
#patterns

Щепотка дизайн-менеджмента в начале недели:
 
1. Figma: Новая версия карьерной лестницы для дизайнеров. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.
 
2. NN/g: Структурированная подборка своих статей о UX-стратегии.
 
3. Слава Шестопалов: Подробная памятка по проведению воркшопов по дизайну. Много советов по разным этапам подготовки и проведения, а также инструкция по решению возникающих проблем по ходу.
 
4. User Interviews: Большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.
 
5. Indeed: Способы оценить качество текстов в интерфейсе, которые готовит команда редакторов.
 
6. Jeff Patton: Важность видения будущего в продуктовой работе. Он показывает, как собрать его.
 
7. Scott Jenson: Советы по обсуждению дизайна и работе с обратной связью.
 
#management