Давненько не было обзоров лучших интерфейсных практик и паттернов. Ща буит мясо:
1. Peter Ramsey: Освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.
2. Spotify: Редизайн главной страницы в вебе — теперь это плеер.
3. NN/g: Выбор часового пояса. Nielsen/Norman Group провели своё исследование разных подходов и дают рекомендации по проектированию.
4. Duolingo: Основные идеи редизайна приложения: хвалят и ругают.
4. NN/g: Типичные проблемы мобильных приложений с дополненной реальностью, а также удачные интерфейсные решения.
5. Knock: Проектирование процесса встречи нового пользователя. Они выделили самое важное действие на старте (отправка первого уведомления клиентам) и построили интерфейс вокруг него.
6. Gov.uk: Пользователи с дискалькулией. Это особенность восприятия информации, когда человек плохо воспринимает числа и цифры.
7. Creative Navy: Крупные международные сервисы для ведения электронных медицинских карт.
8. Adrian Bece: Вёрстка адаптивных таблиц с учётом требований accessibility (часть 2).
9. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сервисов бронирования ресторанов и видео-звонков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
10. Colin Eagan и Jeffrey MacIntyre: Фреймворк по персонализации продукта для пользователей. Они также описывают формат воркшопа для его заполнения.
11. Spotify: Локализация интерфейса и контента.
12. Alex Russell: Обзор текущего состояния оптимизации производительности веба.
13. Creative Navy: Интерфейсы программ для программирования мобильных роботов.
#patterns
1. 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
❤2
Собралась большая пробка из выпусков мини-дайджеста, которую надо будет разобрать в ближайший месяц. Так что подборки будут длииииииииинными, как некоторые проекты по пользовательским исследованиям:
1. Tomer Sharon: Платиновая памятка по запуску современного процесса пользовательских исследований в компании. Точнее, это его видение как должно быть, но оно очень здравое и выверенное его гигантским опытом.
2. Momentive: Как команда регулярно замеряет пользу от своей работы. Шаблон опросника.
3. Auth0: Примеры автоматизации процесса планирования и проведения исследований. И ещё одна статья на тему от NN/g.
4. NN/g: Как повысить вовлечённость респондентов в дневниковые исследования. Многие не осознают, сколько времени они требуют и отваливаются на разных этапах.
5. Контур: Настройка каналов сбора обратной связи. Через какие способы они прошли и что сработало лучше всего.
6. NN/g: Какие методы помогают измерить delight.
7. Steve Bromley: Сравнение сервисов для проведения игровых тестов.
8. Jim Lewis и Jeff Sauro: Разобрали ранние публикации на тему того, влияет ли метод рассуждения респондентом вслух на результаты исследования. Спойлер: там разнобой выводов.
Они также проверили, насколько метод рассуждения респондентом вслух увеличивает время выполнения задания в удалённом немодерируемом исследовании. В целом увеличивает, хотя ещё и повышает успешность прохождения сценариев.
9. NN/g: Особенности использования демографической информации при проведении исследований. Как аккуратно собирать её и нужна ли она вообще.
10. Buzzfeed: Процесс проведения исследований.
11. NN/g: Особенности и вариации метода «волшебник страны Оз».
11. Avrio: Сервис для ведения базы знаний и инсайтов.
13. User Interviews (поиск респондентов и управление ими): Получили $27,5 млн инвестиций. Интересно, что такие деньги теперь крутятся и в пользовательских исследованиях.
#research
1. 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
Medium
Eat your broccoli 🥦🥦🥦
Research leads, this is a templated document you can use in your company when trying to reach to an agreement about strategy and budget.
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
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (идёт подготовка к печати). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
👍1
Продолжаем неделю дизайн-менеджмента подборкой на ход ноги:
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. 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
Peter Merholz
Design leadership is change management
Over the holiday break, I reviewed the 5 conversations that Jesse and I have conducted with truly senior design executives for our podcast Finding Our Way, looking for lessons that could be distilled and imparted for those who aspire to such roles. As I pored…
Пробка из непрочитанного свежего разбирается, но медленно. Выдам партию ссылок по дизайн-системам:
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
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
Derek Boman
Design System Maturity Levels — Derek Boman
Building a design system is not easy. It requires coordinating across multiple teams and their needs. Taking a scrappy, grassroots approach that follows a 5-level startup adoption model can be instructive for driving success within your organization.
❤1
Собрал дайджест продуктового дизайна за январь 2023. CES 2023, ChatGPT для юзабилити-тестов и плагинов Figma, шаблоны для UX-исследований, JTBD, финтех, управление полётами, история клавиатур, размеры шрифтов в дизайн-системах и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
❤2
В прошлом году перезапустил сайт-коллекцию алгоритмического дизайна. Огромное спасибо агентству 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
Моей стратегической ошибкой на старте был выбор 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
algorithms.design
Algorithm-Driven Design — How Artificial Intelligence is Changing Design by Yury Vetrov
Will robots replace designers? No. It's more like an exoskeleton for designers. Algorithm-driven design tools can help us to construct a UI, prepare assets and content, and personalize the user experience.
Продолжаю выгрузку свежего про алгоритмический дизайн, многое из которого попало на обновлённый сайт-коллекцию. Ещё раз огромное спасибо агентству Embacy, которые нашли отличную концепцию «генеративное всё» (на компьютере интереснее) и перевезли всё на Webflow.
ChatGPT — основной источник жарких новостей в последние месяцы. Говорят, что на конец января им пользовалось уже 100 млн человек — самый эпичный рост в истории. Что под капотом.
Некоторые из полезных вещей для дизайнеров:
1. Сергей Никишкин из Acronis попробовал написать три плагина для Figma. В целом получается, хотя не сразу и не всегда оптимально.
2. Lawton Pybus попробовал написать сценарий юзабилити-тестирования. По форме похоже на правду, по сути — много дырок и воды.
3. Интервью с Evan Shore из Walmart о том, как они прокачали ChatGPT помогать им в описании Job Stories.
4. Irina Nik показывает, как условный ChatGPT (точнее, модель GPT-3 от того же OpenAI) может помочь в поиске по базе знаний и инсайтов из пользовательских исследований. Она даёт простую инструкцию по запуску такого поиска.
5. Детская книга «Blueberry & the Bear and Other Stories», написанная с его помощью. Иллюстрации к ней также сделаны инструментами алгоритмического дизайна.
6. Печатная машинка использует его для генерации текстов и автоматической печати от Arvind Sanjeev.
7. Экспериментальный новостной сайт The Valley Times, на котором новости генерирует ChatGPT, а картинки — также нейросети.
Как всегда, этика падает жертвой:
1. Очередная дикая история про то, как качество результатов инструментов алгоритмического дизайна обеспечивается дармовым трудом людей из какой-нибудь далёкой страны.
2. OpenAI выпустили инструмент, помогающий отличить текст, написанный человеком, от работы робота. Правда, пока срабатывает только в части случаев.
3. Школы Нью-Йорка запретили ChatGPT.
P.S. Всё летит так быстро, что с понедельника добавились пара ссылок к тогдашней общей подборке:
1. Scribbble Diffusion: Инструмент превращает набросок в фотографию с помощью алгоритмического дизайна.
2. Анастасия Дедова рассказывает, как решала реальную задачу для онлайн-казино с помощью Midjourney.
3. Phygital+ AI Library: Огромнейший каталог инструментов и моделей алгоритмического дизайна. Обычно не даю ссылки на другие подборки, потому что для меня важнее вытащить суть и конкретное новое, но тут объём фантастический.
Цель моей коллекции — скорее показать виды дизайнерских задач, которые могут закрыть такие инструменты, а не ультимативный каталог. Поэтому многое просеиваю.
#ai #algorithms
ChatGPT — основной источник жарких новостей в последние месяцы. Говорят, что на конец января им пользовалось уже 100 млн человек — самый эпичный рост в истории. Что под капотом.
Некоторые из полезных вещей для дизайнеров:
1. Сергей Никишкин из Acronis попробовал написать три плагина для Figma. В целом получается, хотя не сразу и не всегда оптимально.
2. Lawton Pybus попробовал написать сценарий юзабилити-тестирования. По форме похоже на правду, по сути — много дырок и воды.
3. Интервью с Evan Shore из Walmart о том, как они прокачали ChatGPT помогать им в описании Job Stories.
4. Irina Nik показывает, как условный ChatGPT (точнее, модель GPT-3 от того же OpenAI) может помочь в поиске по базе знаний и инсайтов из пользовательских исследований. Она даёт простую инструкцию по запуску такого поиска.
5. Детская книга «Blueberry & the Bear and Other Stories», написанная с его помощью. Иллюстрации к ней также сделаны инструментами алгоритмического дизайна.
6. Печатная машинка использует его для генерации текстов и автоматической печати от Arvind Sanjeev.
7. Экспериментальный новостной сайт The Valley Times, на котором новости генерирует ChatGPT, а картинки — также нейросети.
Как всегда, этика падает жертвой:
1. Очередная дикая история про то, как качество результатов инструментов алгоритмического дизайна обеспечивается дармовым трудом людей из какой-нибудь далёкой страны.
2. OpenAI выпустили инструмент, помогающий отличить текст, написанный человеком, от работы робота. Правда, пока срабатывает только в части случаев.
3. Школы Нью-Йорка запретили ChatGPT.
P.S. Всё летит так быстро, что с понедельника добавились пара ссылок к тогдашней общей подборке:
1. Scribbble Diffusion: Инструмент превращает набросок в фотографию с помощью алгоритмического дизайна.
2. Анастасия Дедова рассказывает, как решала реальную задачу для онлайн-казино с помощью Midjourney.
3. Phygital+ AI Library: Огромнейший каталог инструментов и моделей алгоритмического дизайна. Обычно не даю ссылки на другие подборки, потому что для меня важнее вытащить суть и конкретное новое, но тут объём фантастический.
Цель моей коллекции — скорее показать виды дизайнерских задач, которые могут закрыть такие инструменты, а не ультимативный каталог. Поэтому многое просеиваю.
#ai #algorithms
algorithms.design
Algorithm-Driven Design — How Artificial Intelligence is Changing Design by Yury Vetrov
Will robots replace designers? No. It's more like an exoskeleton for designers. Algorithm-driven design tools can help us to construct a UI, prepare assets and content, and personalize the user experience.
Только успел выпустить мини-дайджест про пользовательские исследования, как опять налилось:
1. Maze и Atlassian: Опрос 600 дизайнеров, исследователей и менеджеров продуктов о том, на каких этапах работы над продуктом они проводят исследования. И в целом про развитие экспертизы в компаниях.
2. Jim Kalbach и Elaine Matthias: Вторая версия их шаблона JTBD Canvas (как работать с ним).
3. Контур: Памятка по формулировке гипотез для юзабилити-тестирования. Как правильно описывать их, чтобы получить хорошие ответы.
3. User Interviews: Памятка по написанию хорошего письма-приглашения. Бонусом идут шаблоны-примеры.
В дополнение — советы Контура по отправке таких писем.
4. Контур: Способы донести знания про пользователя для продуктовых команд.
И ещё одна статья на тему от Atlassian. Они советуют экспериментировать с подходами и вовлекать участников разными способами.
5. User Interviews: Большая коллекция шаблонов для разных методов и задач исследований.
6. Condens: Советы по автоматизации процесса исследований. Что можно, а что стоит и дальше делать вручную.
7. Контур: Памятка по составлению сценария исследования.
8. Steve Bromley: Обзор процесса исследований при работе над новой игрой.
9. IBM: Советы по первым шагам внедрения ResearchOps в компании. Больше пересказ известного фреймворка, но есть и личный опыт.
10. Dovetail: Создатели сервиса ведения базы знаний и инсайтов описывают свою роль на рынке сопутствующих инструментов.
11. Mary Zide и Sarah Zimmers: Как применили метод «списка главных задач пользователей» в контексте стартапа.
12. Свежее от Jeff Sauro и Jim Lewis:
— Продолжают серию экспериментов, чтобы замерить влияние метода рассуждения респондентом вслух на результаты удалённого немодерируемого пользовательского исследования — на этот раз про влияние на метрики исследования. Спойлер: отклонения есть, хотя и не критичные.
— Обновили своё сравнительное исследование сайтов мобильных операторов. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
— Изучили, насколько картинки помогают пользователям в проведении карточной сортировки. Вариант только с картинками сильно роняет завершение задания.
— Ищут способ оценить техническую грамотность пользователей, что влияет на их работу с интерфейсом.
13. Martin Schrepp, Jessica Kollmorgen и Jörg Thomaschewski: Сравнили три разных стандартизированных опросника (SUS, UMUX-LITE и UEQ-S) на примере оценки нескольких популярных продуктов.
#research
1. 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
Maze
Continuous Research Trends Report 2023 | Maze
With data from 600+ product professionals, this report explores how product teams use continuous discovery and research to inform decision-making. Discover the research trends that will shape the industry in 2023 and beyond.
❤3
Вкрации расскажу тута чучуть о лудший интерфейсный практики и паттерны. Кокраз туды ивойный и примените:
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
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
Ishadeed
The Guide To Responsive Design In 2023 and Beyond
A modern look at responsive web design.
Собрал дайджест продуктового дизайна за февраль 2023. Адаптивность по-новому, конец дизайн-мышления, покрытие дизайн-системой, видение будущего, алгоритмический дизайн, техническая подкованность пользователей, ChatGPT для поиска исследований и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Кажется, я забыл включить в недавнюю мини-подборку о пользовательских исследованиях вот эти штуки:
1. Atlassian: Плюсы и минусы централизованного и погружённого формата для исследователей.
2. NN/g: Ограничения метода опросов и советы по минимизации проблем.
3. User Interviews: Делят методы на 4 ситуации, в которых они могут помочь продуктовой команде: видение, стратегия, поиск продуктового решения и его оценка.
4. User Interviews: Метод анти-персонажей. Это те, кто может использовать продукт в злонамеренных целях.
5. NN/g: Поиск времени на разведочные исследования в гибкой разработке.
6. NN/g: Структурированная подборка своих статей об омниканальности пользовательского опыта.
7. User Interviews: Памятка по выбору инструмента. Они, конечно, много говорят о своём продукте User Interviews, но сами критерии и подход универсальны.
8. NN/g: Как использовать карты эмпатии для планирования исследований, во время их проведения и для записи результатов.
9. User Interviews: Продуктивное взаимодействие исследователей и команды поддержки.
#research
1. 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
Medium
Yes, you should embed UX researchers into your design teams. Here’s why…
Researchers. What are they? What do they do? How many sides do they have?
Собралась большая пробка из свежих ссылок, так что темы типа свежих интерфейсных паттернов и лучших практик всплывают чаще обычного. Но по весне это нормально:
1. Microsoft: Расширили свои гайдлайны по инклюзивному дизайну — появился раздел про когнитивные ограничения и работу с ними. Tracy Jones сделала обзор основных тезисов и приводит примеры решений из продуктов компании.
2. Acronis: Опыт работы с текстами в интерфейсе. Как добиться согласованности по всему продукту.
3. Frank Rausch: Простая памятка по современным навигационным паттернам в iOS.
4. NN/g: Советуют ограничивать использование технического жаргона в интерфейсах. Он уместен только для узкоспециализированных сервисов, для остальных — стоит давать расшифровку или вообще избегать их.
5. Creative Navy: Большой обзор интерфейсных паттернов, которые используются в сервисах-дашбордах.
6. NN/g: Подходы к китайским «интернет-магазинам на диване». Как они ведут трансляции и связывают их с покупкой товара.
7. Gil Bouhnik: Примеры манипуляции с данными на графиках. Как искажают информацию с помощью тёмных паттернов.
8. Подборка иконок-переключаетелей тёмной темы оформления с кодом на CSS.
9. Creative Navy: Интерфейсы приложений для отслеживания симптомов хронических болезней.
10. Daley Wilhelm: Заметила популярность эмоджи и иконок искр в интерфейсах. Она копнула, откуда они появились и не советует увлекаться ими.
#patterns
1. Microsoft: Расширили свои гайдлайны по инклюзивному дизайну — появился раздел про когнитивные ограничения и работу с ними. Tracy Jones сделала обзор основных тезисов и приводит примеры решений из продуктов компании.
2. Acronis: Опыт работы с текстами в интерфейсе. Как добиться согласованности по всему продукту.
3. Frank Rausch: Простая памятка по современным навигационным паттернам в iOS.
4. NN/g: Советуют ограничивать использование технического жаргона в интерфейсах. Он уместен только для узкоспециализированных сервисов, для остальных — стоит давать расшифровку или вообще избегать их.
5. Creative Navy: Большой обзор интерфейсных паттернов, которые используются в сервисах-дашбордах.
6. NN/g: Подходы к китайским «интернет-магазинам на диване». Как они ведут трансляции и связывают их с покупкой товара.
7. Gil Bouhnik: Примеры манипуляции с данными на графиках. Как искажают информацию с помощью тёмных паттернов.
8. Подборка иконок-переключаетелей тёмной темы оформления с кодом на CSS.
9. Creative Navy: Интерфейсы приложений для отслеживания симптомов хронических болезней.
10. Daley Wilhelm: Заметила популярность эмоджи и иконок искр в интерфейсах. Она копнула, откуда они появились и не советует увлекаться ими.
#patterns
Щепотка дизайн-менеджмента в начале недели:
1. Figma: Новая версия карьерной лестницы для дизайнеров. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.
2. NN/g: Структурированная подборка своих статей о UX-стратегии.
3. Слава Шестопалов: Подробная памятка по проведению воркшопов по дизайну. Много советов по разным этапам подготовки и проведения, а также инструкция по решению возникающих проблем по ходу.
4. User Interviews: Большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.
5. Indeed: Способы оценить качество текстов в интерфейсе, которые готовит команда редакторов.
6. Jeff Patton: Важность видения будущего в продуктовой работе. Он показывает, как собрать его.
7. Scott Jenson: Советы по обсуждению дизайна и работе с обратной связью.
#management
1. Figma: Новая версия карьерной лестницы для дизайнеров. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.
2. NN/g: Структурированная подборка своих статей о UX-стратегии.
3. Слава Шестопалов: Подробная памятка по проведению воркшопов по дизайну. Много советов по разным этапам подготовки и проведения, а также инструкция по решению возникающих проблем по ходу.
4. User Interviews: Большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.
5. Indeed: Способы оценить качество текстов в интерфейсе, которые готовит команда редакторов.
6. Jeff Patton: Важность видения будущего в продуктовой работе. Он показывает, как собрать его.
7. Scott Jenson: Советы по обсуждению дизайна и работе с обратной связью.
#management
Figma
How the Figma design team level set on career leveling | Figma Blog
Design Manager Sara Culver takes us through evolving the team's product design and writing career levels.
Выгрузил пачку обновлений на сайт-коллекцию алгоритмического дизайна:
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. Рассказ об экспериментальной игре Tales of Syn, графику для которой делали с целой связкой инструментов, включая Stable Diffusion.
13. Opera: Краткий пересказ статей в браузере — его делает ChatGPT. По кнопке «Сократить» появится пересказ в боковой панели.
14. Telega.in: Генератор постов в Телеграме и картинок к ним.
15. Ray Wang: Иллюстрации для своей детской книги «Say Yes to Doing» с помощью Midjourney. На работу ушло около двух недель.
16. ArtFair: Концепция сервиса, который платит авторам иллюстраций и фотографий, которые использовались при тренировке инструментов алгоритмического дизайна.
17. Josh W Comeau: ChatGPT не заменит разработчиков, несмотря на широкие возможности GPT-4. Это как визуальные конструкторы сайтов — они снизят порог входа, но помимо этого сделают разработчиков продуктивнее. У Christian Heilmann похожее мнение.
18. GitHub Copilot X: Новая версия пишет описания для pull-запросов, генерирует юнит-тесты, исправляет ошибки в коде, помогает разобраться в документации, а также доступна из командной строки.
19. Microsoft 365 Copilot: Приложения вроде Word, Excel, PowerPoint, Outlook и Teams могут генерировать и анализировать документы. Это большой рывок в продуктивности. У Google Docs похожие планы.
20. Shopify: Генерация описания товара человеческим языком по набору ключевых слов.
21. Genius: Новый загадочный проект от команды Diagram.
22. Salesforce: Встроили ChatGPT в свою CRM, так что обещают генерировать и адаптировать контент для неё. Анонс.
23. Intercom: Встроили ChatGPT в свой сервис поддержки пользователей — он обрабатывает часть запросов. Как его делали.
24. Экспериментальный сервис помогает определить текст, написанный с помощью ChatGPT. Пока, правда, только для модели GPT-2.
Эта коллекция — мой второй из четырёх запланированных проектов на Webflow — в этом году должен запустить ещё много интересного.
#al #algorithms
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. Рассказ об экспериментальной игре Tales of Syn, графику для которой делали с целой связкой инструментов, включая Stable Diffusion.
13. Opera: Краткий пересказ статей в браузере — его делает ChatGPT. По кнопке «Сократить» появится пересказ в боковой панели.
14. Telega.in: Генератор постов в Телеграме и картинок к ним.
15. Ray Wang: Иллюстрации для своей детской книги «Say Yes to Doing» с помощью Midjourney. На работу ушло около двух недель.
16. ArtFair: Концепция сервиса, который платит авторам иллюстраций и фотографий, которые использовались при тренировке инструментов алгоритмического дизайна.
17. Josh W Comeau: ChatGPT не заменит разработчиков, несмотря на широкие возможности GPT-4. Это как визуальные конструкторы сайтов — они снизят порог входа, но помимо этого сделают разработчиков продуктивнее. У Christian Heilmann похожее мнение.
18. GitHub Copilot X: Новая версия пишет описания для pull-запросов, генерирует юнит-тесты, исправляет ошибки в коде, помогает разобраться в документации, а также доступна из командной строки.
19. Microsoft 365 Copilot: Приложения вроде Word, Excel, PowerPoint, Outlook и Teams могут генерировать и анализировать документы. Это большой рывок в продуктивности. У Google Docs похожие планы.
20. Shopify: Генерация описания товара человеческим языком по набору ключевых слов.
21. Genius: Новый загадочный проект от команды Diagram.
22. Salesforce: Встроили ChatGPT в свою CRM, так что обещают генерировать и адаптировать контент для неё. Анонс.
23. Intercom: Встроили ChatGPT в свой сервис поддержки пользователей — он обрабатывает часть запросов. Как его делали.
24. Экспериментальный сервис помогает определить текст, написанный с помощью ChatGPT. Пока, правда, только для модели GPT-2.
Эта коллекция — мой второй из четырёх запланированных проектов на Webflow — в этом году должен запустить ещё много интересного.
#al #algorithms
algorithms.design
Algorithm-Driven Design — How Artificial Intelligence is Changing Design by Yury Vetrov
Will robots replace designers? No. It's more like an exoskeleton for designers. Algorithm-driven design tools can help us to construct a UI, prepare assets and content, and personalize the user experience.
Собрал дайджест продуктового дизайна за март 2023. Навигация на мобильных, рифма иконок и шрифта, дизайн-системы, развитие дизайнеров, воркшопы, дизайн-менеджмент, ResearchOps, аудит контента, алгоритмический дизайн, обратная связь от пользователей и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru — https://vc.ru/u/8729-yury-vetrov
— ВКонтакте — https://vk.com/pdigest
— RSS — https://jvetrau.com/feed/
Напомню, что его можно получать разными способами:
— vc.ru — https://vc.ru/u/8729-yury-vetrov
— ВКонтакте — https://vk.com/pdigest
— RSS — https://jvetrau.com/feed/
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. 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
YouTube
Фреймворк по брендингу цифровых продуктов | Юрий Ветров | Prosmotr
Юрий Ветров за свой профессиональный путь успел поработать с большим количеством крупных компаний Он вдоль и поперек изучил брендинговые продукты международных корпораций и не понаслышке знает, как устроена дизайн-система сильных брендов.
В лекции он расскажет…
В лекции он расскажет…
👍1
Что там нового по лучшим интерфейсным паттернам и практикам?
1. Alex Hollender: Недавний редизайн Wikipedia. Какие проблемы решали, как шёл дизайн-процесс и насколько сложно было согласовать выкатку.
2. Slack: Поддержка accessibility. Как прорабатывали эти возможности и тестировали с пользователями.
3. Daley Wilhelm: Разбирает интерфейс игровой приставки Playdate.
4. Baymard: Подсказки точного адреса в интернет-магазинах.
5. Julien Martin: Все этапы работы над брендом и интерфейсом сервиса 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
1. Alex Hollender: Недавний редизайн Wikipedia. Какие проблемы решали, как шёл дизайн-процесс и насколько сложно было согласовать выкатку.
2. Slack: Поддержка accessibility. Как прорабатывали эти возможности и тестировали с пользователями.
3. Daley Wilhelm: Разбирает интерфейс игровой приставки Playdate.
4. Baymard: Подсказки точного адреса в интернет-магазинах.
5. Julien Martin: Все этапы работы над брендом и интерфейсом сервиса 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
ALEX HOLLENDER LEGAL PRACTICE - No one fights harder for your rights
ALEX HOLLENDER LEGAL PRACTICE
ALEX HOLLENDER LEGAL PRACTICE ABOUT USOUR LOCATIONSMinnesotaNew MexicoCaliforniaMontanaUnderstanding the Role of New York Injury Lawyers: A Comprehensive Guide by Alex Hollender Legal Practice In the dynamic and bustling landscape of New York, personal injuries…
Традиционно насыщенная информационным мяском мини-подборка о пользовательских исследованиях:
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
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
Airtable
Airtable | Everyone's app platform
Airtable is a low-code platform for building collaborative apps. Customize your workflow, collaborate, and achieve ambitious outcomes. Get started for free.
Что выпустили и готовят к выходу из свежих книг по дизайну интерфейсов:
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. 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
shifthappens.site
Shift Happens: A book about keyboards
Shift Happens tells the story of keyboards like no book ever before, covering 150 years from the early typewriters to the pixellated keyboards in our pockets.
❤1
Собрал дайджест продуктового дизайна за апрель 2023. Брендинг цифровых продуктов, кто придумал термин UX, алгоритмический дизайн, свежие книги, история мобильных, пользовательские исследования, dynamic island, accessibility и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Если вы заметили — я стартую поэтапное обновление бренда дайджеста. В прошлом году подготовил обновлённую концепцию, вокруг которой описал роль бренда («Утоли информационный голод»), проработал методологическую часть с Кирой Чубенко, сделал основу айдентики с Funky Agency и первый подход к фирменному шрифту с Бюробукв. В течение года всё это должно раскрыться в цельную визуальную систему. Ну и самое главное — сам дайджест обновится концептуально как информационный продукт. В общем, не переключайтесь :)
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
P.S. Огромное спасибо Саше Орлову за прошлые два визуальных направления!
Если вы заметили — я стартую поэтапное обновление бренда дайджеста. В прошлом году подготовил обновлённую концепцию, вокруг которой описал роль бренда («Утоли информационный голод»), проработал методологическую часть с Кирой Чубенко, сделал основу айдентики с Funky Agency и первый подход к фирменному шрифту с Бюробукв. В течение года всё это должно раскрыться в цельную визуальную систему. Ну и самое главное — сам дайджест обновится концептуально как информационный продукт. В общем, не переключайтесь :)
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
P.S. Огромное спасибо Саше Орлову за прошлые два визуальных направления!