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

09 February 2023 08:04

Продолжаем неделю дизайн-менеджмента подборкой на ход ноги:
 
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

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

02 February 2023 09:24

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

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

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

23 January 2023 08:04

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

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

29 December 2022 08:04

Снова не успел сделать трушный обзор трендов 2023 года с попыткой анализа. Так что просто настрогал питательный салат из пристойных обзоров и прогнозов.
 
Мой (не)давний краш в этом ремесле — EditorX, которые стараются избегать клишухи и ретро-дискотеки про большие шрифты и анимацию. Они выделяют свежие визуальные приёмы из заметных запусков агентств и продуктовых компаний. Летом вышла промежуточная обзорка.
 
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Figma продолжает рвать рынок, FigJam догоняет Miro. Они добавили срезы про пользовательские исследования, хотя пока выглядит сумбурно. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
 
Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.
 
Разносол из итогов 2022 года:
— Яркие проекты на Readymag и Webflow
— Крафтовуха
— Упаковка
— Логотипы
— Лучшие обложки книг от Literary Hub. Есть также подборки от NY Times, Fast Company и Chicago Public Library.
— Лучший дизайн по версии журнала Core77
— Дизайн иконок
— Заметные инновации от Fast Company и Popular Science
 
И немного визуальных всплесков 2022 года:
— шрифты-добряки их 70х, в особенности в дизайне упаковки. Она связывает отход от банальных модернистских подходов новыми точками контакта с брендом, где упаковка снова важна.
 
— броские коллажи, которые возникли на волне интереса к 2000м и новых возможностей iOS по простой вырезке объектов.
 
Про 2023 расклад такой:
 
1. Общедизайнерские тренды выделяют 99 Designs, Milo, Graphic Mama, Depositphotos и Shutterstock.
 
2. Pantone объявляет цвет: наконец-то энергичный Viva Magenta («карминово-красный»).
 
3. Технологические от Gartner: стратегические (ещё).
 
Интересные дизайнерско-технологические подвижки:
1. Про второе дыхание алгоритмического дизайна написана сотня статей и обзоров, вы и сами всё видите (вот, например, овердофига всего за осень (продолжение)).
 
2. Цветные (простые и вариативные) вариативные шрифты уже можно пробовать в деле — они позволяют раскрашивать разные части символа, потенциально горячая штука. Кое-что уже есть в Google Fonts, можно поковыряться на движке WebKit. Или вот сразу изометрия.
 
3. Возможный прогресс развития экранов устройств. После перехода на ретину один из немногих способов поднять планку дальше — расширенные цветовые пространства и модели описания цветов. Как включить их в вебе.
 
4. Нововведения в стандарте поддержки accessibility в вебе WCAG 3.0. Он смотрит на тему гораздо шире и предъявляет более жёсткие требования.
 
5. OKLCH, ещё один новый способ описания цветов — https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl. Он лучше HSL в плане понятности и работы с accessibility.
 
Вышли пара публикаций толковой критической рефлексии:
 
1. Terry Nguyen отлично приложил саму идею трендов в современном мире. Зачастую их выдумывают авторы статей и дальше они имеют ограниченную жизнь, а их общий посыл — помочь упаковать какую-то часть культуры для более удобного потребления.
 
2. Ryan Duffy рассуждает, как современная экономика стартапов приводит к тому, что сайты, бренды, интерьеры, машины и многие другие вещи становятся одинаковыми.
 
3. Caio Braga, Fabricio Teixeira и Luciano Infanti глубоко копают в корни направлений дизайна. Как они связывают историю и представления о будущем на примере нескольких текущих и прошлых трендов.
 
До выставки CES 2023 осталась неделя, так что может увидим там кой-какой технологический дроп.

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

#trends

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

19 December 2022 08:04

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

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

05 December 2022 08:04

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

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

24 November 2022 08:08

Пора отпустить на волю накопления по лучшим интерфейсным паттернам и практикам:
 
1. Michael Kritsch: Фешенебельный анализ чеклистов и фреймворков для эвристической оценки интерфейсов. Он проанализировал популярные и толковые и разложил их по полочкам. Как и другие авторы, он рекомендует создавать свой чеклист под свои задачи, используя чужие списки как ориентир.
 
2. Ad Hoc: Методичка по поддержке accessibilty на всех уровнях. Это пошаговая инструкция, позволяющая внедрить хорошие практики в продуктах, командах и культуре.
 
3. Figma: Как проектировали новый интерфейс поиска и замены.
 
4. Charlotte Wittels: Подход к решению задач по дизайну интерфейсов: понять 5C (context, cases, concept, content, constraints).
 
5. Jim Nielsen: Разбирает концепцию Kyle Simpson «качества воспроизведения» сайтов. Самая простая вещь — текстовая версия для людей с плохим интернетом.
 
6. Maggie Appleton: Интерфейсная парадигма «порталов для программирования», которые объединяют лучшее из двух миров — командной строки и графических интерфейсов. Она приводит примеры нескольких исторических и современных продуктов, которые используют этот подход.
 
7. NN/g: Структурированная подборка своих статей о психологии пользователей.
 
8. Adam Argyle: Как реализовать хорошую всплывающую подсказку.
 
9. NN/g: Настройка приложений с дополненной реальностью.
 
10. Ceara Crawshaw: Памятка по проектированию хорошего интерфейса drag&drop.
 
11. Lukas Oppermann: Нюансы поддержки цветового контраста в стандарте accessibility WCAG 2.1.
 
12. Feifei Liu: Грамотное написание и отправка транзакционных уведомлений (как правило, в смс- и push-уведомлениях).
 
13. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сайтов покупки билетов на мероприятия. Они сравнили их по метрикам SUS и NPS.
 
