Свежая мини-подборка о дизайн-менеджменте:
1. Wix: Регулярно проводят «блицы» — продуктовая команда собирается на 1-3 дня и чинит дизайн-долг. Anne Lillmannstons рассказывает о том, как проходят такие сессии. И почему вообще компания считает это важным.
2. Atlassian: Разница между дизайнером роста (growth) и основного продукта. Нюансы могут отличаться от компании к компании, но в целом это отличная и достаточно универсальная модель.
3. NN/g: Структурированная подборка своих статей о связке между дизайнером интерфейсов и менеджером продуктов.
4. NN/g: Концепция микро- и макро-конверсии. Как и зачем считать их на разных этапах пути пользователя, как они зависят от бизнеса компании.
5. Dovetail: Вовлекают всю компанию в понимание пользователей. Kang-Wei Chan рассказывает, чем это помогает разработчикам и как именно это происходит.
6. Sber Devices: Как проходит дизайн-ревью. Александр Кузнецов прикладывает свой шаблон в Notion.
7. Scott Sehlhorst: Типичная проблема выбора продуктовой команды: опаснее запуститься позже плана или запустить не то, что будет использоваться на деле?
8. Очередное пополнение в буквах, которыми называют T-образных специалистов — теперь V-образные.
9. Snapchat: Как работает команда инструмента для разработчиков фильтров. Отказ от назойливого onboarding, кросс-командное взаимодействие и другие бодрые штуки.
#management
1. Wix: Регулярно проводят «блицы» — продуктовая команда собирается на 1-3 дня и чинит дизайн-долг. Anne Lillmannstons рассказывает о том, как проходят такие сессии. И почему вообще компания считает это важным.
2. Atlassian: Разница между дизайнером роста (growth) и основного продукта. Нюансы могут отличаться от компании к компании, но в целом это отличная и достаточно универсальная модель.
3. NN/g: Структурированная подборка своих статей о связке между дизайнером интерфейсов и менеджером продуктов.
4. NN/g: Концепция микро- и макро-конверсии. Как и зачем считать их на разных этапах пути пользователя, как они зависят от бизнеса компании.
5. Dovetail: Вовлекают всю компанию в понимание пользователей. Kang-Wei Chan рассказывает, чем это помогает разработчикам и как именно это происходит.
6. Sber Devices: Как проходит дизайн-ревью. Александр Кузнецов прикладывает свой шаблон в Notion.
7. Scott Sehlhorst: Типичная проблема выбора продуктовой команды: опаснее запуститься позже плана или запустить не то, что будет использоваться на деле?
8. Очередное пополнение в буквах, которыми называют T-образных специалистов — теперь V-образные.
9. Snapchat: Как работает команда инструмента для разработчиков фильтров. Отказ от назойливого onboarding, кросс-командное взаимодействие и другие бодрые штуки.
#management
Medium
Elevating Product Quality: The UX Blitz Approach
Over the past year, I’ve noticed how “quality” has shifted from being just a buzzword to becoming a critical benchmark for companies…
Попробую более компактные выпуски в ближайшие недели. Начнём со лучших интерфейсных паттернов и практик:
1. Ирина Сильянова: Хорошая памятка по написанию интерфейсных текстов. Здорово, что они находятся на стыке дизайна (как использовать текст в контексте экрана) и редактуры (как правильно писать).
2. NN/g: Советуют больше времени тратить на убирание барьеров и «засоров» в интерфейсе, чем на подталкивание пользователя к правильному решению. Оба направления работы важны, но отдача от первого быстрее и понятнее.
3. Baymard: В интернет-магазинах одежды большинство пользователей пользуется навигацией по категориям, а не поиском. Iva Olah рассказывает, почему это так и почему частые поисковые запросы здесь — симптом проблем.
4. Baymard: Советуют добавлять визуальное представление фильтров для сложных категорий товаров в интернет-магазинах.
5. Chiara Santella: Как менялась концепция будильника — от улучшения функциональности в самостоятельных устройствах до переосмысления самой концепции в эпоху мобильных приложений.
#patterns
1. Ирина Сильянова: Хорошая памятка по написанию интерфейсных текстов. Здорово, что они находятся на стыке дизайна (как использовать текст в контексте экрана) и редактуры (как правильно писать).
2. NN/g: Советуют больше времени тратить на убирание барьеров и «засоров» в интерфейсе, чем на подталкивание пользователя к правильному решению. Оба направления работы важны, но отдача от первого быстрее и понятнее.
3. Baymard: В интернет-магазинах одежды большинство пользователей пользуется навигацией по категориям, а не поиском. Iva Olah рассказывает, почему это так и почему частые поисковые запросы здесь — симптом проблем.
4. Baymard: Советуют добавлять визуальное представление фильтров для сложных категорий товаров в интернет-магазинах.
5. Chiara Santella: Как менялась концепция будильника — от улучшения функциональности в самостоятельных устройствах до переосмысления самой концепции в эпоху мобильных приложений.
#patterns
Smashing Magazine
How To Improve Your Microcopy: UX Writing Tips For Non-UX Writers — Smashing Magazine
Interface copy plays a crucial role in the overall user experience, helping guide users smoothly, allowing them to navigate easily through the app, discover and start using product features, and more. In this article, you’ll find simple, practical tips and…
Дайджест продуктового дизайна за июль 2024. Система иконок, копирование в дизайне, алгоритмический дизайн, контент-стратегия, поиск в интернет-магазинах, база знаний/инсайтов и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
1 сентября стартует двенадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых десяти отучились более 750 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Exness, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, restore, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Сибур, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Winline, Wrike, X5, Юрент, Yappy, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
#management
На первых десяти отучились более 750 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Exness, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, restore, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Сибур, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Winline, Wrike, X5, Юрент, Yappy, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
Успею выложить мини-подборку об алгоритмическом дизайне, пока она не стала переростком:
Взаимодействие с такими инструментами
1. IBM: Метод описания ментальных моделей пользователей при проектировании продуктов с ИИ-функциями. Armon Burton, Gabby Hoefer, Claudia Richard, Milena Pribic, Hal Wuertz и Alex Baria рассказывают о нём и как устроен процесс исследования.
2. Feifei Liu: Примеры удачного дополнения строки текстового запроса в ИИ-чат-ботах привычными для графических интерфейсов наглядными кнопками, меню и дополнительными полями форм. Цикл снова повторяется — давным-давно так решали ограничения текстовых интерфейсов, лет 6 назад это происходило в недолгий бум ботов в мессенджерах.
3. Josh Clark: Модель sentient design (это их версия алгоритмического дизайна). Она описывает разные модели взаимодействия пользователя с такими продуктами.
Инструменты дизайна
1. Canva купили инструмент Leonardo AI для генерации изображений по текстовому запросу.
2. Samsung: В новых телефонах можно сделать набросок на фото и он превратится в реалистичный объект или иллюстрацию.
Инструменты продуктивности
1. Miro Intelligent Canvas: Старые и новые ИИ-возможности Miro упаковали в концепцию Intelligent Canvas. Помимо генерации текста теперь можно создать диаграмму по текстовому запросу, написать бриф или ТЗ на основе идей на стикерах, получить помощь виртуального «скрам-мастера» по обработке результатов ретро. Виджеты также стали интерактивнее.
2. Google Gemini сделает Chrome ещё полезнее. Можно будет сравнить товары в разных вкладках, искать по истории страниц естественным языком и объяснить любое изображение на странице.
3. Big Medium: За последние пару стремительных лет популярные инструменты превратились из личного конкурентного преимущества в обычный productivity-инструмент. Условный Excel даёт много возможностей, но это уже базовая повседневная штука.
Разное новое
1. Виртуальный официант от Gatebox на базе GPT-4o, который может, предложить, например, повторить пиво, если видит пустой бокал.
2. SearchGPT: OpenAI запустили закрытую бету своего поисковика.
3. YouTube: Экспериментирует с помощью авторам в генерации идей — сюжеты, заголовки и обложки видео.
#ai #algorithms
Взаимодействие с такими инструментами
1. IBM: Метод описания ментальных моделей пользователей при проектировании продуктов с ИИ-функциями. Armon Burton, Gabby Hoefer, Claudia Richard, Milena Pribic, Hal Wuertz и Alex Baria рассказывают о нём и как устроен процесс исследования.
2. Feifei Liu: Примеры удачного дополнения строки текстового запроса в ИИ-чат-ботах привычными для графических интерфейсов наглядными кнопками, меню и дополнительными полями форм. Цикл снова повторяется — давным-давно так решали ограничения текстовых интерфейсов, лет 6 назад это происходило в недолгий бум ботов в мессенджерах.
3. Josh Clark: Модель sentient design (это их версия алгоритмического дизайна). Она описывает разные модели взаимодействия пользователя с такими продуктами.
Инструменты дизайна
1. Canva купили инструмент Leonardo AI для генерации изображений по текстовому запросу.
2. Samsung: В новых телефонах можно сделать набросок на фото и он превратится в реалистичный объект или иллюстрацию.
Инструменты продуктивности
1. Miro Intelligent Canvas: Старые и новые ИИ-возможности Miro упаковали в концепцию Intelligent Canvas. Помимо генерации текста теперь можно создать диаграмму по текстовому запросу, написать бриф или ТЗ на основе идей на стикерах, получить помощь виртуального «скрам-мастера» по обработке результатов ретро. Виджеты также стали интерактивнее.
2. Google Gemini сделает Chrome ещё полезнее. Можно будет сравнить товары в разных вкладках, искать по истории страниц естественным языком и объяснить любое изображение на странице.
3. Big Medium: За последние пару стремительных лет популярные инструменты превратились из личного конкурентного преимущества в обычный productivity-инструмент. Условный Excel даёт много возможностей, но это уже базовая повседневная штука.
Разное новое
1. Виртуальный официант от Gatebox на базе GPT-4o, который может, предложить, например, повторить пиво, если видит пустой бокал.
2. SearchGPT: OpenAI запустили закрытую бету своего поисковика.
3. YouTube: Экспериментирует с помощью авторам в генерации идей — сюжеты, заголовки и обложки видео.
#ai #algorithms
Medium
Design for AI: Understanding Mental Models
by Armon Burton (IBM), Gabby Hoefer (IBM), Claudia Richard (IBM), Hal Wuertz (Amazon), Alex Baria (UL)
В августе мини-подборок о пользовательских исследованиях пока не было:
1. MeasuringU: Сравнили исследование первого клика для одного и того же сайта в виде настоящей страницы в браузере и просто картины. Точность выбора конкретного места на странице сопоставима, а вот время у картинок сильно больше (важно помнить про это при тесте изображений).
2. Michaela Teicht, Patricia Haar и Arnd Engeln: Исследование двух подходов к интерьеру авто — обычный и беспилотный. Интересно с точки зрения методов и построения самих прототипов.
3. Dovetail: Типичные сценарии использования базы знаний и инсайтов.
4. Bill Albert: Напоминает, что нет большого смысла в юзабилити-тесте конкретного сценария использования продукта, у которого нет product-market fit. И перебирает некоторые известные способы замерить его.
5. Jeff Sauro и Jim Lewis: История появления и эволюции интерфейсной метрики SEQ (Single Ease Question). Это простая шкала, которую показывают в конце прохождения сценария использования.
6. NN/g: Как формулировать вопросы в опросниках, если тема – не всегда комфортная для пользователя и они могут либо не ответить, либо дать нечёткий ответ.
7. Steve Bromley: Как проводить игровые тесты для сразу нескольких игроков. Это позволяет в том числе собирать количественные данные.
#research
1. MeasuringU: Сравнили исследование первого клика для одного и того же сайта в виде настоящей страницы в браузере и просто картины. Точность выбора конкретного места на странице сопоставима, а вот время у картинок сильно больше (важно помнить про это при тесте изображений).
2. Michaela Teicht, Patricia Haar и Arnd Engeln: Исследование двух подходов к интерьеру авто — обычный и беспилотный. Интересно с точки зрения методов и построения самих прототипов.
3. Dovetail: Типичные сценарии использования базы знаний и инсайтов.
4. Bill Albert: Напоминает, что нет большого смысла в юзабилити-тесте конкретного сценария использования продукта, у которого нет product-market fit. И перебирает некоторые известные способы замерить его.
5. Jeff Sauro и Jim Lewis: История появления и эволюции интерфейсной метрики SEQ (Single Ease Question). Это простая шкала, которую показывают в конце прохождения сценария использования.
6. NN/g: Как формулировать вопросы в опросниках, если тема – не всегда комфортная для пользователя и они могут либо не ответить, либо дать нечёткий ответ.
7. Steve Bromley: Как проводить игровые тесты для сразу нескольких игроков. Это позволяет в том числе собирать количественные данные.
#research
Measuringu
First Click Times on Websites Versus Images – MeasuringU
На конец июня прошёл половину цели на 2024 год — чтобы моя книга «Паттерны дизайн-менеджмента» попала к 5000 читателям. Это нишевая литература, где не будет тиражей в сотни тысяч, так что если в следующем году дожму до 10 000 — буду более, чем доволен. Спасибо всем, кто помог пройти первую контрольную точку :)
Кстати, теперь её можно заказать в любую страну мира. Наконец-то!
#book
Кстати, теперь её можно заказать в любую страну мира. Наконец-то!
#book
Летом авторы статей чилят, поэтому мини-подборки реально мини. Ну и вы не перестарайтесь читать эту малютку о дизайн-системах:
1. Adobe: Канонический подход к обновлению пиктограмм. Isabelle Hamlin рассказывает о процессе и всех важных нюансах.
2. Decathlon: Отличная памятка о том, как наладить связь между дизайн-системой в Figma и коде. Он советует начинать с простых вещей и постепенно усиливать взаимодействие между дизайнерами и разработчиками.
3. Lyft: Как происходит процесс добавления компонента.
4. Storybook 8.2. Там же тизернули то, что войдёт в версию 8.3.
#designsystems
1. Adobe: Канонический подход к обновлению пиктограмм. Isabelle Hamlin рассказывает о процессе и всех важных нюансах.
2. Decathlon: Отличная памятка о том, как наладить связь между дизайн-системой в Figma и коде. Он советует начинать с простых вещей и постепенно усиливать взаимодействие между дизайнерами и разработчиками.
3. Lyft: Как происходит процесс добавления компонента.
4. Storybook 8.2. Там же тизернули то, что войдёт в версию 8.3.
#designsystems
adobe.design
Designing design systems: Constructing an icon system
A process for creating a unified brand experience through iconography
Свежая мини-подборка о дизайн-менеджменте:
1. Stephen P. Anderson: Матрица 2x2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.
2. Jeff Patton: Канва описания продукта и его пользователей. Её интересность в детальном описании типов пользователей и их сценариев использования.
3. NN/g: Своя градация уровня карьеры дизайнера интерфейсов.
4. Виталий Фридман: Метод рабочих сессий «event storming». Он детально показывает менеджерам продуктов и команде дизайн-процесс, чтобы провести его по уму.
Напомню, что вот-вот стартует новый поток моего курса «Паттерны дизайн-менеджмента», куда ещё можно успеть вписаться.
#management
1. Stephen P. Anderson: Матрица 2x2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.
2. Jeff Patton: Канва описания продукта и его пользователей. Её интересность в детальном описании типов пользователей и их сценариев использования.
3. NN/g: Своя градация уровня карьеры дизайнера интерфейсов.
4. Виталий Фридман: Метод рабочих сессий «event storming». Он детально показывает менеджерам продуктов и команде дизайн-процесс, чтобы провести его по уму.
Напомню, что вот-вот стартует новый поток моего курса «Паттерны дизайн-менеджмента», куда ещё можно успеть вписаться.
#management
Medium
The Process Selection Matrix: A 2x2 for Enlightened Product Teams
Ugh. Every week. Another debate about process…
Что нового по свежим интерфейсным паттернам и лучшим практикам? Вот что:
1. Casper Kessels: Шикарный и дотошный рассказ о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.
2. IBM: Как проверять интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.
3. Hardik Pandya: Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях. Правда, некоторые советы про избыточную навязчивость, но в целом норм.
4. NN/g: Обновили классическую статью Якоба Нильсена с лучшими практиками использования вкладок в интерфейсах.
5. Rauno Freiberg: Проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.
6. Lucid: Стандартизация интерфейса соединения объектов стрелками в инструментах для диаграмм.
7. Baymard: Советы по оптимизации интерфейса поисковых подсказок. С фокусом на интернет-магазины, но они применимы плюс-минус везде.
#patterns
1. Casper Kessels: Шикарный и дотошный рассказ о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.
2. IBM: Как проверять интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.
3. Hardik Pandya: Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях. Правда, некоторые советы про избыточную навязчивость, но в целом норм.
4. NN/g: Обновили классическую статью Якоба Нильсена с лучшими практиками использования вкладок в интерфейсах.
5. Rauno Freiberg: Проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.
6. Lucid: Стандартизация интерфейса соединения объектов стрелками в инструментах для диаграмм.
7. Baymard: Советы по оптимизации интерфейса поисковых подсказок. С фокусом на интернет-магазины, но они применимы плюс-минус везде.
#patterns
The Turn Signal - a Blog About automotive UX Design
How We Designed a White-Label In-Car Infotainment System
Over the past two years, we created an infotainment system as a product, here is a look inside our design process.
Дайджест продуктового дизайна за август 2024. Метрики дизайн-систем, подходящий дизайн-процесс, тренды в логотипах, автомобильные интерфейсы, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Выгрузка свежего о пользовательских исследованиях №61:
1. Jim Lewis и Jeff Sauro: Запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
2. User Interviews: Памятка по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
3. Jonathan Richardson: Разбирается в ситуации на рынке пользовательских исследований. Многие международные компании в ходе сокращений последних лет сильно подрезали команды, что поменяло подход к пониманию пользователей.
4. Jeff Sauro и Jim Lewis: Нюансы использования интерфейсной метрики TAC-10, которая оценивает техническую подкованность пользователей.
5. Steve Bromley: Особенности проведения игровых тестов с детьми.
6. User Interviews: Памятка по ключевым пунктам подготовки и проведения исследований.
#research
1. Jim Lewis и Jeff Sauro: Запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
2. User Interviews: Памятка по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
3. Jonathan Richardson: Разбирается в ситуации на рынке пользовательских исследований. Многие международные компании в ходе сокращений последних лет сильно подрезали команды, что поменяло подход к пониманию пользователей.
4. Jeff Sauro и Jim Lewis: Нюансы использования интерфейсной метрики TAC-10, которая оценивает техническую подкованность пользователей.
5. Steve Bromley: Особенности проведения игровых тестов с детьми.
6. User Interviews: Памятка по ключевым пунктам подготовки и проведения исследований.
#research
Measuringu
In Search of a Clutter Metric for Websites – MeasuringU
На очереди мини-подборок — алгоритмический дизайн:
Взаимодействие с такими инструментами
1. NN/g: Памятка по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
Инструменты дизайна
1. Flux: Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
2. Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
3. Midjourney: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
4. Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
5. Procreate: Со-основатель и глава графического редактора сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.
Создание видео
1. Adobe Firefly: Скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
2. Runway: Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
3. YandexART (Vi): Теперь умеет генерировать короткие видео.
Инструменты продуктивности
1. Microsoft Copilot Pages: Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
Разное новое
1. ChatGPT o1: Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
2. Google Gemini Gems: Теперь можно создавать вариации чат-ботов под свои задачи.
3. Ethan Mollick: Показывает прогресс генеративных инструментов за два года на нескольких примерах (изображения, видео, звук).
#ai #algorithms
Взаимодействие с такими инструментами
1. NN/g: Памятка по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
Инструменты дизайна
1. Flux: Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
2. Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
3. Midjourney: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
4. Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
5. Procreate: Со-основатель и глава графического редактора сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.
Создание видео
1. Adobe Firefly: Скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
2. Runway: Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
3. YandexART (Vi): Теперь умеет генерировать короткие видео.
Инструменты продуктивности
1. Microsoft Copilot Pages: Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
Разное новое
1. ChatGPT o1: Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
2. Google Gemini Gems: Теперь можно создавать вариации чат-ботов под свои задачи.
3. Ethan Mollick: Показывает прогресс генеративных инструментов за два года на нескольких примерах (изображения, видео, звук).
#ai #algorithms
Nielsen Norman Group
Leverage AI for Mock Tables and Charts When Testing Prototypes
Creating realistic data for prototypes is a chore. Use these prompting tactics with generative AI to enhance content fidelity in usability testing.
Ребята из DSGNERS (которых основал мой давнешний Телеграм-соратник Женя Мальков) запускают конференцию по дизайну D!CONF. Она пройдёт 14–18 октября в интернете.
Ребята набили руку в организации больших событий на интенсивах Design Line и Design Boost, а теперь выходят в совсем крупный формат. На конфе выступят 15 дизайнеров за 5 дней: Юрий Гордон, Михаил Губергриц, Митя Осадчук, Игорь Гурович, Александр Ковальский, Сергей Гуров и ещё десяток экспертов из Звука, Pinkman, Bauns, Sulliwan, Pragmatica, Acronis и других компаний. Вечером после работы — фирменный почерк организаторов.
Дизайн-конференции от компаний быстро взлетают, но часто умирают при смене вектора. Самые долгоиграющие события — Дизайн Просмотр и Дизайн-выходные — делают группы энтузиастов вне корпоративной среды. Возможно, в этот список со временем попадёт и D!CONF.
P.S. Я не размещаю рекламу, но иногда делаю обмен постами с близкими по духу каналами — в Телеграме почти нет органического роста.
Ребята набили руку в организации больших событий на интенсивах Design Line и Design Boost, а теперь выходят в совсем крупный формат. На конфе выступят 15 дизайнеров за 5 дней: Юрий Гордон, Михаил Губергриц, Митя Осадчук, Игорь Гурович, Александр Ковальский, Сергей Гуров и ещё десяток экспертов из Звука, Pinkman, Bauns, Sulliwan, Pragmatica, Acronis и других компаний. Вечером после работы — фирменный почерк организаторов.
Дизайн-конференции от компаний быстро взлетают, но часто умирают при смене вектора. Самые долгоиграющие события — Дизайн Просмотр и Дизайн-выходные — делают группы энтузиастов вне корпоративной среды. Возможно, в этот список со временем попадёт и D!CONF.
P.S. Я не размещаю рекламу, но иногда делаю обмен постами с близкими по духу каналами — в Телеграме почти нет органического роста.
conf.dsgners.ru
D!CONF's1
Онлайн-конференция для цифровых и графических дизайнеров
Подсобралось свежего добра про связь бренда с интерфейсом, что кабачков на даче:
1. PayPal от американского агентства Pentagram.
2. Figma собственными силами. Во второй статье — о работе над шрифтом.
3. VSCO (фото-приложение) от испанского агентства EST +6.
4. Fluz (финтех) от британско-американского агентства Koto.
5. Headspace (ментальное здоровье) от американского агентства Italic Studio.
6. Fitbit Ace (умные часы) от британско-американского агентства Koto.
7. Twitch (стриминговый сервис) от американского агентства Porto Rocha.
8. Quilt (домашняя климатическая система) от американо-голландского агентства Manual.
9. Chime (необанк) от американского агентства Jones Knowles Ritchie.
10. Envato (магазин шаблонов), сделанный внутренними силами (больше).
11. Brilliant (обучающий сервис) от британо-американского агентства Koto.
12. Wise (финтех): Принципы дизайна и голос бренда, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании. О систематизации дизайна маркетинговых материалов.
13. Aria (финтех) от британского агентства Together.
14. Veeps (видео-сервис) от американского агентства Porto Rocha.
15. Amply (рекламная платформа) от британского агентства Rowdy Studio.
16. Stitch Fix (сервис подбора одежды).
17. Ctrl Wallet (финтех) от французского агентства Le Fruit.
18. Eppo (платформа A/B-тестирования) от британского агентства Moving Brands.
#branding
1. PayPal от американского агентства Pentagram.
2. Figma собственными силами. Во второй статье — о работе над шрифтом.
3. VSCO (фото-приложение) от испанского агентства EST +6.
4. Fluz (финтех) от британско-американского агентства Koto.
5. Headspace (ментальное здоровье) от американского агентства Italic Studio.
6. Fitbit Ace (умные часы) от британско-американского агентства Koto.
7. Twitch (стриминговый сервис) от американского агентства Porto Rocha.
8. Quilt (домашняя климатическая система) от американо-голландского агентства Manual.
9. Chime (необанк) от американского агентства Jones Knowles Ritchie.
10. Envato (магазин шаблонов), сделанный внутренними силами (больше).
11. Brilliant (обучающий сервис) от британо-американского агентства Koto.
12. Wise (финтех): Принципы дизайна и голос бренда, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании. О систематизации дизайна маркетинговых материалов.
13. Aria (финтех) от британского агентства Together.
14. Veeps (видео-сервис) от американского агентства Porto Rocha.
15. Amply (рекламная платформа) от британского агентства Rowdy Studio.
16. Stitch Fix (сервис подбора одежды).
17. Ctrl Wallet (финтех) от французского агентства Le Fruit.
18. Eppo (платформа A/B-тестирования) от британского агентства Moving Brands.
#branding
Pentagram
PayPal
PayPal's new refreshed brand identity marks the next chapter for PayPal in the lives of its customers and signals a new direction for the business and the brand...
Давненько не было мини-подборок о свежих книгах по дизайну интерфейсов:
За это время, к сожалению, закрылись A Book Apart — одно из главных и старейших издательств книг по дизайну интерфейсов. O'Reilly давно перестали активничать в дизайне, так что остаются только Rosenfeld Media и Smashing Magazine. Зато Rosenfeld прям в ударе — почти вся подборка с новостями от них.
1. Nielsen/Norman Group запустили своё издательство NN/g Press и выпустили первую книгу Kate Kaplan «Digital Icons That Work» о дизайне иконок. Анонс и основные тезисы.
2. Kate Towsey «Research That Scales» о ResearchOps. Kate — одна из главных идеологов масштабирования исследований в компаний и лучший возможный автор книги на эту тему.
3. Dan Mall «Design That Scales» о дизайн-системах.
4. Предзаказ на книгу Rachel Posman и John Calhoun «The Design Conductors» о дизайн-менеджменте / DesignOps.
5. Peter Fossick «Operations Thinking» о ResearchOps. Обзорная статья о фреймворке, который лежит в её основе.
6. Erin Weigel «Design for Impact» о проведении A/B-тестов. Она полезна и дизайнерам, и другим участникам продуктовой команды.
7. Алексей Баранов «User Interface Typography» о типографике в интерфейсах. Её можно читать в браузере.
8. Второе издание книги Leah Buley и Joe Natoli «The User Experience Team of One».
А вот что на подходе у Rosenfeld Media:
— Heidi Trost «Human-Centered Security».
— Joshua Graves «We Need to Talk».
— Josh Clark и Veronika Kindred «Sentient Design» об алгоритмическом дизайне. Они запустили этот термин вместе с флагманским выступлением и обзорной статьёй, плюс продают услуги типа Sentient Design Sprint.
#books
За это время, к сожалению, закрылись A Book Apart — одно из главных и старейших издательств книг по дизайну интерфейсов. O'Reilly давно перестали активничать в дизайне, так что остаются только Rosenfeld Media и Smashing Magazine. Зато Rosenfeld прям в ударе — почти вся подборка с новостями от них.
1. Nielsen/Norman Group запустили своё издательство NN/g Press и выпустили первую книгу Kate Kaplan «Digital Icons That Work» о дизайне иконок. Анонс и основные тезисы.
2. Kate Towsey «Research That Scales» о ResearchOps. Kate — одна из главных идеологов масштабирования исследований в компаний и лучший возможный автор книги на эту тему.
3. Dan Mall «Design That Scales» о дизайн-системах.
4. Предзаказ на книгу Rachel Posman и John Calhoun «The Design Conductors» о дизайн-менеджменте / DesignOps.
5. Peter Fossick «Operations Thinking» о ResearchOps. Обзорная статья о фреймворке, который лежит в её основе.
6. Erin Weigel «Design for Impact» о проведении A/B-тестов. Она полезна и дизайнерам, и другим участникам продуктовой команды.
7. Алексей Баранов «User Interface Typography» о типографике в интерфейсах. Её можно читать в браузере.
8. Второе издание книги Leah Buley и Joe Natoli «The User Experience Team of One».
А вот что на подходе у Rosenfeld Media:
— Heidi Trost «Human-Centered Security».
— Joshua Graves «We Need to Talk».
— Josh Clark и Veronika Kindred «Sentient Design» об алгоритмическом дизайне. Они запустили этот термин вместе с флагманским выступлением и обзорной статьёй, плюс продают услуги типа Sentient Design Sprint.
#books
A Book Apart
Brief books for people who design, write, and code
Шестой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
P.S. Результаты за 2023, 2021, 2020, 2019 и 2018.
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
P.S. Результаты за 2023, 2021, 2020, 2019 и 2018.
Полста мини-выпусков о дизайн-системах: done. Что тут есть:
1. Lukas Oppermann: Мощная инструкция по работе с токенами. Особенности реализации в коде и дизайне, советы по управлению процессом и поддержке.
2. Nathan Curtis: Модель метрик для оценки успешности внедрения дизайн-системы (пост удалён, но осталась картинка).
3. Nathan Curtis: Шпаргалка для продуктов разной стадии зрелости — надо ли внедрять дизайн-систему?
4. Nathan Curtis: Дополнил свою легендарную статью об организационных моделях команды дизайн-системы. Многие ошибочно посчитали федеративную модель лучшей, хотя она работает ограниченно. Он в деталях описывает, почему.
5. Uber: Переосмысление подхода к компонентам. Они стали делать меньше сложносочинённых компонентов в пользу вложенности более простых.
6. Adobe: Как описывается примеры компоновок экранов и другие правила работы с дизайн-системой. А также информируют пользователей об обновлениях.
7. Storybook 8.3: Продолжают развивать возможности тестирования компонентов — интегрировали платформу Vitest. Самое главное — теперь релизы для React и React Native будут синхронизированы.
#designsystems
1. Lukas Oppermann: Мощная инструкция по работе с токенами. Особенности реализации в коде и дизайне, советы по управлению процессом и поддержке.
2. Nathan Curtis: Модель метрик для оценки успешности внедрения дизайн-системы (пост удалён, но осталась картинка).
3. Nathan Curtis: Шпаргалка для продуктов разной стадии зрелости — надо ли внедрять дизайн-систему?
4. Nathan Curtis: Дополнил свою легендарную статью об организационных моделях команды дизайн-системы. Многие ошибочно посчитали федеративную модель лучшей, хотя она работает ограниченно. Он в деталях описывает, почему.
5. Uber: Переосмысление подхода к компонентам. Они стали делать меньше сложносочинённых компонентов в пользу вложенности более простых.
6. Adobe: Как описывается примеры компоновок экранов и другие правила работы с дизайн-системой. А также информируют пользователей об обновлениях.
7. Storybook 8.3: Продолжают развивать возможности тестирования компонентов — интегрировали платформу Vitest. Самое главное — теперь релизы для React и React Native будут синхронизированы.
#designsystems
Medium
The ultimate Design Token setup
Learn how to best set up design tokens to be a reliable tool for designers and developers in your company.
Дайджест продуктового дизайна за сентябрь 2024. Дизайн-системы и токены, ResearchOps, свежие книги, замусоренность интерфейса, дизайн-менеджмент, пользовательские исследования, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
На конференции Adobe MAX 2024 традиционно показали пачку экспериментов с Adobe Firefly.
Firefly научилась делать видео на основе текстового запроса или картинки. Также лучше генерирует графику (например, в 4 раза быстрее). Корпоративная коллекция API Firefly Services теперь умеет в автоматический дубляж видео и пакетную обработку кучи изображений. А ещё Adobe собрали свою версию этических принципов алгоритмического дизайна.
Вот все свежие дикие штуки Adobe Sneaks:
#ProjectTurntable: Позволяет управлять обычной двухмерной иллюстрацией в абсолютно любом стиле как полноценной 3D-моделью. Дорисовывает всё для этого и позволяет управлять дублями как компонентом (изменения родителя отражаются на копиях). Вместе с Project Neo это мощно поменяет картину иллюстраций в мире цифровых продуктов — подход «стилизуем 3D-иллюстрации под крафтовый жанр» станет доступен массовому дизайнеру.
#ProjectPerfectBlend: Подгоняет вырезанное фото персонажа или объекта по цвету и освещению основной фотографии, в которую она вклеивается.
#ProjectCleanMachine: Убирает блики в видео.
#ProjectInMotion: Делает автоматическую анимацию морфинга одного векторного изображения в другое, а потом накладывает любой стиль на это.
#ProjectKnowHow: Определяет автора изображения или видео, а также было ли оно создано или доработано через ИИ.
#ProjectSuperSonic: Генерирует звуковые эффекты на основе изображения сцены. Может самостоятельно предложить текстовый запрос для картинки или превратить набросок голосом в правильный звук.
#ProjectScenic: Собирает 3D-сцену по текстовому запросу. Поэтапно добавляет объекты, выбирает позицию камеры, рендерит в готовое изображение.
#ProjectRemixALot: Превращает набросок композиции графического дизайна на бумаге в полноценный макет, а дальше делает любые версии по размеру. Может применить стиль из любого стороннего примера. Один из самых мощных экспериментов за всю историю Sneaks.
#ProjectHiFi: Генерирует дизайн интерьера на основе текстового описания, набросков от руки и общей проекции помещения.
Смотрю Sneaks от корки до корки все шесть лет, что они выходят. И каждый раз это не только поднимает планку того, что можно автоматизировать в дизайне. Каждый раз спустя несколько лет это попадает в реальные массовые инструменты дизайна, а не остаётся концептами или инструментами-однодневками. Для меня это одна из самых важных мировых презентаций в дизайне.
#ai #algorithms #adobe #events
Firefly научилась делать видео на основе текстового запроса или картинки. Также лучше генерирует графику (например, в 4 раза быстрее). Корпоративная коллекция API Firefly Services теперь умеет в автоматический дубляж видео и пакетную обработку кучи изображений. А ещё Adobe собрали свою версию этических принципов алгоритмического дизайна.
Вот все свежие дикие штуки Adobe Sneaks:
#ProjectTurntable: Позволяет управлять обычной двухмерной иллюстрацией в абсолютно любом стиле как полноценной 3D-моделью. Дорисовывает всё для этого и позволяет управлять дублями как компонентом (изменения родителя отражаются на копиях). Вместе с Project Neo это мощно поменяет картину иллюстраций в мире цифровых продуктов — подход «стилизуем 3D-иллюстрации под крафтовый жанр» станет доступен массовому дизайнеру.
#ProjectPerfectBlend: Подгоняет вырезанное фото персонажа или объекта по цвету и освещению основной фотографии, в которую она вклеивается.
#ProjectCleanMachine: Убирает блики в видео.
#ProjectInMotion: Делает автоматическую анимацию морфинга одного векторного изображения в другое, а потом накладывает любой стиль на это.
#ProjectKnowHow: Определяет автора изображения или видео, а также было ли оно создано или доработано через ИИ.
#ProjectSuperSonic: Генерирует звуковые эффекты на основе изображения сцены. Может самостоятельно предложить текстовый запрос для картинки или превратить набросок голосом в правильный звук.
#ProjectScenic: Собирает 3D-сцену по текстовому запросу. Поэтапно добавляет объекты, выбирает позицию камеры, рендерит в готовое изображение.
#ProjectRemixALot: Превращает набросок композиции графического дизайна на бумаге в полноценный макет, а дальше делает любые версии по размеру. Может применить стиль из любого стороннего примера. Один из самых мощных экспериментов за всю историю Sneaks.
#ProjectHiFi: Генерирует дизайн интерьера на основе текстового описания, набросков от руки и общей проекции помещения.
Смотрю Sneaks от корки до корки все шесть лет, что они выходят. И каждый раз это не только поднимает планку того, что можно автоматизировать в дизайне. Каждый раз спустя несколько лет это попадает в реальные массовые инструменты дизайна, а не остаётся концептами или инструментами-однодневками. Для меня это одна из самых важных мировых презентаций в дизайне.
#ai #algorithms #adobe #events
Adobe
Adobe MAX 2024 - The Creativity Conference
Did you miss out on Adobe MAX 2024? Don't worry, you can still explore the latest tools and trends in design, video, photography, 3D, generative AI, and more.