Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах. Все выпуски — https://jvetrau.com/category/digest/ ВК — https://vk.com/pdigest РЕКЛАМЫ НЕТ.
Собрал дайджест продуктового дизайна за июнь 2023. visionOS и iOS17, алгоритмический дизайн, CSS для дизайн-систем, тренды в логотипах и упаковке, отдача от UX-исследований, куча нового в Figma, открытая библиотека книг, упрощение длинных страниц и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
На этой неделе снова будет выгрузка свежего по алгоритмическому дизайну в пару заходов. Пару месяцев не доходили руки собрать вместе (скорость появления нового запредельная), но момент за хвост сейчас пойман. Начнём с инструментов:
ДИЗАЙН
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. Dan Mall: Простыми и чёткими мыслями пересказал стандартную логику процесса алгоритмического дизайна, актуальную на сегодняшний день. Она повторяется из года в год, не меняясь при смене волн хайпа.
2. Matty Brownell: Иллюстративная графика для бренда в едином стиле с помощью Midjourney.
3. David Truog: Смогут ли такие инструменты развиваться, если сами дизайнеры не будут поставлять им свежие обучающие данные из своих работ.
4. Jay Anthony: Реалистично ли писать сценарии для юзабилити-тестирования через ChatGPT. Конкретики мало, но ограничения подсвечены.
5. Как сделать иллюстративные QR-коды от nhciao через Stable Diffusion, которые работают на самом деле.
ПОЛЬЗОВАТЕЛЬСКОЕ ВЗАИМОДЕЙСТВИЕ С НИМИ
1. Jakob Nielsen: Современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
2. Luke Wroblewski: Прикрутил поиск по своему блогу на базе ChatGPT (включая видео и подкасты). Затея интересная — он отвечает на вопросы в свободной форме выводами из статей Люка (а он написал очень много материалов за 25 лет). Его мысли про стандартную иконку такого поиска через «магические искры».
3. Stephen P Anderson: Проблемы генераторов текстов а-ля ChatGPT. Они способны создавать черновики, но многие забывают, что эти черновики нужно критически анализировать и доводить до ума.
4. Jakob Nielsen: Одно из первых вменяемых исследований на тему продуктивности и качества работы специалистов, использующих ChatGPT. Они стали тратить меньше времени на написание черновиков, но больше на редактуру. В целом качество материалов достойное. Бонусом они традиционно шутканули на 1 апреля на эту тему.
5. Luke Wroblewski: Переход редакторов графики и видео от инструменто-центричных интерфейсов к объекто-центричным. Алгоритмический дизайн подталкивает к этому.
6. Maggie Appleton: Концепты взаимодействия с чат-ботами. Как они могут уточнять и дополнять текст.
КАК ВСЁ ЭТО РАБОТАЕТ
1. Алина Валяева: Политика фотобанков и сайтов вопросов и ответов по поводу использования контента, сгенерированного алгоритмами.
КУЛЬТУРНЫЙ ЭФФЕКТ
1. Amy Goodchild: Примеры алгоритмического дизайна из 50х и 60х. Забавно, что даже дискурс про роль таких инструментов местами такой же, как в текущую волну.
2. Fast Company: Значительная часть логотипов современных сервисов вокруг ИИ ходят вокруг разного рода шестигранников.
КАКИЕ РАБОТЫ УЙДУТ
Идущие и планирующиеся сокращения в IBM, Bild, Bluefocus Intelligent Communications Group Co.
НЕ ДЕЛАЙТЕ ТАК
1. Niloufar Salehi: Попробовал сервис Synthetic Users, который якобы генерирует персонажей на основе публичных данных без проведения пользовательских исследований. По факту это просто мусорная информация — не сильно лучше высосанных из пальца персонажей, которые пишут дизайнеры без исследований. ChatGPT создаёт похожие по бесполезности материалы.
2. Arvind Sanjeev: Как закрытые личные данные утекают для обучения алгоритмов. Например, многие генераторы лиц как будто ненастоящих людей на самом деле берут настоящие фото и просто немного дорабатывают их.
3. Использовались ли ваши данные или фото для обучения алгоритмов. Это часть более крупной инициативы Spawning по защите своих персональных данных от обработки.
4. Bloomberg: Как сервисы генерации изображений по текстовому запросу воспроизводят расовые и гендерные стереотипы.
#al #algorithms
Двойная Тройная порция свежих ссылок о лучших интерфейсных паттернах и практиках:
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