Свежие материалы об интерфейсных паттернах и лучших практиках копятся очень быстро:
1. Виталий Фридман: Шикарный разбор интерфейсного паттерна «карусель». Много отличных нестандартных примеров, которые решают его родовые проблемы.
2. Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.
3. Casper Kessels: Минимальный размер области нажатия элементов интерфейса для сенсорных экранов в авто. Это минимум 100px.
4. Яндекс Go: Адаптация мобильного приложения для незрячих пользователей.
5. WebAIM: Проанализировали миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.
6. Adam K: Особенности дизайна упрощённой версии Инсты для стран со слабыми телефонами и интернетом.
7. NN/g: Способы повысить автономность пользователя в интерфейсе.
#patterns
1. Виталий Фридман: Шикарный разбор интерфейсного паттерна «карусель». Много отличных нестандартных примеров, которые решают его родовые проблемы.
2. Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.
3. Casper Kessels: Минимальный размер области нажатия элементов интерфейса для сенсорных экранов в авто. Это минимум 100px.
4. Яндекс Go: Адаптация мобильного приложения для незрячих пользователей.
5. WebAIM: Проанализировали миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.
6. Adam K: Особенности дизайна упрощённой версии Инсты для стран со слабыми телефонами и интернетом.
7. NN/g: Способы повысить автономность пользователя в интерфейсе.
#patterns
Smashing Magazine
Usability Guidelines For Better Carousels UX — Smashing Magazine
Carousels have plenty of accessibility issues, they often exhibit low click-through rates, can be very disruptive when auto-advancing and people frequently scroll past through them. In this series of articles, we highlight design patterns and techniques to…
👍2
Собрал дайджест продуктового дизайна за апрель 2022. Звуки и запахи в интерфейсе, алгоритмический дизайн, метрики, информационная архитектура, карусель, accessibility, оргструктуры, дизайн-системы, концепт-кары, принципы дизайна, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Сегодня должен был выйти традиционный разбор нового для дизайнеров в свежем Android 13, но его особо нет — разве что оптимизация для мёртвого жанра планшетов. Зато опять накопилась огромная пачка годноты про пользовательские исследования:
1. Jeff Sauro и Jim Lewis: Бомбейший справочник метрик для оценки конкретных сценариев интерфейса. В том числе много сверхдетальных и небанальных.
2. Fred Reichheld, Darci Darnell и Maureen Burns: Важное дополнение к NPS: концепция «заработанного» роста. Она считает клиентов, которые пришли благодаря хорошему сервису, т.е. продолжили пользоваться или начали благодаря рекомендации. Многие компании научились манипулировать NPS, так что они пытаются сбалансировать метрику статистикой реальных продаж. Занятно, что это противоречит школе мысли Byron Sharp, который не верит в заметный рост благодаря рекомендациям.
3. Indeed: История развития команды пользовательских исследований. Как они выросли с 2 до 100 человек.
4. User Interviews: Обзор сервисов для проведения этнографических исследований.
5. Dovetail: Как правильно сформулировать вопрос и цели исследования. А дальше — подготовить конкретный сценарий вопросов для респондента.
6. Jonathan Richardson: Стратегия пользовательских исследований для серии связанных проектов. Часть 2.
7. Connor Joyce: Разница между профессиями Data Science, User Experience и поведенческой наукой. Они анализируют пользователя с разных точек зрения. В другой статье он описывает своё понимание профессии специалиста по прикладному поведению пользователей.
8. NN/g: Советы по презентации результатов.
9. User Interviews: Воркшоп по проектированию таксономии базы знаний и инсайтов из пользовательских исследований. В статье материалы и шаблон.
10. Dovetail: Триангуляция данных.
11. Jim Lewis и Jeff Sauro: Влияет ли направление шкалы в опроснике SEQ (от простого к сложному или наоборот) на результаты исследования. Спойлер: не особо.
12. User Interviews: Как демократизируют пользовательские исследования в компании.
13. Steve Bromley: Советы по написанию отчёта о пользовательских исследованиях игр.
14. NN/g: Рекрутинг респондентов с высоким доходом, которых сложно найти обычными способами.
15. Salesforce: Выводы из исследования работы операторов поддержки в пост-пандемийную эпоху.
16. Толковая дискуссия с Nada Alnakeeb из DoorDash и Joanna Perez из Netflix о базах знаний и инсайтов из пользовательских исследований.
#research
1. Jeff Sauro и Jim Lewis: Бомбейший справочник метрик для оценки конкретных сценариев интерфейса. В том числе много сверхдетальных и небанальных.
2. Fred Reichheld, Darci Darnell и Maureen Burns: Важное дополнение к NPS: концепция «заработанного» роста. Она считает клиентов, которые пришли благодаря хорошему сервису, т.е. продолжили пользоваться или начали благодаря рекомендации. Многие компании научились манипулировать NPS, так что они пытаются сбалансировать метрику статистикой реальных продаж. Занятно, что это противоречит школе мысли Byron Sharp, который не верит в заметный рост благодаря рекомендациям.
3. Indeed: История развития команды пользовательских исследований. Как они выросли с 2 до 100 человек.
4. User Interviews: Обзор сервисов для проведения этнографических исследований.
5. Dovetail: Как правильно сформулировать вопрос и цели исследования. А дальше — подготовить конкретный сценарий вопросов для респондента.
6. Jonathan Richardson: Стратегия пользовательских исследований для серии связанных проектов. Часть 2.
7. Connor Joyce: Разница между профессиями Data Science, User Experience и поведенческой наукой. Они анализируют пользователя с разных точек зрения. В другой статье он описывает своё понимание профессии специалиста по прикладному поведению пользователей.
8. NN/g: Советы по презентации результатов.
9. User Interviews: Воркшоп по проектированию таксономии базы знаний и инсайтов из пользовательских исследований. В статье материалы и шаблон.
10. Dovetail: Триангуляция данных.
11. Jim Lewis и Jeff Sauro: Влияет ли направление шкалы в опроснике SEQ (от простого к сложному или наоборот) на результаты исследования. Спойлер: не особо.
12. User Interviews: Как демократизируют пользовательские исследования в компании.
13. Steve Bromley: Советы по написанию отчёта о пользовательских исследованиях игр.
14. NN/g: Рекрутинг респондентов с высоким доходом, которых сложно найти обычными способами.
15. Salesforce: Выводы из исследования работы операторов поддержки в пост-пандемийную эпоху.
16. Толковая дискуссия с Nada Alnakeeb из DoorDash и Joanna Perez из Netflix о базах знаний и инсайтов из пользовательских исследований.
#research
Measuringu
A Guide to Task-Based UX Metrics – MeasuringU
👍1
И снова о дизайн-менеджменте:
1. Tim Kieschnick: Концепция «лидерского потолка». Он оценивает три ключевых составляющих (цель, люди, процесс) по наименее успешному из них — это и есть потолок, который будет тормозить все инициативы. И предлагает разные подходы к работе с ним.
2. Jeff Zych: Советы по созданию «концепт-каров» или «путеводной звезды» — концептов, которые показывают будущее продукта через несколько лет.
3. Shopify: Интересный подход к решению дизайн-долга — отдельная команда, которая ищет и решает проблемы в админке продавцов.
4. Atlassian: Правила обратной связи для обсуждения дизайна.
5. NN/g: Обзор форматов интерфейсных roadmap. Кто, когда и как делает их.
6. Виталий Фридман: Метрики дизайна конкретного продукта.
7. Design Dept: Советы по проведению изменений в организации. Часть 2 и 3.
8. Mia Blume: Ограничения роли играющего тренера. Она считает, что это возможно только на относительно короткий период перехода в роль постоянного лидера.
#management
1. Tim Kieschnick: Концепция «лидерского потолка». Он оценивает три ключевых составляющих (цель, люди, процесс) по наименее успешному из них — это и есть потолок, который будет тормозить все инициативы. И предлагает разные подходы к работе с ним.
2. Jeff Zych: Советы по созданию «концепт-каров» или «путеводной звезды» — концептов, которые показывают будущее продукта через несколько лет.
3. Shopify: Интересный подход к решению дизайн-долга — отдельная команда, которая ищет и решает проблемы в админке продавцов.
4. Atlassian: Правила обратной связи для обсуждения дизайна.
5. NN/g: Обзор форматов интерфейсных roadmap. Кто, когда и как делает их.
6. Виталий Фридман: Метрики дизайна конкретного продукта.
7. Design Dept: Советы по проведению изменений в организации. Часть 2 и 3.
8. Mia Blume: Ограничения роли играющего тренера. Она считает, что это возможно только на относительно короткий период перехода в роль постоянного лидера.
#management
Peter Merholz
The Leadership Ceiling: a framework for diagnosing your situation
Thoughts, stories and ideas.
👍1
Свежий дроп интерфейсных паттернов и лучших практик:
1. Виталий Фридман: Грамотные способы сделать переключение языка в интерфейсе.
2. NN/g: Поиск в интранете.
3. EightShapes: 4 компромисса при проектировании меню.
4. Google Cloud: Исследование кросс-платформенной работы пользователей. Как они переключаются между графическим интерфейсом, командной строкой и другими способами управления сложным сервисом.
5. Casper Kessels: Тест автомобильного интерфейса Porsche Taycan. Он подробно описывает его работу.
6. NN/g: Представление товаров с модификациями в интернет-магазинах.
7. Indeed: Памятка по дизайну инклюзивных интерфейсов. Анонс от Sneha Dasgupta — https://indeed.design/article/how-inclusive-are-your-designs-use-this-audit-to-find-out.
8. Jeff Sauro, Dylan Atkins и Jim Lewis: Сравнительное юзабилити-тестирование новостных сайтов. Они выделили ключевые драйверы хорошего отношения к ним.
9. Baymard: Типичные проблемы в представлении скидок в интернет-магазинах.
#patterns
1. Виталий Фридман: Грамотные способы сделать переключение языка в интерфейсе.
2. NN/g: Поиск в интранете.
3. EightShapes: 4 компромисса при проектировании меню.
4. Google Cloud: Исследование кросс-платформенной работы пользователей. Как они переключаются между графическим интерфейсом, командной строкой и другими способами управления сложным сервисом.
5. Casper Kessels: Тест автомобильного интерфейса Porsche Taycan. Он подробно описывает его работу.
6. NN/g: Представление товаров с модификациями в интернет-магазинах.
7. Indeed: Памятка по дизайну инклюзивных интерфейсов. Анонс от Sneha Dasgupta — https://indeed.design/article/how-inclusive-are-your-designs-use-this-audit-to-find-out.
8. Jeff Sauro, Dylan Atkins и Jim Lewis: Сравнительное юзабилити-тестирование новостных сайтов. Они выделили ключевые драйверы хорошего отношения к ним.
9. Baymard: Типичные проблемы в представлении скидок в интернет-магазинах.
#patterns
Smashing Magazine
Designing A Perfect Language Selector UX — Smashing Magazine
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Can we fix it? Absolutely!…
Вчера прошла ежегодная WWDC, выставка новых операционок Apple. Как и месяц назад в Android 13, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Но два раза пропускать анонсы грешно, так что подсвечу хотя бы это:
iOS 16
— Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр.
— Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение. А ещё — скопировать текст из видео.
— Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.
— Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.
— Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном месте.
— Объявили финалистов Apple Design Awards — https://developer.apple.com/design/awards/
iPadOS 16
— Развитие многозадачности: окна могут наслаиваться, как в обычной десктопной ОС. Можно также подключить внешний монитор как дополнительный рабочий стол.
— Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.
CarPlay
— Более тесная интеграция в интерфейс машины.
watchOS 9
— Развитие функций отслеживания здоровья и обновления ключевых приложений.
Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.
Бета-версии появятся в июле. Возможно, в следующем году будет что-то и для дизайнеров интерфейсов. Хотя продуктовым командам облегчение — меньше ежегодной подгонки приложений.
#ios #trends #events
iOS 16
— Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр.
— Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение. А ещё — скопировать текст из видео.
— Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.
— Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.
— Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном месте.
— Объявили финалистов Apple Design Awards — https://developer.apple.com/design/awards/
iPadOS 16
— Развитие многозадачности: окна могут наслаиваться, как в обычной десктопной ОС. Можно также подключить внешний монитор как дополнительный рабочий стол.
— Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.
CarPlay
— Более тесная интеграция в интерфейс машины.
watchOS 9
— Развитие функций отслеживания здоровья и обновления ключевых приложений.
Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.
Бета-версии появятся в июле. Возможно, в следующем году будет что-то и для дизайнеров интерфейсов. Хотя продуктовым командам облегчение — меньше ежегодной подгонки приложений.
#ios #trends #events
Apple Developer
WWDC25
Revisit an incredible week of technology and creativity.
Собрал дайджест продуктового дизайна за май 2022. Android 13, бессмысленность трендов, алгоритмический дизайн, ультимативный список метрик, навигация, стратегия исследований, потолок дизайн-менеджера, технологии передачи цвета, инклюзивный и этичный дизайн, паралич люксовых интернет-магазинов и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Решил побить рекорд по объёму подборки по пользовательским исследованиям. Большое плотнотеево:
1. Gerry McGovern: Топовая памятка по методу анализа топовых задач пользователей в продукте. Это один из самых полезных способов понять потребности пользователей.
2. Robin Zaragoza: Отличная памятка по выбору методов исследований при поиске и понимании проблемы пользователей.
3. NN/g: Советы по демократизации пользовательских исследований. Как научить коллег проводить простые исследования, чтобы у профессионалов оставалось время на сложные.
4. Spotify: Особенности этнографических исследований в эпоху вечной удалёнки.
5. NN/g: Сравнение методов персонажей и архетипов для описания целевой аудитории.
6. Salesforce: Опытом практического использования персонажей.
7. Shopify: Комбинация методов исследований в продуктовой работе.
8. Marty Cagan: Интервью о его понимании роли и формата пользовательских исследований в современной продуктовой работе.
9. Steve Bromley: Памятки по проведению игровых тестов и поиску респондентов для них.
10. Airtime: Советы по созданию собственной панели респондентов.
11. IBM: Комбинация методов исследований для ранжирования беклога.
12. NN/g: Чеклист для модератора юзабилити-тестирования.
13. Shaun Genter, Yazmín García Trejo и Elizabeth Nichols: Разница в способах представления опросов, где от пользователя требуется расставить список в нужном порядке. У перетаскивания и вбивания номеров вручную свои плюсы и минусы.
14. NN/g: 4 типа пользователей, которые покупают люксовую одежду и аксессуары. Чем отличается их поведение и каковы их потребности.
15. Dan Busso: Как снизить эффект «социальной благожелательности» при проведении пользовательских исследований. Например, при общении с подростками.
#research
1. Gerry McGovern: Топовая памятка по методу анализа топовых задач пользователей в продукте. Это один из самых полезных способов понять потребности пользователей.
2. Robin Zaragoza: Отличная памятка по выбору методов исследований при поиске и понимании проблемы пользователей.
3. NN/g: Советы по демократизации пользовательских исследований. Как научить коллег проводить простые исследования, чтобы у профессионалов оставалось время на сложные.
4. Spotify: Особенности этнографических исследований в эпоху вечной удалёнки.
5. NN/g: Сравнение методов персонажей и архетипов для описания целевой аудитории.
6. Salesforce: Опытом практического использования персонажей.
7. Shopify: Комбинация методов исследований в продуктовой работе.
8. Marty Cagan: Интервью о его понимании роли и формата пользовательских исследований в современной продуктовой работе.
9. Steve Bromley: Памятки по проведению игровых тестов и поиску респондентов для них.
10. Airtime: Советы по созданию собственной панели респондентов.
11. IBM: Комбинация методов исследований для ранжирования беклога.
12. NN/g: Чеклист для модератора юзабилити-тестирования.
13. Shaun Genter, Yazmín García Trejo и Elizabeth Nichols: Разница в способах представления опросов, где от пользователя требуется расставить список в нужном порядке. У перетаскивания и вбивания номеров вручную свои плюсы и минусы.
14. NN/g: 4 типа пользователей, которые покупают люксовую одежду и аксессуары. Чем отличается их поведение и каковы их потребности.
15. Dan Busso: Как снизить эффект «социальной благожелательности» при проведении пользовательских исследований. Например, при общении с подростками.
#research
Smashing Magazine
Top Tasks: To Focus On What Matters You Must De-Focus On What Doesn’t — Smashing Magazine
We waste so much today. One way of focusing on what truly matters is by identifying Top Tasks for yourself. In this article, Gerry McGovern will show you how to make tough decisions by focusing on the real, quantifiable evidence that will help create a better…
Выпуск о дизайн-менеджменте был совсем недавно, но быстро набежало ещё годноты:
1. Jeff Sauro и Jim Lewis: Уникальная памятка по интерфейсным метрикам на уровне всего исследования. Удовлетворённость и лояльность, бренд и визуальный дизайн, юзабилити и полезность, доверие, плюс куча специализированных вроде голосовых интерфейсов.
2. NN/g: Шаблон для формата описания ответственных по проекту RACI. Anna Kaley описывает его суть.
3. Design Dept: Способы управления календарём.
4. NN/g: Результаты исследования по современным подходам к найму дизайнеров, когда многие привыкли к миру удалёнки.
5. Joshua Mauldin: Советы по организации обратной связи по дизайну при удалённой работе.
6. Salesforce: Развитие навыков командной работы. Это часть их карты компетенций.
7. Design Dept: Важность навыков фасилитации для дизайн-менеджера. Как они помогают выводить сложные ситуации из конфликта в компромисс.
8. Сбер Здоровье: Как наладить здоровое взаимодействие между дизайнером и менеджером продукта. Чтобы менеджер приходил с проблемой, а не решением.
#management
1. Jeff Sauro и Jim Lewis: Уникальная памятка по интерфейсным метрикам на уровне всего исследования. Удовлетворённость и лояльность, бренд и визуальный дизайн, юзабилити и полезность, доверие, плюс куча специализированных вроде голосовых интерфейсов.
2. NN/g: Шаблон для формата описания ответственных по проекту RACI. Anna Kaley описывает его суть.
3. Design Dept: Способы управления календарём.
4. NN/g: Результаты исследования по современным подходам к найму дизайнеров, когда многие привыкли к миру удалёнки.
5. Joshua Mauldin: Советы по организации обратной связи по дизайну при удалённой работе.
6. Salesforce: Развитие навыков командной работы. Это часть их карты компетенций.
7. Design Dept: Важность навыков фасилитации для дизайн-менеджера. Как они помогают выводить сложные ситуации из конфликта в компромисс.
8. Сбер Здоровье: Как наладить здоровое взаимодействие между дизайнером и менеджером продукта. Чтобы менеджер приходил с проблемой, а не решением.
#management
Measuringu
A Guide to Study-Based UX Metrics – MeasuringU
Семейная упаковка свежих материалов о лучших интерфейсных паттернах и практиках:
1. Стас Хрусталёв: Каталоги паттернов интернет-магазинов:
— Допродажи и кросс-продажа
— Характеристики и описание товара
— Фотографии и видео товара
2. platformOS: Перепроектирование сайта с документацией для разработчиков. Хороший поэтапный рассказ с кучей деталей и методов.
3. GOV.uk: Чат-бот поддержки в британских государственных сервисах. Как проектировали его и с какими проблемами столкнулись.
4. NN/g: Почему многие люксовые бренды делают такие плохие интернет-магазины по сравнению с фешенебельным опытом в офлайне.
5. Wikipedia: Работа над функциями редактирования материалов в версии для Android.
6. Baymard: Как выделять кликабельные элементы в сложных карточках. Тем более, если есть риск перепутать области нажатия.
7. Sophie Clifton-Tucker: Оптимизация интерфейса под разные виды «нейроразнрообразия» (термин, который всё чаще всплывает в дизайнерских статьях).
8. Growth Design: Отличный паттерн для включения уведомлений в LinkedIn. Он гипер-контекстный и от этого работает особенно удачно.
9. Instamart: Работа над функцией популярных заказов. Как пришли к идее, анализировали и исследовали её.
10. Salesforce: Доработка интерфейса карт для пользователей с нарушениями цветового восприятия.
11. Andrew Allen: Экспериментальное приложение-планировщик, которое делает момент закрытия задачи выдающимся.
12. MeasuringU: Свежее сравнительное исследование американских сайтов и сервисов недвижимости. Они выделяют ключевые драйверы, влияющие на оценку.
13. NN/g: Беглый обзор особенностей взаимодействия с ресторанами без обслуживания людьми.
14. Eric Bailey: Оформление ссылок и кнопок со скрытым полным названием для правильной поддержки accessibility.
#patterns
1. Стас Хрусталёв: Каталоги паттернов интернет-магазинов:
— Допродажи и кросс-продажа
— Характеристики и описание товара
— Фотографии и видео товара
2. platformOS: Перепроектирование сайта с документацией для разработчиков. Хороший поэтапный рассказ с кучей деталей и методов.
3. GOV.uk: Чат-бот поддержки в британских государственных сервисах. Как проектировали его и с какими проблемами столкнулись.
4. NN/g: Почему многие люксовые бренды делают такие плохие интернет-магазины по сравнению с фешенебельным опытом в офлайне.
5. Wikipedia: Работа над функциями редактирования материалов в версии для Android.
6. Baymard: Как выделять кликабельные элементы в сложных карточках. Тем более, если есть риск перепутать области нажатия.
7. Sophie Clifton-Tucker: Оптимизация интерфейса под разные виды «нейроразнрообразия» (термин, который всё чаще всплывает в дизайнерских статьях).
8. Growth Design: Отличный паттерн для включения уведомлений в LinkedIn. Он гипер-контекстный и от этого работает особенно удачно.
9. Instamart: Работа над функцией популярных заказов. Как пришли к идее, анализировали и исследовали её.
10. Salesforce: Доработка интерфейса карт для пользователей с нарушениями цветового восприятия.
11. Andrew Allen: Экспериментальное приложение-планировщик, которое делает момент закрытия задачи выдающимся.
12. MeasuringU: Свежее сравнительное исследование американских сайтов и сервисов недвижимости. Они выделяют ключевые драйверы, влияющие на оценку.
13. NN/g: Беглый обзор особенностей взаимодействия с ресторанами без обслуживания людьми.
14. Eric Bailey: Оформление ссылок и кнопок со скрытым полным названием для правильной поддержки accessibility.
#patterns
Hardclient
Допродажа и cross-sell на странице товара в интернет-магазине: 19 идей и 53 гайдлайна
Лучшие практики UX/UI в E-Commerce
Я ленюсь вставлять в посты картинки, чтобы вы не поленились открыть пачку этих фантастических примеров связи бренда с интерфейсом:
1. Крупный новостной сайт CNET от американского агентства Collins. Их любимый рецепт — совсем новый и нетипичный для рынка подход к иллюстрациям, харáктерный шрифт.
2. Instagram, сделанный внутренними силами в партнёрстве с несколькими словолитнями (основной шрифт делали Colophon Foundry). Один из ярчайших примеров за последние годы с сильным характером. Официальная страница и анонс.
3. Платёжный сервис Paddle от американского агентства Butchershop.
4. Финтех-сервис Trench от австралийского агентства Lovework Studio.
5. Инвестиционная платформа Circa 5000 от британского агентства Ragged Edge.
6. Благотворительный браузерный плагин Freetree от португальского агентства How&How.
7. Сервис доставки еды Jiffy от Щуки.
8. Сервисы для совместной работы и администрирования GoTo от британского агентства Moving Brands.
9. Беседа с Olivia Jezler из агентства Future of Smell о роли запаха в брендинге. Как выглядит процесс и какие в целом тренды отрасли.
10. SND: Библиотека бесплатных интерфейсных звуков.
11. Словолитня Monotype и исследовательская компания Neurons изучили эмоциональный эффект от шрифтов. Они сравнили три шрифта в разных ситуациях среди 400 респондентов.
Uttam Kokil и Tracy Harwood рассказывают о своих находках на тему известного предположения «красивое кажется более удобным». Они изучили предыдущие исследования на тему и протестировали прототип игры в разных вариациях.
#branding
1. Крупный новостной сайт CNET от американского агентства Collins. Их любимый рецепт — совсем новый и нетипичный для рынка подход к иллюстрациям, харáктерный шрифт.
2. Instagram, сделанный внутренними силами в партнёрстве с несколькими словолитнями (основной шрифт делали Colophon Foundry). Один из ярчайших примеров за последние годы с сильным характером. Официальная страница и анонс.
3. Платёжный сервис Paddle от американского агентства Butchershop.
4. Финтех-сервис Trench от австралийского агентства Lovework Studio.
5. Инвестиционная платформа Circa 5000 от британского агентства Ragged Edge.
6. Благотворительный браузерный плагин Freetree от португальского агентства How&How.
7. Сервис доставки еды Jiffy от Щуки.
8. Сервисы для совместной работы и администрирования GoTo от британского агентства Moving Brands.
9. Беседа с Olivia Jezler из агентства Future of Smell о роли запаха в брендинге. Как выглядит процесс и какие в целом тренды отрасли.
10. SND: Библиотека бесплатных интерфейсных звуков.
11. Словолитня Monotype и исследовательская компания Neurons изучили эмоциональный эффект от шрифтов. Они сравнили три шрифта в разных ситуациях среди 400 респондентов.
Uttam Kokil и Tracy Harwood рассказывают о своих находках на тему известного предположения «красивое кажется более удобным». Они изучили предыдущие исследования на тему и протестировали прототип игры в разных вариациях.
#branding
COLLINS
undefined | COLLINS
Make your company as valuable as it is unignorable.
Нет лучше для подборки темы,
чем тонна ссылок про дизайн-системы
1. SuperFriendly: Мини-книга «Design System in 90 Days», в дополнение к которой идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
2. Gabe Scholz: Годные советы по разработке компонентов. Многие из них полезны для управления процессом и дизайна.
3. Eric Bailey: Список всех возможных состояний компонентов интерфейса.
4. Adam Argyle: Все аспекты реализации кнопки в коде с учётом всех современных требований (состояния, accessibility, тёмная тема и т.п.).
5. Sehee Lee: Процесс добавления новых иконок в Material Design.
6. Shopify: Рассказ об обновлении дизайн-системы. Хотя компоненты были внедрены широко, покрытие токенами было сильно меньше и нужно было починить это.
7. Alex Bueno: Занятная концепция дизайн-систем в виде Евклидовой модели.
8. Storybook:
— Интерактивное тестирование компонентов.
— Автоматизированное тестирование accessibility.
— Переключатель темы оформления.
9. Dan Mall: Критика подхода, когда команда тратит слишком много сил на старте на определение «фундамента» — например, системы цветов и отступов. Для начинающих компаний проще взять хоть что-то, а потом дорабатывать — при правильной архитектуре дизайн-системы это быстро и недорого. Ну а вместо этого сфокусироваться на главном — покрытии в продуктах и вовлечении команд.
10. Nathan Curtis: Серия статей о процессе тестирования компонентов в Figma. Часть 2 и 3.
11. Nathan Curtis: Форматы общих библиотек в Figma. Как организовать команду и процесс обновления, а также разделить компоненты на отдельные частные библиотеки.
12. CSS-фреймворки и библиотеки:
— Коллекция компонентов интерфейса на чистом CSS.
— Spruce: Ещё один простой CSS-фреймворк.
13. Исследования рынка:
— Sparkbox: Опросили 219 специалистов на тему их главных задач и болей во внедрении.
— ZeroHeight: Опрос 500 специалистов, которые работают над дизайн-системами (как в коде, так и в дизайн-инструментах). Есть некоторое количество интересных моментов, хотя и ограниченное.
14. Примеры дизайн-систем:
— Gusto.
— Culture Amp.
15. Daniel Yuschick: Особенности нового свойства CSS color-contrast(), которое здорово поможет в повышении качества accessibility. Это позволит автоматически выбирать цвет шрифта для текущего фона из набора возможных.
16. UXPin: Новая функция управления компонентами в Merge позволяет импортировать реализацию в коде в инструмент дизайна, а дальше — собирать интерактивные прототипы.
17. Brad Frost: Беседа о текущем состоянии дизайн-систем и его работе со Storybook.
18. Цветовые палитры:
— WTTJ: Соответствие требованиям accessibility.
— Primer Prism: GitHub открыли наружу свой генератор цветовых палитр, который помогает создать тёмную тему оформления и другие темы, где основной цвет — не белый. Анонс и обзор.
— Adobe Spectrum: Очередное обновление, которое использует сотня приложений компании.
19. Рамблер: Тематизация виджета комментариев для разных сервисов. Как выделить общие и настраивающиеся элементы.
#designsystems
чем тонна ссылок про дизайн-системы
1. SuperFriendly: Мини-книга «Design System in 90 Days», в дополнение к которой идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
2. Gabe Scholz: Годные советы по разработке компонентов. Многие из них полезны для управления процессом и дизайна.
3. Eric Bailey: Список всех возможных состояний компонентов интерфейса.
4. Adam Argyle: Все аспекты реализации кнопки в коде с учётом всех современных требований (состояния, accessibility, тёмная тема и т.п.).
5. Sehee Lee: Процесс добавления новых иконок в Material Design.
6. Shopify: Рассказ об обновлении дизайн-системы. Хотя компоненты были внедрены широко, покрытие токенами было сильно меньше и нужно было починить это.
7. Alex Bueno: Занятная концепция дизайн-систем в виде Евклидовой модели.
8. Storybook:
— Интерактивное тестирование компонентов.
— Автоматизированное тестирование accessibility.
— Переключатель темы оформления.
9. Dan Mall: Критика подхода, когда команда тратит слишком много сил на старте на определение «фундамента» — например, системы цветов и отступов. Для начинающих компаний проще взять хоть что-то, а потом дорабатывать — при правильной архитектуре дизайн-системы это быстро и недорого. Ну а вместо этого сфокусироваться на главном — покрытии в продуктах и вовлечении команд.
10. Nathan Curtis: Серия статей о процессе тестирования компонентов в Figma. Часть 2 и 3.
11. Nathan Curtis: Форматы общих библиотек в Figma. Как организовать команду и процесс обновления, а также разделить компоненты на отдельные частные библиотеки.
12. CSS-фреймворки и библиотеки:
— Коллекция компонентов интерфейса на чистом CSS.
— Spruce: Ещё один простой CSS-фреймворк.
13. Исследования рынка:
— Sparkbox: Опросили 219 специалистов на тему их главных задач и болей во внедрении.
— ZeroHeight: Опрос 500 специалистов, которые работают над дизайн-системами (как в коде, так и в дизайн-инструментах). Есть некоторое количество интересных моментов, хотя и ограниченное.
14. Примеры дизайн-систем:
— Gusto.
— Culture Amp.
15. Daniel Yuschick: Особенности нового свойства CSS color-contrast(), которое здорово поможет в повышении качества accessibility. Это позволит автоматически выбирать цвет шрифта для текущего фона из набора возможных.
16. UXPin: Новая функция управления компонентами в Merge позволяет импортировать реализацию в коде в инструмент дизайна, а дальше — собирать интерактивные прототипы.
17. Brad Frost: Беседа о текущем состоянии дизайн-систем и его работе со Storybook.
18. Цветовые палитры:
— WTTJ: Соответствие требованиям accessibility.
— Primer Prism: GitHub открыли наружу свой генератор цветовых палитр, который помогает создать тёмную тему оформления и другие темы, где основной цвет — не белый. Анонс и обзор.
— Adobe Spectrum: Очередное обновление, которое использует сотня приложений компании.
19. Рамблер: Тематизация виджета комментариев для разных сервисов. Как выделить общие и настраивающиеся элементы.
#designsystems
В этом году подборка новостей алгоритмического дизайна = подборка новостей про DALL-E 2. Это второе поколение экспериментального генератора фотографий и иллюстраций реальных и выдуманных объектов по текстовому описанию от OpenAI. Уровень, конечно, фантастический — многие из результатов можно хоть сейчас без стыда использовать в реальных продуктах. Одно из самых сильных явлений в истории алгоритмического дизайна.
Scott Alexander учил нейросеть рисовать витражи с определёнными сюжетами. Рассказ чумовой — он постоянно уточнял формулировку запроса, чтобы добиться определённого результата. Это отличный пример того, как дизайнеры могут управлять роботами-дизайнерами.
Энтузиасты налево и направо упражняются в том, что можно сделать:
— Красочные иконки от Charlota Blunarova. Фантастическое качество и модный стиль.
— Шикарный мемасный форс. Дикие концепции вроде «Ice Cube in an ice cube», «Plague doctor Onlyfans» или «Jesus speaking at a TED talk».
— Обложка Cosmopolitan, на которую у Карен Ченг ушло под сотню часов правильного формулирования запросов.
— Фотореалистичные люди.
— Развитие классических картин.
— Фотоаппараты в духе персонажей «Звёздных войн» и других фильмов от Mathieu Stern.
— Забавный гибрид Wordle и DALL-E.
Слабых место, правда, полно. Статья дотошно разбирает, что нейросеть умеет хорошо, а где лажает. В целом — безумно круто, но непредсказуемо. Хотя в любом случае круче абибасной версии ruDALL-E.
Google сделали аналог Imagen — ещё один генератор фото и иллюстраций по текстовому описанию (обзор). Хвалятся качеством, но показанные примеры явно слабее.
После долгой стагнации в теме идёт мощный качественный прорыв, который реально снимает часть рутины с дизайнера. Правда, немного позже — когда инструмент полноценно станет доступен всем).
#ai #algorithms
Scott Alexander учил нейросеть рисовать витражи с определёнными сюжетами. Рассказ чумовой — он постоянно уточнял формулировку запроса, чтобы добиться определённого результата. Это отличный пример того, как дизайнеры могут управлять роботами-дизайнерами.
Энтузиасты налево и направо упражняются в том, что можно сделать:
— Красочные иконки от Charlota Blunarova. Фантастическое качество и модный стиль.
— Шикарный мемасный форс. Дикие концепции вроде «Ice Cube in an ice cube», «Plague doctor Onlyfans» или «Jesus speaking at a TED talk».
— Обложка Cosmopolitan, на которую у Карен Ченг ушло под сотню часов правильного формулирования запросов.
— Фотореалистичные люди.
— Развитие классических картин.
— Фотоаппараты в духе персонажей «Звёздных войн» и других фильмов от Mathieu Stern.
— Забавный гибрид Wordle и DALL-E.
Слабых место, правда, полно. Статья дотошно разбирает, что нейросеть умеет хорошо, а где лажает. В целом — безумно круто, но непредсказуемо. Хотя в любом случае круче абибасной версии ruDALL-E.
Google сделали аналог Imagen — ещё один генератор фото и иллюстраций по текстовому описанию (обзор). Хвалятся качеством, но показанные примеры явно слабее.
После долгой стагнации в теме идёт мощный качественный прорыв, который реально снимает часть рутины с дизайнера. Правда, немного позже — когда инструмент полноценно станет доступен всем).
#ai #algorithms
Openai
DALL·E 2
DALL·E 2 is an AI system that can create realistic images and art from a denoscription in natural language.
Собрал дайджест продуктового дизайна за июнь 2022. iOS 16, триумф DALL-E 2, интернет-магазины, метрики для шрифтов, дизайн-долг, книга о дизайн-системах, демократизация и масштабирование UX-исследований, тренды в логотипах, первые 90 дней в компании и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
До сотой мини-подборки о пользовательских исследований осталось всего 62 выпуска:
1. Толковая подборка мнений сильных руководителей UX-исследований на тему разных аспектов ResearchOps. Демократизация, база знаний и инсайтов, инструменты и другое.
2. Maze: Советы по демократизации исследований в компании. Как учить дизайнеров и менеджеров продуктов, какие проекты безопасно отдавать им.
3. Lyft: Ещё о демократизации: вовлечение дизайнеров и менеджеров продуктов в простые исследования. Стандартный подход быстрых тестов в компании.
4. Jeff Sauro и Jim Lewis: Сравнивают разные способы проведения исследований, в которых респондент проговаривает свои действия. Насколько критичны прерывания от модератора и какой ценой можно избежать их.
5. Steve Bromley: Как избежать утечки при проведении игровых тестов до выпуска игры.
6. Airtime: Советы по построению своей панели респондентов. Где искать их.
7. User Interviews: Шаблон согласия на участие в исследовании и обработку персональных данных. И советы Nielsen/Norman Group на эту же тему.
8. Dan Brown: Подход «быстрых персонажей». Они хорошо работают на рабочих сессиях по продумыванию продукта.
#research
1. Толковая подборка мнений сильных руководителей UX-исследований на тему разных аспектов ResearchOps. Демократизация, база знаний и инсайтов, инструменты и другое.
2. Maze: Советы по демократизации исследований в компании. Как учить дизайнеров и менеджеров продуктов, какие проекты безопасно отдавать им.
3. Lyft: Ещё о демократизации: вовлечение дизайнеров и менеджеров продуктов в простые исследования. Стандартный подход быстрых тестов в компании.
4. Jeff Sauro и Jim Lewis: Сравнивают разные способы проведения исследований, в которых респондент проговаривает свои действия. Насколько критичны прерывания от модератора и какой ценой можно избежать их.
5. Steve Bromley: Как избежать утечки при проведении игровых тестов до выпуска игры.
6. Airtime: Советы по построению своей панели респондентов. Где искать их.
7. User Interviews: Шаблон согласия на участие в исследовании и обработку персональных данных. И советы Nielsen/Norman Group на эту же тему.
8. Dan Brown: Подход «быстрых персонажей». Они хорошо работают на рабочих сессиях по продумыванию продукта.
#research
Userinterviews
How Research Operations Supports Scaling and Democratized Teams
Why leading UX teams, governments, and top companies like Atlassian, Drift, Vimeo, Intuit, and Zapier are investing in Research Ops right now.
И снова о том, как делать интерфейсные решения по-красоте на основе лучших паттернов и практик:
1. Виталий Фридман: Таблица тарифов. Тонна примеров для разных ситуаций.
2. Graeme Fulton: Анализ особенностей работы курсора в iPad, который развивает классическую идею курсора, существовавшую много десятилетий без особых изменений.
3. NN/g: Продолжение анализа интерфейсов сайтов дорогой одежды и аксессуаров. Ожидания типичных пользователей и примеры реализации.
4. Peter Ramsey: Особенности использования карт Google и Apple на смартфонах.
5. Baymard: Размеры в интернет-магазинах.
6. NN/g: Памятка по концепции таксономии в информационной архитектуре.
7. Kaylan Wingard: Анализ интерфейсов нескольких поколений устройств для диабетиков.
8. Albert Mauri: Навигационные паттерны для перемещения между сценами в виртуальной реальности.
#patterns
1. Виталий Фридман: Таблица тарифов. Тонна примеров для разных ситуаций.
2. Graeme Fulton: Анализ особенностей работы курсора в iPad, который развивает классическую идею курсора, существовавшую много десятилетий без особых изменений.
3. NN/g: Продолжение анализа интерфейсов сайтов дорогой одежды и аксессуаров. Ожидания типичных пользователей и примеры реализации.
4. Peter Ramsey: Особенности использования карт Google и Apple на смартфонах.
5. Baymard: Размеры в интернет-магазинах.
6. NN/g: Памятка по концепции таксономии в информационной архитектуре.
7. Kaylan Wingard: Анализ интерфейсов нескольких поколений устройств для диабетиков.
8. Albert Mauri: Навигационные паттерны для перемещения между сценами в виртуальной реальности.
#patterns
Smashing Magazine
Designing Effective Pricing Plans UX — Smashing Magazine
Pricing pages can be complex and confusing. Let's explore some design patterns, guidelines, real-life examples and best practices on how to design a better pricing page.
Вал новостей по внедрению тёмной темы давно спал, но на пыльной полке завалялась эта мини-подборка и надо отпустить её на волю:
1. Brad Frost: Предлагает разделять тёмную тему и инвертированный режим в дизайн-системах. Они могут решать одинаковые задачи (например, смена цвета текста и иконок), но это вызвано разными ситуациями — общая настройка устройства пользователя или конкретный блок в интерфейсе.
2. Figma: Создание тёмной темы. Ещё один пример того, что этот переход — один из главных драйверов перехода к семантическим токенам.
3. Danny Banks: Инструкция по созданию тёмной темы на фреймворке Style Dictionary, облегчающем поддержку токенов.
4. Поддержка в вебе:
— Lea Verou: Как быстро реализовать тёмную тему через цветовую модель HSL. Правда, параметр яркости в ней варьируется от цвета к цвету, так что он советует похожую по смыслу модель LCH.
— Chris Coyier: Проблема дёрганого автоматического переключения между обычной и тёмной темой в браузере.
— Bramus Van Damme: Переключение тёмной темы должно быть кнопкой в самом браузере, а не на конкретном сайте. Это сэкономит много лишнего кода. Он показывает своё предложение по реализации.
— Ryan Feigenbaum: Памятка по созданию переключателя тёмной темы на сайте.
5. Robin Rendle: Создание тёмной темы для сервиса Sentry.
Черновик подборки лежал аж с марта прошлого года, так что пшикните пару раз освежителем убрать запах нафталина.
#designsystems #darkmode
1. Brad Frost: Предлагает разделять тёмную тему и инвертированный режим в дизайн-системах. Они могут решать одинаковые задачи (например, смена цвета текста и иконок), но это вызвано разными ситуациями — общая настройка устройства пользователя или конкретный блок в интерфейсе.
2. Figma: Создание тёмной темы. Ещё один пример того, что этот переход — один из главных драйверов перехода к семантическим токенам.
3. Danny Banks: Инструкция по созданию тёмной темы на фреймворке Style Dictionary, облегчающем поддержку токенов.
4. Поддержка в вебе:
— Lea Verou: Как быстро реализовать тёмную тему через цветовую модель HSL. Правда, параметр яркости в ней варьируется от цвета к цвету, так что он советует похожую по смыслу модель LCH.
— Chris Coyier: Проблема дёрганого автоматического переключения между обычной и тёмной темой в браузере.
— Bramus Van Damme: Переключение тёмной темы должно быть кнопкой в самом браузере, а не на конкретном сайте. Это сэкономит много лишнего кода. Он показывает своё предложение по реализации.
— Ryan Feigenbaum: Памятка по созданию переключателя тёмной темы на сайте.
5. Robin Rendle: Создание тёмной темы для сервиса Sentry.
Черновик подборки лежал аж с марта прошлого года, так что пшикните пару раз освежителем убрать запах нафталина.
#designsystems #darkmode
Brad Frost
"Dark Mode" vs "Inverted"
One thing we run into a fair amount in our design system work is the need to clarify the difference between "dark mode" and "components rendered on a dark background".
What is actual dark mode?
prefers-color-scheme is a CSS media feature that listens…
What is actual dark mode?
prefers-color-scheme is a CSS media feature that listens…
Ссылок о дизайн-системах новую пачку держите вы:
1. Salesforce: Новый язык анимации. Сам раздел и примеры. Как он внедряется на ключевых сайтах.
2. Nathan Curtis: Концепция субкомпонентов. Они полезны, если хочется дать командам возможность кастомизации типовых компонентов, но сделать её контролируемой.
3. Brad Frost: Подход к созданию тем оформления. В статье толковая классификация ситуаций, в которых тема нужна.
4. Gusto Workbench: Процесс создания нового компонента.
5. Storybook: Обзор обновлений интерфейса грядущей версии 7.0. В целом, конечно, требуется скорее качественный рывок вперёд.
6. Amy Hupe: Как правильно упоминать всех причастных к доработке дизайн-системы.
7. Shopify: Инициатива PolarisLab, которая призвана делать эксперименты с дизайн-системой вместе с продуктовыми командами.
#designsystems
1. Salesforce: Новый язык анимации. Сам раздел и примеры. Как он внедряется на ключевых сайтах.
2. Nathan Curtis: Концепция субкомпонентов. Они полезны, если хочется дать командам возможность кастомизации типовых компонентов, но сделать её контролируемой.
3. Brad Frost: Подход к созданию тем оформления. В статье толковая классификация ситуаций, в которых тема нужна.
4. Gusto Workbench: Процесс создания нового компонента.
5. Storybook: Обзор обновлений интерфейса грядущей версии 7.0. В целом, конечно, требуется скорее качественный рывок вперёд.
6. Amy Hupe: Как правильно упоминать всех причастных к доработке дизайн-системы.
7. Shopify: Инициатива PolarisLab, которая призвана делать эксперименты с дизайн-системой вместе с продуктовыми командами.
#designsystems
Medium
What You Need to Know About the New Salesforce Kinetics System
We developed an end-to-end motion language for Salesforce and its products.
❤1
Если бы мне давали юань за каждый мини-выпуск дайджеста о пользовательских исследований, 我本来已经收集了 39:
1. Christian Rohrer: Немного обновил свою легендарную шпаргалку по методам. К ней идёт хорошее пояснение категоризации под задачу.
2. Stéphanie Walter: Крутая памятка по проведению дневниковых исследований.
3. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии.
4. Контур: Формат презентации результатов исследования для продуктовых команд, с которыми исследователь не работает постоянно.
5. Flexport: Приведение в порядок всех опросов. Как привязали их к конкретным вопросам и выстроили внятный график, который не достаёт пользователей.
6. Базы знаний и инсайтов:
— Jake Burghardt: Ценнейший боевой опыт внедрения. Так, чтобы она не просто собиралась, а использовалась продуктовыми командами.
— Александр Фенин: Как собирать обратную связь от пользователей в Notion и построить базу вокруг неё
— Reveall: Сервис для сбора обратной связи от пользователей и ранжирования беклога. Интервью Ferdinand Goetzen оттуда.
7. NN/g: Памятка по проведению фокус-групп. Метод имеет сильно ограниченное применение в интерфейсах и много врождённых проблем, но полезен в части ситуаций при грамотном использовании.
8. MeasuringU: Статистика востребованности методов из их недавнего опроса 625 специалистов по интерфейсам.
9. Paul McInerney: Пачка комичных историй из своего опыта проведения исследований.
10. NN/g: Техника «воронки» при проведении качественных исследований. Модератор постепенно идёт от общих вопросов к детальным.
11. User Interviews: Памятка по проведению юзабилити-тестирования.
#research
1. Christian Rohrer: Немного обновил свою легендарную шпаргалку по методам. К ней идёт хорошее пояснение категоризации под задачу.
2. Stéphanie Walter: Крутая памятка по проведению дневниковых исследований.
3. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии.
4. Контур: Формат презентации результатов исследования для продуктовых команд, с которыми исследователь не работает постоянно.
5. Flexport: Приведение в порядок всех опросов. Как привязали их к конкретным вопросам и выстроили внятный график, который не достаёт пользователей.
6. Базы знаний и инсайтов:
— Jake Burghardt: Ценнейший боевой опыт внедрения. Так, чтобы она не просто собиралась, а использовалась продуктовыми командами.
— Александр Фенин: Как собирать обратную связь от пользователей в Notion и построить базу вокруг неё
— Reveall: Сервис для сбора обратной связи от пользователей и ранжирования беклога. Интервью Ferdinand Goetzen оттуда.
7. NN/g: Памятка по проведению фокус-групп. Метод имеет сильно ограниченное применение в интерфейсах и много врождённых проблем, но полезен в части ситуаций при грамотном использовании.
8. MeasuringU: Статистика востребованности методов из их недавнего опроса 625 специалистов по интерфейсам.
9. Paul McInerney: Пачка комичных историй из своего опыта проведения исследований.
10. NN/g: Техника «воронки» при проведении качественных исследований. Модератор постепенно идёт от общих вопросов к детальным.
11. User Interviews: Памятка по проведению юзабилити-тестирования.
#research
Nielsen Norman Group
When to Use Which User-Experience Research Methods
20 user-research methods: where they fit in the design process, whether they are attitudinal or behavioral, qualitative or quantitative, and their context of use.
1 сентября стартует восьмой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых семи отучились почти 500 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Clay, Газпром, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Foodplex, HeadHunter, inDriver, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Луч, MacPaw, Mail.ru Group, Манго Офис, ManyChat, М.Видео, Microsoft, Miro, Модульбанк, МТС, Okko, OneTwoTrip, Opera, Открытие, Ozon, PayPal, ПИК, ПСБ, 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
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
Собрал дайджест продуктового дизайна за июль 2022. Тарифные сетки, шпаргалка по исследованиям, первый обзор трендов, тёмная тема, таксономия, субкомпоненты и анимация в дизайн-системах, методы для воркшопов, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS