Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах. Все выпуски — https://jvetrau.com/category/digest/ ВК — https://vk.com/pdigest РЕКЛАМЫ НЕТ.
На этой неделе снова будет выгрузка свежего по алгоритмическому дизайну в пару заходов. Пару месяцев не доходили руки собрать вместе (скорость появления нового запредельная), но момент за хвост сейчас пойман. Начнём с инструментов:
ДИЗАЙН
Framer сгенерирует сайт по текстовому описанию, а потом поможет докрутить отдельные элементы из набора предложений.
Figma купила нашумевший стартап Diagram, который запустил энтузиаст Jordan Singer с командой. Они делают простые и достаточно прагматичные решения, которые наверняка скоро попадут в Figma. В статье описаны несколько сценариев использования, которые уже помогут в повседневных задачах — например, автоматическая категоризация идей из брейнштормов (дико нудное дело).
Adobe Firefly теперь встроен и в Photoshop через функцию Generative Fill. Можно выделить место на фото и добавить туда любой объект. Как это работает. Это лучшая реализация алгоритмических функций в инструменте дизайна на текущий момент — они встроены органично в существующий процесс и прокачивают его, а не делают костыльные надстройки. Как и должны быть везде.
Adobe Express: Новый простой инструмент дизайна для несложных макетов и видео. Он умеет генерировать изображения и шрифты с помощью Firefly, готовит макет под разные размеры.
Adobe добавили в Illustrator экспериментальную функцию Generative Recolor. Она меняет цвета на сложных иллюстрациях с помощью их движка Firefly.
Uizard Autodesigner: Видео-обзор от Kim Alban.
Shaper: Вторая версия инструмента от Hayk An, который позволяет настраивать интерфейс, собранный на базе компонентов с токенами. Можно получить случайную комбинацию параметров, так что это игрушка на стыке алгоритмического дизайна.
Drag Your GAN: Можно простым способом указать, как нужно поменять параметры объекта или персонажа на фото.
Durer: Генерирует иллюстрации в вашем собственном стиле. Он учится на нескольких примерах.
Recraft: Генератор и редактор иконок и иллюстраций в разных стилях. Это смесь текстового запроса и выбора параметров.
Mandala: Интеграция Stable Diffusion в инструмент для 3D-моделирования Maya. А ещё там появится официальный ассистент на базе OpenAI.
Spline для 3D научился генерировать объекты по текстовому описанию и накладывать стиль по примеру.
Zoo: Сервис сравнивает результаты популярных инструментов генерации картинок по текстовому запросу.
Gamma App: Может сгенерировать черновик презентации с графикой на основе тезисов.
Shap-E: Новый проект OpenAI генерирует трёхмерные объекты по текстовому запросу. Научная публикация.
Insightface Swap: Бот для Midjourney грамотно вставит ваше лицо на сгенерированное фото или иллюстрацию.
Photoleap: Фоторедактор для мобильных, умеющих кучу приёмов по стилизации и переосмыслению фото.
Illustroke: Генератор векторных иллюстраций по текстовому запросу.
ClipDrop Uncrop: Дорисовать то, что было за границами изображения (примерно как Generative Fill у Photoshop).
UX-ИССЛЕДОВАНИЯ
Dovetail сможет сгруппировать инсайты в темы или набросать черновик инсайта.
ИНСТРУМЕНТЫ ДЛЯ ТЕКСТОВ
Яндекс Маркет генерирует описание товаров с помощью YandexGPT.
TikTok: Генератор сценариев для рекламы.
LinkedIn генерирует текст сопроводительного письма для отклика на вакансию.
ПРОМДИЗАЙН И АРХИТЕКТУРА
Toyota экспериментирует с алгоритмическим дизайном для работы над машинами. Это один из самых разумных процессов — дизайнер делает первый набросок стиля, дальше алгоритм предлагает несколько вариантов его оптимизации (например, для лучшей аэродинамики). Дизайнер выбирает одно из предложений и дорабатывает его.
Finch и PlanFinder: Планы помещений.
МУЗЫКА И ВИДЕО
TikTok Ripple генерирует и редактирует музыку. Можно напеть мотив и оно превратит его в заготовку песни.
Генератор музыки по текстовому описанию от Меты.
Synthesizer V: Генерирует вокал для музыки. Он обещает упростить ранние наброски песен.
NVIDIA Align Your Latents и Runway Gen-2: Видео по текстовому описанию.
Вторая часть — в среду.
#al #algorithms
Массивная инъекция свежего о пользовательских исследованиях:
1. MeasuringU: Эксперимент с ChatGPT — насколько хорошо он умеет выделять основные темы интерфейсных проблем по результатам исследования. Они дали одинаковое задание трём исследователям и сделали три прогона с ботом. В целом результат не идеальный, но пристойный.
2. User Interviews: Мясистая памятка по пользовательским исследованиям для дизайнеров и менеджеров продуктов. Как взаимодействовать с профессиональным исследователем, какие методы можно использовать самому, как задавать правильные вопросы и т.п. Правда, они зачем-то разделяют всё на проектировщика и продуктового дизайнера, но это можно игнорировать.
3. Condens: Универсальный подход, который поможет выбрать правильный способ донесения результатов исследований на разных этапах работы продуктовой команды.
4. User Interviews: Шаблоны для проведения юзабилити-тестирования.
5. Jeff Sauro и Jim Lewis: Продолжают изучать измерения технической подкованности. В этой статье они пытаются проследить влияние этого показателя на успешное выполнение задачи.
6. NN/g: Методы поиска респондентов и проведения юзабилити-тестов с пользователями, которые имеют ограничения по зрению. Выводах из соседнего исследования на тему ввода текста на мобильных такими пользователями.
7. Alison Jones: База знаний и инсайтов из исследований Atlassian Research Library. Как они собирали требования к ней, какие удачные и неудачные этапы прошли и как она работает сейчас.
8. NN/g: Советы по созданию своей панели респондентов.
9. Meghan Skapyak: Советы по проведению исследований с детьми. Как создать комфортную обстановку для них и получить дельные инсайты.
10. Liam O’Brien и Stephanie Wilson: Особенности вариации метода рассуждения респондентом вслух — когда модератор может прерывать и дополнять их в каких-то ситуациях.
11. MeasuringU: Проблема исследования, оценивающего записи немодерируемых юзабилити-тестов. Разные исследователи выделяют разные интерфейсные проблемы и пересечение между ними не сильно большое.
12. NN/g: Эффект Хоторна, который может искажать результаты пользовательских исследований. Сам факт наблюдения за ними может повлиять на поведение.
13. Дмитрий Старков: Методы тестирования продуктов на базе алгоритмов.
#research
Собрал дайджест продуктового дизайна за май 2023. Android 14 и Microsoft Fluent Design 2, алгоритмический дизайн, рифма иконок и шрифта, риски в дизайне, ChatGPT для UX-исследований, тёмные паттерны, дашборды, dynamic island и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов. Следите, читайте, подписывайтесь на канал агентства.
—
Cohere — брендинг платформы алгоритмической работы с контентом от американского агентства Pentagram
Языковой искусственный интеллект помогает компаниям развиваться. Он разработан, чтобы позволить людям и компьютерам учиться в тандеме и приносить реальную ценность бизнесу. Pentagram создали для платформы её новую айдентику, которая переносит продукт бренда из области передовых экспериментальных технологий в современные потребности бизнеса.
В основу проекта легла концепция New Nature, в которой текучесть и несовершенство природы сочетаются с рациональностью и эффективностью вычислений. Экосистема Cohere похожа на природную среду, представленную сетью разумных живых клеток: в ней создаются новые проекты, растет пользовательское сообщество и развиваются языковые модели.
Многослойная визуальная идентичность состоит из различных элементов. В основе айдентики — паттерн, восходящий к диаграмме, названной в честь математика Георгия Вороного. Логотип состоит из символа и словесного знака, символизирующие динамические ячейки клеточного языка. Новая цветовая палитра включает естественные тона природы (хвойно-зеленый, грибовидно-серый и вулканический черный) в градиентном сочетании с синтетическими оттенками машинных технологий (имитация коралла, синтетический кварц и акриловый синий). Также были создан набор функциональных значков интерфейса и пиктограмм конечной точки. Искусственный стиль шрифта отсылает к цифровому кодо-ориентированному миру.
Новая идентичность проявилась во всех каналах бренда — сайт, приложение, дашборд и «песочница» для разработчиков, а также в наборе сверхмощных цифровых инструментов для коммуникаций (Cinema 4D, спецплагин для Figma). Бренду нужна была система, которая могла бы расти вместе с ним, поэтому компоненты и инструменты создавались с высоким уровнем гибкости.
Подробно о проекте
#branding
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов.
—
Going — ребрендинг сервиса бронирования авиабилетов от британского агентства Design Studio
Бренд продвигает свой подход к поиску — меньше фокусироваться на пункте назначения. Это побуждает пользователей смело вращать земной шар и исследовать новые направления. DesignStudio поддержали развитие бренда новой стратегией и идентичностью.
Когда вся туриндустрия позиционируется вокруг цены (а бренд из этого вырос), появилась возможность отстроиться с помощью эмоциональной платформы. Название Going (в отличие от старого Scott's Cheap Flights), удачно отражает главную идею, внушая чувство любопытства и рвения к приключениям. А элементы словесного знака игриво интерпретируют спонтанные перипетии путешествия.
Система дизайна основана на бесстрашной идее быть достаточно непредубежденным, чтобы легко выбирать очередное место на карте. В цифровом виде это переводится в интерактивные принципы: когда просматриваешь интересные направления для поездки, с каждым движением на экране открывая что-то новое. Каждый аспект системы связан со всеобъемлющей идеей бренда: предложить неожиданное, скрывая и открывая, переворачивая и вращая. Метафора и визуальный приём вращения земного шара отлично встроены в интерфейс. Цветовая палитра вдохновлена биологическим разнообразием планеты — тёплые и холодные оттенки из климатического диапазона объединяются с яркими акцентами зелёного, оранжевого и розового. Все это передает азартный дух путешествий и новых образов жизни. Иллюстрации изображают участников сообщества и сочетаются с иконографикой, которая делает планирование путешествий более простым и приятным. На фото нет банального — достопримечательностей и позирования. Предпочтение отдается небольшим моментам, которые рассказывают уникальные и личные истории.
Подробно о проекте
#branding
P.S. Будем выпускать такие обзоры всю неделю — следите, читайте, подписывайтесь на канал Funky Agency.
Ежегодная конференция Google I/O 2023 прошла 10 мая в онлайне (в основном). Основная часть ставила рекорд по количеству повторений слова «AI», так что больших изменений в Android и Material Design кроме выхода телефона Pixel Fold с гибким экраном — нет. Но вот что накопалось:
MATERIAL DESIGN
Сильно обновили гайдлайны по поддержке больших экранов и планшетов (обзор и ещё один). Ещё про работу с ними
— Дизайн
— Разработка
— Тестирование
Расширяется набор компонентов Jetpack для Material 3. Один из необычных — карусель со своим флёром.
Более предсказуемая анимация для перемещения назад (ещё про это).
Контрастные темы оформления для поддержки accessibility. Есть даже полностью монохромный вариант
Обновили UI Kit для Figma.
Улучшенная работа с цветом и темами оформления на их основе.
Видео-презентация их видения «forms follows feelings» — они обосновывают логику Material You. Зачем-то оскорбляют изначальную концепцию Material Design (где этот термин имел смысл), не предлагая сопоставимой по силе метафоры.
Видео-презентация более мягкого языка анимации.
ANDROID 14
Новый сайт Design for Android собрал всё о работе над интерфейсами для любых веток ОС (обзор).
В Android Studio появился бот а-ля GitHub Copilot, который помогает писать код.
Появился визуальный линтинг для поиска проблем с accessibility.
Можно будет транслировать приложения с Android-телефона на Chromebook.
Более гибкая шкала масштабирования шрифтов.
Упрощение паролей через их менеджер и метод passkeys.
ANDROID AUTO
Получение и использование части данных о состоянии машины (например, уровень заправки).
Объединение всех экранов в машине (включая пассажирские).
Поддержка игр.
Как портировать планшетные приложения.
Текстовый обзор.
Раздел для дизайнеров и разработчиков.
К концу 2023 года Android Auto будет доступна в 200 млн машин
Вот вообще все видео выступлений конференции, если обзора мало.
В прошлом году я вообще пропустил традиционный обзор изменений в дизайне Android, потому что было негусто. Тут кой-чего есть, но тоже без революций. Посмотрим, что там будет на WWDC 5–9 июня.
#materialdesign #designsystems
Что выпустили и готовят к выходу из свежих книг по дизайну интерфейсов:
1. Marcin Wichary «Shift Happens» об истории клавиатур. Он проследил её за 150 лет от печатных машинок до современных.
2. Erica Jorgensen «Strategic Content Design. Tools and Research Techniques for Better UX» о пользовательских исследованиях контента. Выдержка из главы №1.
3. Maria Giudice и Christopher Ireland «Changemakers» об управлении изменениями с помощью дизайна. Глава №1 в открытом доступе.
4. Yael Ben-David «The Business of UX Writing» о «продаже» бизнесу ценности системной работы с контентом.
5. Eli Woolery и Aarron Walter «Collaborate Better Handbook». Она основана на серии подкастов и посвящена командному взаимодействию.
6. Sheryl Cababa «Closing the Loop» о системном мышлении для дизайнеров. Выдержка из главы №1.
7. Donna Lichaw «The Leader’s Journey. Transforming Your Leadership to Achieve the Extraordinary» о дизайн-менеджменте и лидерстве.
8. Preston So «Immersive Content and Usability» о дизайне и юзабилити интерактивного контента.
А вот что на подходе у Rosenfeld Media:
— Jake Burghardt «Stop Wasting Research». Он несколько лет писал серию статей о базах знаний и инсайтов из пользовательских исследований и теперь упаковал это в книгу. Обещает быть ультрапередовой и полезной.
— Rachel Posman и John Calhoun «The Design Conductors».
— Erin Weigel «Design for Impact».
— Sarah Doody «The Product of You».
#books
Что там нового по лучшим интерфейсным паттернам и практикам?
1. Alex Hollender: Недавний редизайн Wikipedia. Какие проблемы решали, как шёл дизайн-процесс и насколько сложно было согласовать выкатку.
2. Slack: Поддержка accessibility. Как прорабатывали эти возможности и тестировали с пользователями.
3. Daley Wilhelm: Разбирает интерфейс игровой приставки Playdate.
4. Baymard: Подсказки точного адреса в интернет-магазинах.
5. Julien Martin: julienmartin_/designing-zenly-part-i-ec7dc0a1e3ad">Все этапы работы над брендом и интерфейсом сервиса Zenly, который недавно закрылся.
6. NN/g: Лучшие практики проектирования «магазинов на диване» в мобильных приложениях.
7. Chamjo: Ещё одна коллекция интерфейсных паттернов.
8. Peter Ramsey: Лютый схематоз со скидками на сайте Domino's Pizza. Жёсткий тёмный паттерн ценообразования.
9. Rosie Hoggmascall: Анализ процесса встречи нового пользователя в приложении для знакомств Bumble.
10. Growth Design: Анализ процесса встречи нового пользователя в сервисе Loom. Как они ненапряжно вовлекают.
11. Swiggy: Виджет live activity и «динамический остров» в iOS для сервиса доставки.
12. NN/g: Типичные проблемы в информационной архитектуре.
13. Eva Katharina Wolf: Поддержке пользователей с дислексией в интерфейсах.
#patterns
Собрал дайджест продуктового дизайна за март 2023. Навигация на мобильных, рифма иконок и шрифта, дизайн-системы, развитие дизайнеров, воркшопы, дизайн-менеджмент, ResearchOps, аудит контента, алгоритмический дизайн, обратная связь от пользователей и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru — https://vc.ru/u/8729-yury-vetrov
— ВКонтакте — https://vk.com/pdigest
— RSS — https://jvetrau.com/feed/
Щепотка дизайн-менеджмента в начале недели:
1. Figma: Новая версия карьерной лестницы для дизайнеров. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.
2. NN/g: Структурированная подборка своих статей о UX-стратегии.
3. Слава Шестопалов: Подробная памятка по проведению воркшопов по дизайну. Много советов по разным этапам подготовки и проведения, а также инструкция по решению возникающих проблем по ходу.
4. User Interviews: Большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.
5. Indeed: Способы оценить качество текстов в интерфейсе, которые готовит команда редакторов.
6. Jeff Patton: Важность видения будущего в продуктовой работе. Он показывает, как собрать его.
7. Scott Jenson: Советы по обсуждению дизайна и работе с обратной связью.
#management
Кажется, я забыл включить в недавнюю мини-подборку о пользовательских исследованиях вот эти штуки:
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. 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
Продолжаю выгрузку свежего про алгоритмический дизайн, многое из которого попало на обновлённый сайт-коллекцию. Ещё раз огромное спасибо агентству 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. Анастасия Дедова рассказывает, как решала seanastasiia/prompt-how-are-ai-generated-images-useful-in-real-projects-cca31c338573">реальную задачу для онлайн-казино с помощью Midjourney.
3. Phygital+ AI Library: Огромнейший каталог инструментов и моделей алгоритмического дизайна. Обычно не даю ссылки на другие подборки, потому что для меня важнее вытащить суть и конкретное новое, но тут объём фантастический.
Цель моей коллекции — скорее показать виды дизайнерских задач, которые могут закрыть такие инструменты, а не ультимативный каталог. Поэтому многое просеиваю.
#ai #algorithms
Собрал дайджест продуктового дизайна за январь 2023. CES 2023, ChatGPT для юзабилити-тестов и плагинов Figma, шаблоны для UX-исследований, JTBD, финтех, управление полётами, история клавиатур, размеры шрифтов в дизайн-системах и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Продолжаем неделю дизайн-менеджмента подборкой на ход ноги:
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
Двойная Тройная порция свежих ссылок о лучших интерфейсных паттернах и практиках:
1. The Pudding: Крутой обзор тёмных паттернов прекращения подписки. Они потратили свои деньги на эксперимент с парой десятков сервисов. Спойлер: потеряли почти все.
2. Lyft: Виджет live activity и «динамический остров» в iOS.
3. Creative Navy: Подробная памятка по дизайну дашбордов на основе своего многолетнего опыта.
4. Alex Ivanovs: Памятка по поддержке accessibility на разных уровнях.
5. Baymard Institute: Актуализировали список лучших практик для интернет-магазинов. Edward Scott сделал обзор из их недавнего исследования.
6. NN/g: Ограничения и проблемы экранных дикторов на мобильных.
7. Marcus Herrmann: Как поддержать accessibility в запросах на сбор персональных данных на сайтах.
8. Christopher Butler: Правильный ритм в подаче информации на длинных страницах, чтобы пользователи докручивали их до конца. Он ссылается на исследования Nielsen/Norman Group и Chartbeat на эту тему. Он также показывает пример перестройки длинной промо-страницы в более читабельный формат. И выделяет ключевые правила такого переосмысления.
9. Luke Wroblewski: Сценарии использования дополненной реальности.
10. Uber: Редизайн навигации. Они делали много интерактивных прототипов разного уровня сложности и активно тестировали их.
11. NN/g: Памятка по показу сообщений об ошибках в интерфейсе.
12. Creative Navy: Изучили и сравнили медицинские интерфейсы.
13. Adam Silver: Проблемы «залипающей» навигации на сайте и заблокированных кнопок в формах (это древний спор, я на его стороне).
14. Camryn Manker: Чеклист по поддержке accessibility в игровых интерфейсах.
15. Коллекция идиотских вариантов интерфейса правил использования сайта и реализации старого эппловского жеста «проведите, чтобы разблокировать».
16. NN/g: Особенности использования «шторок» в мобильных интерфейсах. Статья полезная, но с оговоркой про спорную рекомендацию всегда использовать явную иконку «крестика» для закрытия — не нужно переизобретать системные элементы операционных систем.
17. Luke Wroblewski: Напоминает, что нудные длинные туры при встрече нового пользователя часто бесполезны. И приводит пару примеров продуктов, которые поменяли их на реальную ценность.
18. Asma Aldrees и Denis Gračanin: Большое исследование государственных цифровых сервисов. Что пользователи ожидают от них и как системно подступаться к работе такими проектами.
19. Peter Ramsey: Дикая механика покупки билетов в сервисе Ticketmaster. Он ограничивает время на оплату, что в условиях вереницы партнёров уполовинивает шансы на покупку.
20. Baymard: Удачные и плохие интерфейсные приёмы, чтобы показать состав витаминов в интернет-аптеках.
21. NN/g: Короткая шпаргалка по «скелетным» экранам загрузки.
22. Jim Lewis и Jeff Sauro: Сравнительные исследования сайтов интернет-магазинов офисных товаров и интернет-магазинов электроники. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
#patterns
Свежая выгрузка из базы нового по дизайн-менеджменту. Загрузка начинается через 3, 2, 1…
1. Mia Blume: Советует дизайнерам говорить с бизнесом не об абстрактном улучшении качества продукта, а об инвестициях в ключевые метрики с помощью дизайна.
2. NN/g: Управление рисками при внедрении и обновлении дизайна. Как это влияет на пользователей и как предусмотреть потенциальные проблемы.
3. Контур: Координация сообщества пользовательских исследований. Как внедряются общие методы, проводится планирование и ретро.
4. Steve Bromley: Как ранжировать интерфейсные проблемы в игровых интерфейсах.
5. Clara Kuo: Персональная стратегия для пользовательских исследователей, которые первыми пришли в компанию.
6. Andrea Mignolo: Сила коучинга от дизайн-менеджера. Этот метод помогает не только самому дизайнеру, но и всей организации, которая думает в таком ключе.
7. Capital One: Стратегия развития UX-исследований в компании. Подход к её формированию и реализации.
8. SAP: Модель проникновения хорошего дизайна в компании. Это 4 этапа масштабирования.
9. Joshua McLaughlin: Матрица AAI (Awareness, Alignment, Inclusion) для вовлечения участников проекта, которая на вид проще классических RACI и аналогов. Перевод.
10. User Interviews: Шаблоны для проведения встреч по дизайну.
11. Microsoft: Вариация ретроспективы для дизайнеров, которая здорово помогла на удалёнке.
#management
В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Лёгкое дежавю из такого же поста прошлого года: как и месяц назад в Android 14, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Зато количество мемов про очки Vision Pro перебило всю новостную повестку. Если выделять какие-то вещи, то вот что:
——
VISIONOS
Очки виртуально-дополненной реальности Vision Pro работают на новой ветке операционных систем. Она относительно преемственна остальным — те же иконки приложений, аналогичные стандартные компоновки типа браузера и компоненты типа вкладок. Сами приложения могут иметь одно или несколько окон, глубину в 3D и своё пространство.
— Очки непрозрачные, но могут работать как в режиме дополненной, так и полностью виртуальной реальности (ну и показать ваши глаза на внешнем экране).
— Управление жестами (без специального контроллера), голосом и взглядом. Также авторизация по зрачку, включая Apple Pay. И отслеживание движений головы.
— 3D-камеры для картирования окружающей среды.
Кое что по созданию приложений для visionOS уже можно почитать и посмотреть:
— Ранняя документация для разработчиков
— Видео выступлений
— Интервью с первыми попробовавшими компаниями.
Коммерческая успешность под большим вопросом — только большие проекты типа Microsoft HoloLens, Google Glass / Cardboard / Daydream, Magic Leap или Meta остались нишевыми B2B-шными, а то и вовсе похоронили миллиарды инвестиций, не считая десятков менее известных. Но в плане мультиплатформенной дизайн-системы пример очень интересный. Профессия точно обогатится интересным опытом и наработками в этом плане.
——
IOS17:
1. Появился режим стенда с крупным ландшафтным представлением приложений
2. В библиотеке иконок SF Symbols теперь есть анимация
3. Виджеты стали интерактивными — например, можно включать приборы умного дома или выполнять задачи из напоминалок
4. Интересные стилистические приёмы:
— Всплывающее меню приложений для iMessage
— Настраиваемый экран звонка для конкретных контактов
— Отслеживание ментального здоровья
5. Airdrop позволяет передавать данные и контакты при прикосновении устройств
6. Предлагает дописать текст по нажатию на пробел в духе Gmail.
7. Упрощается подключение к гостиничным телевизорам через AirPlay с помощью QR-кода
8. Live Speech сможет говорить вашим голосом, если немного потренировать его
Немного полезных материалов и видео для дизайнеров:
— Официальные шаблоны iOS 17 и iPadOS 17 для Figma от Apple. apple">Они наконец-то пришли в сообщество
— Единый подход к обучению в приложении TipKit
— Live activities
— Быстрый вход в разделы приложения через поиск в spotlight
Победители Apple Design Awards этого года.
——
IPADOS17:
1. Виджеты на экране блокировки
2. Можно реагировать с помощью жестов на звонках FaceTime
——
WATCHOS10:
1. Редизайн ключевых приложений
2. Прокручиваемая стопка виджетов
——
MACOS SONOMA:
1. Общие виджеты с iPhone
2. Любые приложения для созвонов могут накладывать вырезанную фигуру говорящего на презентацию
3. Можно поделиться любым файлом прямо в любое приложение для созвонов — хорошее соответствие стандарту удалённой работы
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле.
#ios #trends #events
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов. Следите, читайте, подписывайтесь на канал агентства.
—
Airtasker — каталог мастеров по бытовым услугам Airtasker от британского агентства Koto
Сервис представляет собой надежное сообщество специалистов, которые готовы оказать услуги в быту или бизнесе. Студия Koto взялась за разработку новой индивидуальности австралийского бренда с десятилетним опытом на рынке. Let’s do this! Простая идея, лежащая в основе бренда, подтолкнула команду проекта к созданию смелой, уверенной и полной энергии идентичности.
Первое внимание привлекает обновленный логотип. Airtasker был узнаваем в своей стране по крылатой букве «А», которая символизировала быстрое выполнение запросов. Новый словесный знак остается верным этому наследию, но имеет свою интерпретацию крыла, которое появляется в нескольких точках. Буквы в лого машут, улыбаются и прыгают, пытаясь передать теплую, воодушевляющую энергию и разнообразие бренда.
Новая визуальная идентичность ставит в центр обычных экспертов, подчеркивая их замечательные навыки. Фирменный синий — теперь смелый и акцентный цвет в окружении сочной поддерживающей палитры. Живые, часто анимированные иллюстрации в сочетании с выразительными изображениями передают движение, стремление и энтузиазм всего сообщества. Настоящий фирменный стиль распространился на всё цифровое пространство бренда — сайт, приложение, социальные каналы коммуникации. С помощью вербальных проявлений бренд говорит о своей многозадачности. Тон его голоса основан на целеустремленном духе и представлен с помощью динамической типографской системы, которая обеспечивает ясность и прозрачность.
Важным моментом в ребрендинге стали глобальные амбиции бренда. Новый характер и внешний вид должны помочь ему выйти на мировой рынок — заявить о себе и добиться большого успеха.
Подробно о проекте
#branding
Дайджест заколлабил с Funky® Agency по новой айдентике, а на этой неделе вместе выпустим серию обзоров свежих ребрендингов цифровых продуктов.
——
Mixpanel — ребрендинг аналитического сервиса, сделанный внутренними силами
Новое видение бренда исходило из его миссии — помочь миру учиться на своих данных: сделать аналитику доступной для всех. Mixpanel верит в творческих строителей — людей, которые стремятся создавать и руководить изменениями — будь то создание новых компаний, продуктов, услуг, брендов или сообществ.
Первоначально логотип был разработан для визуализации воронки: поток данных анализируется и превращается в интерактивный интерфейс, который помогает командам взаимодействовать с пользователем. Со временем значение лого в проекте изменилось — уникальный «x» отмечает новую главу и показывает движение бренда к будущему. Графический язык бренда придает форму невидимому миру анализа данных. Бренд говорит с пользователями амбициозно и уверенно, но при этом тон голоса остается поддерживающим и честным. Широкий набор ярких цветов обеспечивает доступность и гибкость в коммуникациях. Выбранные шрифты отлично работают вместе — интерфейс интуитивно понятен и прост. В иллюстрациях команда представила прогрессивный мир Earth+, в котором работает множество компаний. Не великая утопия, а место, где продукты становятся порталами для великих возможностей. Ретро-футуристическая атмосфера сообщает, что бренд ориентирован на будущее, но основан на сегодняшних реалиях.
Подробно о проекте
#branding
P.S. Будем выпускать такие обзоры всю неделю — следите, читайте, подписывайтесь на канал Funky Agency.
Собрал дайджест продуктового дизайна за апрель 2023. Брендинг цифровых продуктов, кто придумал термин UX, алгоритмический дизайн, свежие книги, история мобильных, пользовательские исследования, dynamic island, accessibility и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Если вы заметили — я стартую поэтапное обновление бренда дайджеста. В прошлом году подготовил обновлённую концепцию, вокруг которой описал роль бренда («Утоли информационный голод»), проработал методологическую часть с Кирой Чубенко, сделал основу айдентики с Funky Agency и первый подход к фирменному шрифту с Бюробукв. В течение года всё это должно раскрыться в цельную визуальную систему. Ну и самое главное — сам дайджест обновится концептуально как информационный продукт. В общем, не переключайтесь :)
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
P.S. Огромное спасибо Саше Орлову за прошлые два визуальных направления!
Традиционно насыщенная информационным мяском мини-подборка о пользовательских исследованиях:
1. Сообщество ResearchOps: Каталог инструментов для всех видов и задач исследований. Они также провели опрос про их популярность. Как его делали.
2. Jake Burghardt: Фешенебельный фреймворк помогает оценить текущее влияние исследований в компании на продуктовую работу на разных этапах. Он показывает текущую ситуацию и помогает выбрать следующие шаги в повышении влияния.
3. Jeff Sauro, Christopher Roberts, Kelly Palmer и Jim Lewis: Советы по организации постоянно идущих пользовательских исследований (rolling research). Эта концепция пришла из Lean UX.
4. NN/g: Удачные и плохие примеры запроса обратной связи в интерфейсе. В какой момент показывать их и как делать короткими.
5. User Interviews: Шаблоны и методы для ведения заметок по ходу исследования. Она также тезисно описала лучшие практики. Бонус: шаблоны для проведения исследований в целом, а также персонажей, Jobs to Be Done и других ментальных моделей.
6. Connor Joyce: Роль и задачи специалиста по поведенческой науке.
7. User Interviews: Когнитивные искажения исследователей. Как бороться с ними и вообще замечать на ранней стадии.
8. Emily DiLeo: Описание отчётов и других документов о прошедших исследованиях в базе знаний и инсайтов.
9. NN/g: Разница между данными, выводами и инсайтами из качественных и количественных исследований.
10. Condens: Особенности подхода к демократизации исследований.
11. Indeed: Встречи по генерации идей, которые проходят после проведения исследований.
12. NN/g: Этические дилеммы, которые возникают в процессе исследований.
13. User Interviews: Исследования в классическом офлайновом формате постепенно возвращаются после пандемии. Памятка по обеспечению безопасности для них.
#research
Design Prosmotr опубликовали моё выступление про фреймворк брендинга цифровых продуктов. Первые кусочки появились ещё в Mail.ru Group, а в Райффайзен Банке всё сложилось в цельную картинку. С тех пор я работаю по нему и это здорово помогает снижать риски того, что концепция айдентики останется только на уличных плакатах и в кейсе агентства. А сам бренд будет не только про фирменных стиль, а про то как всё выглядит, работает и ощущается. Ведь в сильной компании бренд и продукт — тождественны.
С прошлого года занимаюсь упаковкой этого подхода в интенсив, так что ждите анонсов.
Кстати, вот примеры в тему из выходившего на рынке с начала года:
1. Brand New запустили раздел, посвящённый командам бренда внутри продуктовых компаний. У каждой команды развёрнутый профиль с описанием формата работы, команды, ярких работ.
1. Алиса: Эволюция визуального языка.
2. Wise: финтех от американского агентства Ragged Edge.
3. Mode: аналитический сервис от американского агентства Gretel.
4. Whatsapp: мессенджер от британского агентства Koto.
5. Cohere: платформа алгоритмической работы с контентом от американского агентства Pentagram.
6. Bolt: платёжный сервис от британского агентства Koto.
7. Going: сервис бронирования авиабилетов от британского агентства Design Studio.
8. Manychat: сервис автоматизации общения с клиентами в мессенджерах от американского агентства Collins.
9. The Org: сервис для нетворкинга от голландского агентства Verve.
10. Homa: игровая студия от американского агентства Ragged Edge.
11. F-Secure: приложения для кибербезопасности от британского агентства Nomad.
12. Яндекс Маркет: Создание визуального языка.
13. Oppo: мобильные телефоны от шведского агентства Stockholm Design Lab.
14. Netflix: иконки, иллюстрации и типографика от британского агентства Koto.
15. Frame.io: дочерняя компания Adobe, сделано внутренними силами.
16. Amazon Prime Video: видео-сервис от американского агентства Pentagram.
17. Brite: платёжный сервис от британского агентства MultiAdaptor.
18. Around Pet: сервис мониторинга домашних питомцев от немецкого агентства Navarra.
#branding
Выгрузил пачку обновлений на сайт-коллекцию алгоритмического дизайна:
1. Adobe Firefly: Генератор фото и иллюстраций по текстовому запросу от Adobe на базе их платформы Sensei. Их можно быстро редактировать всеми модными способами, которые они показывали последние годы в основные продукты.
2. Midjourney 5: В новой версии лучше получаются руки, глаза и зубы, больше детализация и размер 1024x1024 (было 512x512).
3. GPT-4: OpenAI выпустили свою новую языковую модель: Она умеет анализировать и анализировать изображения (что на них происходит, включая пояснительную бригаду для мемов), менять стиль общения, превращать бумажный набросок интерфейса в готовую вёрстку, создать готовое мобильное приложение по описанию концепции. Они также сделали плагины — уже есть е-ком (Shopify, Klarna), бронирование билетов (Expedia, Kayak), еда (Instacart, OpenTable), автоматизация (Zapier) и другие. А также интеграцию через API. Ну и Luke Bechtel создал выдуманный язык программирования с помощью него.
4. Uizard Autodesigner: Инструмент алгоритмического дизайна обещает делать экраны интерфейса по текстовому описанию.
5. Noya: Инструмент алгоритмического дизайна от бывших дизайнеров Airbnb. Он превращает набросок интерфейса в готовый макет на базе компонентов дизайн-системы. Анонс.
6. Tome: Инструмент алгоритмического дизайна для презентаций. Может сгенерировать черновик с графикой на основе тезисов.
7. Piggy: Инструмент генерирует простые сайты-презентации для мобильных с помощью алгоритмического дизайна.
8. Плагин Stable Diffusion для Blender. Помогает создавать и анимировать объекты.
9. Neural3D: Инструмент генерирует 3D-объекты по текстовому запросу.
10. ECON: Экспериментальный алгоритм позволяет создать 3D-модель человека на основе фото.
11. Chris Lueders: Попробовал написать гайдлайны для компонента в дизайн-системе с помощью ChatGPT. В целом работает, хотя и слишком общо — важна специфика продуктов конкретной компании. Ведь такие тексты пишутся для облегчения жизни потребителей дизайн-системы, а не автора документации.
12. Opera: Краткий пересказ статей в браузере — его делает ChatGPT. По кнопке «Сократить» появится пересказ в боковой панели.
13. Telega.in: Генератор постов в Телеграме и картинок к ним.
14. Ray Wang: Иллюстрации для своей детской книги «Say Yes to Doing» с помощью Midjourney. На работу ушло около двух недель.
15. ArtFair: Концепция сервиса, который платит авторам иллюстраций и фотографий, которые использовались при тренировке инструментов алгоритмического дизайна.
16. Josh W Comeau: ChatGPT не заменит разработчиков, несмотря на широкие возможности GPT-4. Это как визуальные конструкторы сайтов — они снизят порог входа, но помимо этого сделают разработчиков продуктивнее. У Christian Heilmann похожее мнение.
17. GitHub Copilot X: Новая версия пишет описания для pull-запросов, генерирует юнит-тесты, исправляет ошибки в коде, помогает разобраться в документации, а также доступна из командной строки.
18. Microsoft 365 Copilot: Приложения вроде Word, Excel, PowerPoint, Outlook и Teams могут генерировать и анализировать документы. Это большой рывок в продуктивности. У Google Docs похожие планы.
19. Salesforce: Встроили ChatGPT в свою CRM, так что обещают генерировать и адаптировать контент для неё. Анонс.
20. Intercom: Встроили ChatGPT в свой сервис поддержки пользователей — он обрабатывает часть запросов. Как его делали.
21. Экспериментальный сервис помогает определить текст, написанный с помощью ChatGPT. Пока, правда, только для модели GPT-2.
Эта коллекция — мой второй из четырёх запланированных проектов на Webflow — в этом году должен запустить ещё много интересного.
#al #algorithms
Собралась большая пробка из свежих ссылок, так что темы типа свежих интерфейсных паттернов и лучших практик всплывают чаще обычного. Но по весне это нормально:
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
Собрал дайджест продуктового дизайна за февраль 2023. Адаптивность по-новому, конец дизайн-мышления, покрытие дизайн-системой, видение будущего, алгоритмический дизайн, техническая подкованность пользователей, ChatGPT для поиска исследований и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Только успел выпустить мини-дайджест про пользовательские исследования, как опять налилось:
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
В прошлом году перезапустил сайт-коллекцию алгоритмического дизайна. Огромное спасибо агентству 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
Пробка из непрочитанного свежего разбирается, но медленно. Выдам партию ссылок по дизайн-системам:
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
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