14. NN/g: Как международные интернет-сервисы переводят пользовательский контент типа рецензий и отзывов на разные языки.
 
16. Wix: Опыт дизайна интерфейсов для разработчиков.
 
17. Maggie Appleton: Примеры удачных решений с быстрым поискам по командам, который всё чаще встраивают в интерфейсы (они обычно вызываются по CTRL/CMD+K).
 
#patterns

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

17 November 2022 08:07

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

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

07 November 2022 08:07

Пора бы снова выпустить мини-подборку свежего о дизайн-менеджменте:
 
1. User Interviews: Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований. Основные зоны фокуса и план на первые 90 дней.
 
2. NN/g: Структурированная подборка своих статей о работе с лицами, принимающими решения. Одна из свежих — памятка по проведению интервью с ними.
 
3. Spotify: Толковые мысли двух Т-образных дизайнеров о том, как лучше стать таким генералистом и в чём сила комбинации нескольких специальностей.
 
4. Square: Концепция контент-долга наподобие технического и дизайнерского.
 
5. NN/g: Памятка по построению хорошего процесса адаптации новых сотрудников в компании.
 
6. Purrweb: Серия регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.
 
7. Design Dept.: Беседа с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.
 
8. Figma: Как и какие данные и аналитику используют при работе над инструментом.
 
9. Design Dept.: Пара простых советов про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.
 
#management

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

06 February 2023 08:04

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

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

30 January 2023 08:04

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

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

09 January 2023 09:04

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

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

21 December 2022 08:04

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

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

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

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

12 December 2022 08:04

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

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

28 November 2022 08:07

Кошечка говорит «мяу», собачка говорит «гав», дизайн-системы в дайджесте говорят «и снова здравствуйте»:

1. Romina Kavcic: Интерактивная мини-книга.
 
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.

3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
 
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
 
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
 
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
 
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
 
8. Henny Swan: Где и как описывать accessibility.
 
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
 
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
 
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
 
#designsystems

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

21 November 2022 08:04

Свежая прорва ссылок о пользовательских исследованиях. И это я ещё не всё непрочитанное разобрал:

1. Jeff Sauro и Jim Lewis: Дополнение к памятке по методам — как выбирать их для конкретного этапа проекта.
 
2. Список международных конференций в 2023 году.

3. Emily DiLeo: Минимальная таксономия для базы знаний и инсайтов. Это 11 полей, которые точно нужны на старте.
 
4. NN/g: Структурированная подборка своих статей о методе персонажей.
 
5. User Interviews: Свежий анализ суммы вознаграждения респондентам. Разбивка по методам, длительности и другим параметрам исследования. Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам.
 
6. Jeff Sauro и Jim Lewis: Какая часть респондентов готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.
 
7. User Interviews: Подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.
 
8. Jeff Sauro и Jim Lewis: Влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов?. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.
 
9. Casey Gollan: Рассуждения на тему обмена данными между инструментами для хранения базы знаний и инсайтов. Почему сейчас они далеки от этого и что должно появиться.
 
10. Lindsey M. West Wallace: Считает, что жёсткое разделение между генеративными и оценочными исследованиями не очень правильно. Она старается добавить генеративные вопросы в оценочные проекты, чтобы при каждом общении с пользователями собирать знания о потребностях. Местами она заходит слишком далеко, отменяя быстрые итеративные тесты, но в целом мысль здравая.
 
11. Rolf Molich, Bernard Rummel и Susanne Waßerroth: Изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.
 
12. Интервью с Kirk Rodgers, директором пользовательских исследований в Bungie. Как развиваться и куда расти исследователю в играх.

13. NN/g: Советы по анализу путей пользователей в интерфейсе. Как находить проблемные места.
 
14. NN/g: Типичные проблемы при проведении этнографических исследований.
 
15. Noah Ward: Исследование навигации по больнице, в котором использовали очки для eye tracking.
 
16. User Interviews: Сравнение сервисов для проведения опросов.
 
17. NN/g: Советы по проведению удалённых этнографических исследований. Хотя это может прозвучать оксюмороном (они изначально задуманы на месте работы пользователя), но из-за пандемии других вариантов не было.
 
18. User Interviews: Памятка по поиску респондентов.
 
19. Steve Bromley: Типичные вопросы на собеседовании на роль пользовательского исследователя в играх.
 
#research

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

14 November 2022 08:08

Свежий ссылочный выброс на тему дизайн-систем:
 
1. Material Design: Снова переработали сайт. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы. Сам сайт.
 
2. Knapsack: Калькулятор ROI на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.
 
3. Acronis: Плагины для Figma, которые помогают экспортировать макеты писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.
 
4. Square: Команда бренда вместе с агентством Athletics описала язык анимации, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
 
5. Brad Frost: Опыт работы с веб-компонентами — он в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.
 
6. Societe Generale: Практика переиспользования бизнес-паттернов. Это целые сценарии из серии экранов.
 
7. Amplitude: amplitude/storybook-addon-amplitude">Плагин для Figma помогает анализировать использование живого гайдлайна. Как сама компания анализирует свою дизайн-систему.
 
8. Lukas Oppermann: Памятка по дизайну тёмной темы оформления. Он проходится по основным аспектам: изображения, пиктограммы, тени, шрифты, цвета.
 
9. Token CSS (https://tokencss.com/): Генератор токенов. Описываете их в JSON, дальше он экспортирует их в разные форматы.
 
10. Storybook: Как сделать переключатель языков с помощью фреймворка i18next.

11. Примеры:
— DRUIDS: Дизайн-система сервисов компании Datadog.
 
— NewsKit: Дизайн-система британского подразделения компании News Corp.
 
#designsystems