Собрал дайджест продуктового дизайна за июнь 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
До старта восьмого потока моего курса «Паттерны дизайн-менеджмента» осталась пара недель, так что прогрею атмосферные слои пачкой свежих ссылок на тему:
1. Alicja Suska: Шикарная инструкция по пополнению и разбору дизайн-долга. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.
Вдогонку к этому: Советы Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
2. Atlassian: Памятка по планированию в Jira для дизайнеров.
3. Dovetail: Проанализировали несколько моделей зрелости пользовательских исследований и предложили неплохой фреймворк на основе подхода Nasdaq.
В другой статье Janelle Ward даёт советы по повышению этого уровня. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
4. M3ta: Роль дизайн-менеджера. В компании их уже больше 150 человек.
5. Salesforce: Роль дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.
6. IBM: Критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
7. Peter Merholz: Рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
#management
1. Alicja Suska: Шикарная инструкция по пополнению и разбору дизайн-долга. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.
Вдогонку к этому: Советы Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
2. Atlassian: Памятка по планированию в Jira для дизайнеров.
3. Dovetail: Проанализировали несколько моделей зрелости пользовательских исследований и предложили неплохой фреймворк на основе подхода Nasdaq.
В другой статье Janelle Ward даёт советы по повышению этого уровня. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
4. M3ta: Роль дизайн-менеджера. В компании их уже больше 150 человек.
5. Salesforce: Роль дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.
6. IBM: Критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
7. Peter Merholz: Рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
Как говорили братья Богдановы в своих легендарных мемах: «Кончились идеи? Выпускайте выпуск мини-дайджеста про лучшие интерфейсные паттерны и практики»:
1. NN/g: Структурированная подборка своих статей о мобильных интерфейсах.
2. Dan Brown: Информационная архитектура для сквозных тем, которые пересекаются с основной структурой во множестве мест.
3. Tess Gadd: Под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.
4. NN/g: Тренды в интранетах из их свежего ежегодного исследования.
5. Peter Ramsey: Анализ интерфейса приложения DocuSign, крупнейшего сервиса электронных подписей.
6. Виталий Фридман: Советы на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
7. NN/g: Проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
8. Daniel Schwarz: Советы по оформлению длинных статей с помощью CSS.
9. Elise Hein: Оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. Нужно ли что-то делать с этим?
10. Growth Design: Как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).
11. NN/g: Гайдлайны для роботизированных меню в поддержке по телефону.
12. Виталий Фридман: Советы по проектированию поведения кнопки «назад» в браузере.
13. MeasuringU: Обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
#patterns
1. NN/g: Структурированная подборка своих статей о мобильных интерфейсах.
2. Dan Brown: Информационная архитектура для сквозных тем, которые пересекаются с основной структурой во множестве мест.
3. Tess Gadd: Под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.
4. NN/g: Тренды в интранетах из их свежего ежегодного исследования.
5. Peter Ramsey: Анализ интерфейса приложения DocuSign, крупнейшего сервиса электронных подписей.
6. Виталий Фридман: Советы на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
7. NN/g: Проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
8. Daniel Schwarz: Советы по оформлению длинных статей с помощью CSS.
9. Elise Hein: Оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. Нужно ли что-то делать с этим?
10. Growth Design: Как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).
11. NN/g: Гайдлайны для роботизированных меню в поддержке по телефону.
12. Виталий Фридман: Советы по проектированию поведения кнопки «назад» в браузере.
13. MeasuringU: Обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
#patterns
Nielsen Norman Group
Mobile UX: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users’ needs and online behaviors.
Если вы уже успели дочитать прошлый выпуск мини-дайджеста о пользовательских исследованиях, то вот вам свежий:
1. Jake Burghardt: Запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание.
В одной из свежих статей он показывает, как помочь дизайнерам работать с такой базой.
2. Jim Lewis и Jeff Sauro: Продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.
Отдельная статья от них в продолжение: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
3. Christian Rohrer: Шпаргалка к шпаргалке по выбору методов.
4. Dovetail: Пять форматов вопросов исследования, которые влияют на выбор методов.
5. Steve Bromley: Что делать, если исследования не включают или поздно включают в процесс работы над игрой.
6. Condens: Беглый обзор основных нюансов поиска респондентов.
7. Lightricks: Вопросы, которые исследователю важно задать продуктовой команде перед началом проекта.
8. Алиса Боярских: Примеры хранилищ результатов прошедших исследований в VK и Контуре.
9. User Interviews: Напоминают, что важно прятать имя респондента при проведении исследований в Zoom. И показывают, как это делать.
10. Airtime: Советы по созданию собственной панели респондентов. Третья часть разбирает способы активации тех, кто попал в такую панель, ведь они могут игнорировать приглашения на конкретные исследования.
#research
1. Jake Burghardt: Запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание.
В одной из свежих статей он показывает, как помочь дизайнерам работать с такой базой.
2. Jim Lewis и Jeff Sauro: Продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.
Отдельная статья от них в продолжение: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
3. Christian Rohrer: Шпаргалка к шпаргалке по выбору методов.
4. Dovetail: Пять форматов вопросов исследования, которые влияют на выбор методов.
5. Steve Bromley: Что делать, если исследования не включают или поздно включают в процесс работы над игрой.
6. Condens: Беглый обзор основных нюансов поиска респондентов.
7. Lightricks: Вопросы, которые исследователю важно задать продуктовой команде перед началом проекта.
8. Алиса Боярских: Примеры хранилищ результатов прошедших исследований в VK и Контуре.
9. User Interviews: Напоминают, что важно прятать имя респондента при проведении исследований в Zoom. И показывают, как это делать.
10. Airtime: Советы по созданию собственной панели респондентов. Третья часть разбирает способы активации тех, кто попал в такую панель, ведь они могут игнорировать приглашения на конкретные исследования.
#research
Integrating Research
Building new pathways for customer insights to add more value to products. Articles on research repositories and better integrating streams of research into product development and delivery. Sign up for monthly summary: https://www.integratingresearch.com/newsletter
❤1
В этом году все выпуски мини-дайджеста об алгоритмическом дизайне заполонили генераторы графики по текстовому описанию — остальные применения пока что затерялись. Но будем следить, куда приведёт эта дорожка:
1. DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
2. Stable Diffusion: Ещё один генератор фото и иллюстраций по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.
3. Vox: Хороший разбор того, как устроены инструменты, которые генерируют изображение по текстовому запросу. В бонусном видео художники и технари толково рассуждают на тему влияния на профессию.
4. Alexander Wales: Шикарные размышления о влиянии инструментов вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
5. Julien Posture: Стоит ли иллюстраторам бояться DALL-E и других подобных инструментов. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
6. Erik Hoel: Могут ли работы DALL-E и подобных инструментов считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
7. Hannah Johnston: Сравнивает особенности работы DALL·E, Midjourney и нейросети на базе Google Collab.
8. Концепт-художник Евгений Зубков экспериментирует с Midjourney для своих иллюстраций. Внушает. Покрас Лампас тоже тизернул свои эксперименты.
9. Joseph Hillenbrand: Сгенерировал в DALL-E 2 шаблоны для подачи дизайна -- бланки, наружная реклама. Выглядит правдоподобно.
10. Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.
11. Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.
12. Lucy: Попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
13. Apple NeuMan: Официальный алгоритм для дипфейков. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.
14. Zazow: Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
P.S. Перестройка моего сайта-коллекции почти закончилась, а то я долгое время не мог пополнять его. Надеюсь анонсировать в сентябре.
#ai #algorithms
1. DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
2. Stable Diffusion: Ещё один генератор фото и иллюстраций по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.
3. Vox: Хороший разбор того, как устроены инструменты, которые генерируют изображение по текстовому запросу. В бонусном видео художники и технари толково рассуждают на тему влияния на профессию.
4. Alexander Wales: Шикарные размышления о влиянии инструментов вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
5. Julien Posture: Стоит ли иллюстраторам бояться DALL-E и других подобных инструментов. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
6. Erik Hoel: Могут ли работы DALL-E и подобных инструментов считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
7. Hannah Johnston: Сравнивает особенности работы DALL·E, Midjourney и нейросети на базе Google Collab.
8. Концепт-художник Евгений Зубков экспериментирует с Midjourney для своих иллюстраций. Внушает. Покрас Лампас тоже тизернул свои эксперименты.
9. Joseph Hillenbrand: Сгенерировал в DALL-E 2 шаблоны для подачи дизайна -- бланки, наружная реклама. Выглядит правдоподобно.
10. Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.
11. Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.
12. Lucy: Попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
13. Apple NeuMan: Официальный алгоритм для дипфейков. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.
14. Zazow: Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
P.S. Перестройка моего сайта-коллекции почти закончилась, а то я долгое время не мог пополнять его. Надеюсь анонсировать в сентябре.
#ai #algorithms
Openai
DALL·E now available in beta
We’ll invite 1 million people from our waitlist over the coming weeks. Users can create with DALL·E using free credits that refill every month, and buy additional credits in 115-generation increments for $15.
Собрал дайджест продуктового дизайна за август 2022. Атомарные исследования, дизайн-долг, accessibility, наставничество, интранеты, сообщения об ошибках, информационная архитектура, зрелость исследований в компании, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Ещё есть пара дней, чтобы попасть на восьмой поток моего курса «Паттерны дизайн-менеджмента». Закину ещё чутка свежих ссылок на тему, которой посвящаю столько сил:
1. Alicja Suska: Несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
2. Atlassian: Набор метрик UPPer (User Perceived Performance), которые помогают оптимизировать важные сценарии использования вокруг производительности в разных аспектах.
3. Understood: Системная работа по улучшению accessibility в компании. Они встроили проверку на нескольких ключевых этапах работы над задачей.
4. Контур: Памятка наставникам стажёров. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
NN/g: Выбор состава участников для совместных рабочих сессий.
#management
1. Alicja Suska: Несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
2. Atlassian: Набор метрик UPPer (User Perceived Performance), которые помогают оптимизировать важные сценарии использования вокруг производительности в разных аспектах.
3. Understood: Системная работа по улучшению accessibility в компании. Они встроили проверку на нескольких ключевых этапах работы над задачей.
4. Контур: Памятка наставникам стажёров. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
NN/g: Выбор состава участников для совместных рабочих сессий.
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
❤1
Обзоры интерфейсных паттернов и лучших практик копятся быстрее, чем проценты на микрозаймы. Что у нас на этот раз:
1. Виталий Фридман: Сообщения об ошибках в формах.
2. Чеклист требований и лучших практик поддержки accessibility.
2. Slack: Переосмыслении интерфейса для iPad. Они проанализировали типичные сценарии использования и построили навигацию и логику адаптивности вокруг них.
3. Chameleon: Толковая беседа с Pulkit Agrawal о грамотном мышлении при проектировании процесса встречи нового пользователя.
4. Pencil & Paper: Серия разборов интерфейсных паттернов и лучших практик.
5. Baymard: описывает типичные проблемы интерфейса сравнения товаров в интернет-магазинах — https://baymard.com/blog/provide-comparison-features.
6. Peter Ramsey: Анализ интерфейса приложения HBO Max, у которого самые низкие оценки в магазинах приложений среди кино-сервисов.
7. Growth Design: Анализ проблем в процессе отказа от подписки Typeform.
8. Drupal: Как поддержали accessibility в новом главном меню.
9. NN/g: Ещё одна подборка плюсов и минусов бесконечной прокрутки. Без нового, но структурировано норм.
#patterns
1. Виталий Фридман: Сообщения об ошибках в формах.
2. Чеклист требований и лучших практик поддержки accessibility.
2. Slack: Переосмыслении интерфейса для iPad. Они проанализировали типичные сценарии использования и построили навигацию и логику адаптивности вокруг них.
3. Chameleon: Толковая беседа с Pulkit Agrawal о грамотном мышлении при проектировании процесса встречи нового пользователя.
4. Pencil & Paper: Серия разборов интерфейсных паттернов и лучших практик.
5. Baymard: описывает типичные проблемы интерфейса сравнения товаров в интернет-магазинах — https://baymard.com/blog/provide-comparison-features.
6. Peter Ramsey: Анализ интерфейса приложения HBO Max, у которого самые низкие оценки в магазинах приложений среди кино-сервисов.
7. Growth Design: Анализ проблем в процессе отказа от подписки Typeform.
8. Drupal: Как поддержали accessibility в новом главном меню.
9. NN/g: Ещё одна подборка плюсов и минусов бесконечной прокрутки. Без нового, но структурировано норм.
#patterns
Smashing Magazine
Designing Better Error Messages UX — Smashing Magazine
Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea.
Свежий мини-выпуск о дизайн-системах, которые цветут и пахнут — многие уже простудились на их похоронах:
1. Gov.uk: Переосмысление беклога. Как меняли ранжирование через опрос команд в организации.
2. Maximilian Speicher и Guido Baena Wehrmann: Формула расчёта ROI. Она достаточно сложная, но полезная точка зрения на проблему. Шаблон для расчётов.
3. Подкаст с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
4. Cole Peters: Разумные ограничения, реализованные через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
5. Salesloft: Адаптация под требования accessibility с помощью токенов.
6. Steve Dennis: Хорошие иллюстрации логики работы токенов. Он описывает только цвета, но общий подход понятен.
7. Docusaurus 2.0: Вышла вторая версия генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
8. Cloudscape: Команда Amazon Web Services опубликовала свою дизайн-систему.
9. System.css: Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
#designsystems
1. Gov.uk: Переосмысление беклога. Как меняли ранжирование через опрос команд в организации.
2. Maximilian Speicher и Guido Baena Wehrmann: Формула расчёта ROI. Она достаточно сложная, но полезная точка зрения на проблему. Шаблон для расчётов.
3. Подкаст с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
4. Cole Peters: Разумные ограничения, реализованные через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
5. Salesloft: Адаптация под требования accessibility с помощью токенов.
6. Steve Dennis: Хорошие иллюстрации логики работы токенов. Он описывает только цвета, но общий подход понятен.
7. Docusaurus 2.0: Вышла вторая версия генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
8. Cloudscape: Команда Amazon Web Services опубликовала свою дизайн-систему.
9. System.css: Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
#designsystems
designnotes.blog.gov.uk
How we prioritise additions to the GOV.UK Design System
The GOV.UK Design System have been looking at what their next priorities will be over the next financial year.
Свежих книг по дизайну интерфейсов не то что бы море-океан, но на дачный басик накапало:
1. Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.
2. SuperFriendly «Design System in 90 Days» о дизайн-системах. В дополнение идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
3. Harry Brignul «Deceptive Design» о тёмных паттернах выйдет в конце года. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
4. Sameera Kapila «Inclusive Design Communities» о том, как сделать дизайн-сообщество инклюзивным на любом уровне.
5. Alexandra Schmidt «Deliberate Intervention. Using Policy and Design to Navigate the Harms of New Technology» о том, как заранее делать новые технологии соответствующим общепринятым нормам и законам.
6. A Book Apart: Антология своих ключевых книг на тему дизайна и контента, проектирования интерфейсов и разработки. По сути это 12 небольших книг, собранных в один трёхтомник.
7. Heather Burns «Understanding Privacy» о том, как обеспечить безопасность данных пользователей и не только в человечном ключе. Анонс.
А вот что на подходе у Rosenfeld Media:
1. Jorge Arango «Duly Noted»
2. Donna Lichaw «Story Driven Leadership»
3. Liya James «Innovation By Inclusion»
#books
1. Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.
2. SuperFriendly «Design System in 90 Days» о дизайн-системах. В дополнение идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
3. Harry Brignul «Deceptive Design» о тёмных паттернах выйдет в конце года. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
4. Sameera Kapila «Inclusive Design Communities» о том, как сделать дизайн-сообщество инклюзивным на любом уровне.
5. Alexandra Schmidt «Deliberate Intervention. Using Policy and Design to Navigate the Harms of New Technology» о том, как заранее делать новые технологии соответствующим общепринятым нормам и законам.
6. A Book Apart: Антология своих ключевых книг на тему дизайна и контента, проектирования интерфейсов и разработки. По сути это 12 небольших книг, собранных в один трёхтомник.
7. Heather Burns «Understanding Privacy» о том, как обеспечить безопасность данных пользователей и не только в человечном ключе. Анонс.
А вот что на подходе у Rosenfeld Media:
1. Jorge Arango «Duly Noted»
2. Donna Lichaw «Story Driven Leadership»
3. Liya James «Innovation By Inclusion»
#books
Rosenfeld Media
From Solo to Scaled | Free Ebook with Purchase | Natalie Marie Dunbar
Transform your content strategy with From Solo to Scaled. This essential guide provides a blueprint for establishing and growing a sustainable content practice.
❤1
Давненько не было мини-выпусков о пользовательских исследованиях (на самом деле нет — это самая быстрорастущая ветка):
1. Jeff Sauro и Jim Lewis: Классификатор методов. Они делят их на несколько категорий: поведение, отношение и аналитические.
2. Klaviyo: Формат сессий критики. Они ориентировались на метод дизайн-критики, но адаптировали его под свои задачи.
3. UserZoom: Мини-фреймворк по ResearchOps.
4. NN/g: Метод анти-персонажей. Он позволяет лучше понять тех, кто может использовать продукт в злонамеренных целях.
5. User Interviews: Серия подходов, которые помогают снять геморрой по поиску респондентов. Это самая ненавистная часть работы многих исследователей.
6. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии. Это более полная версия её недавней статьи.
7. Atlassian: Неплохой обзор процесса интервью.
8. NN/g: Фреймворк CUE (Context, Unspoken, Environment), который помогает проводить этнографические исследования и лучше понять особенности поведения.
9. Jeff Sauro и Jim Lewis: Как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
10. NN/g: Исследования мобильных приложений с дополненной реальностью.
11. Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett: Исследование взаимодействия с автономными такси.
NN/g: Памятка по защите персональных данных респондентов.
#research
1. Jeff Sauro и Jim Lewis: Классификатор методов. Они делят их на несколько категорий: поведение, отношение и аналитические.
2. Klaviyo: Формат сессий критики. Они ориентировались на метод дизайн-критики, но адаптировали его под свои задачи.
3. UserZoom: Мини-фреймворк по ResearchOps.
4. NN/g: Метод анти-персонажей. Он позволяет лучше понять тех, кто может использовать продукт в злонамеренных целях.
5. User Interviews: Серия подходов, которые помогают снять геморрой по поиску респондентов. Это самая ненавистная часть работы многих исследователей.
6. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии. Это более полная версия её недавней статьи.
7. Atlassian: Неплохой обзор процесса интервью.
8. NN/g: Фреймворк CUE (Context, Unspoken, Environment), который помогает проводить этнографические исследования и лучше понять особенности поведения.
9. Jeff Sauro и Jim Lewis: Как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
10. NN/g: Исследования мобильных приложений с дополненной реальностью.
11. Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett: Исследование взаимодействия с автономными такси.
NN/g: Памятка по защите персональных данных респондентов.
#research
Measuringu
A Taxonomy of Common UX Research Methods – MeasuringU
Седьмая мини-подборка относительно свежих примеров связи бренда с интерфейсом:
1. Zapier (сервис-прокладка между другими интернет-сервисами).
2. Artboard (инструмент дизайна) от турецкого агентства Fol.
3. You Can Book Me (календарь) внутренними силами.
4. KasperskyOS (операционная система) от российского агентства ONY.
5. Noom (сервис заботы о личном здоровье) от американского агентства Gretel.
6. The Verge (технологический новостной сайт) внутренними силами.
7. TaskRabbit (сервис поиска исполнителей простых задач) от американского агентства Hyphenated.
8. Corel (теперь — Alludo) от британского агентства Design Studio.
9. Hootsuite (сервис управления соцсетями) от международного агентства Prophet.
10. RED (страховой сервис) от российского агентства ONY.
Где-то нужна подписка на Brand New, но по-другому эти кейсы пока не публиковались. Но это самая полезная инвестиция $20, которую вы можете сделать для себя.
#branding
1. Zapier (сервис-прокладка между другими интернет-сервисами).
2. Artboard (инструмент дизайна) от турецкого агентства Fol.
3. You Can Book Me (календарь) внутренними силами.
4. KasperskyOS (операционная система) от российского агентства ONY.
5. Noom (сервис заботы о личном здоровье) от американского агентства Gretel.
6. The Verge (технологический новостной сайт) внутренними силами.
7. TaskRabbit (сервис поиска исполнителей простых задач) от американского агентства Hyphenated.
8. Corel (теперь — Alludo) от британского агентства Design Studio.
9. Hootsuite (сервис управления соцсетями) от международного агентства Prophet.
10. RED (страховой сервис) от российского агентства ONY.
Где-то нужна подписка на Brand New, но по-другому эти кейсы пока не публиковались. Но это самая полезная инвестиция $20, которую вы можете сделать для себя.
#branding
Zapier
Zapier Brand
Discover the possibilities of the Zapier brand. From photography and typography to colors and artwork— it’s an identity system built around our customers’ stories.
Между работами готовлю несколько обновлений и запусков личных проектов, так что в дайджесте могут быть перебои. Зато потом будет ещё больше полезного. А пока малюсенькая подборка о дизайн-менеджменте, чтобы уж совсем не гостится:
1. Figma: Результаты исследования среди дизайн-менеджеров и кадровиков о том, как правильно привлекать и нанимать толковых дизайнеров. Презентация.
2. Design Dept: Советы на тему получения бюджета на найм дизайнеров.
3. Matej Latin: Опросил 156 дизайнеров интерфейсов на тему причин их ухода из компании. Неплохой срез основных причин в зависимости от уровня специалиста — отсутствие карьерного роста, неудовлетворённость результатами работы.
4. Панельная дискуссия по организационным структурам команд бренда с дизайн-менеджерами Webflow, Zendesk и Handshake. Мини-презентация Li-Anne Dias из Handshake.
5. Dave Feldman: Как изменился его подход к построению дизайн-процесса, когда он перешёл на роль дизайнера-основателя стартапа Miter. Спойлер: он сильно упростился.
6. Atlassian: Немного советов для дизайн-менеджеров, которые чувствуют себя интровертами. Как быть полезными и эффективными на этой роли.
7. Mia Blume: Простые советы тем, кто только что стал дизайн-менеджером.
Первая бетка, кстати, будет уже на этой неделе.
#management
1. Figma: Результаты исследования среди дизайн-менеджеров и кадровиков о том, как правильно привлекать и нанимать толковых дизайнеров. Презентация.
2. Design Dept: Советы на тему получения бюджета на найм дизайнеров.
3. Matej Latin: Опросил 156 дизайнеров интерфейсов на тему причин их ухода из компании. Неплохой срез основных причин в зависимости от уровня специалиста — отсутствие карьерного роста, неудовлетворённость результатами работы.
4. Панельная дискуссия по организационным структурам команд бренда с дизайн-менеджерами Webflow, Zendesk и Handshake. Мини-презентация Li-Anne Dias из Handshake.
5. Dave Feldman: Как изменился его подход к построению дизайн-процесса, когда он перешёл на роль дизайнера-основателя стартапа Miter. Спойлер: он сильно упростился.
6. Atlassian: Немного советов для дизайн-менеджеров, которые чувствуют себя интровертами. Как быть полезными и эффективными на этой роли.
7. Mia Blume: Простые советы тем, кто только что стал дизайн-менеджером.
Первая бетка, кстати, будет уже на этой неделе.
#management
Figma
The outsized role culture plays in attracting design talent | Figma Blog
The link between design culture, happiness, and hiring
Не знаешь, какой мини-дайджест выпускать? Выпускай про интерфейсные паттерны и лучшие практики:
1. Виталий Фридман: Хорошая динамическая валидация форм. Она часто срабатывают неправильно, поэтому лучше использовать её аккуратно.
2. Polyplane: Популярные breakpoints для адаптивного дизайна. Они собрали несколько разных срезов на текущий момент.
3. Wix: Крутая инициатива — команда зарубилась на месяц и переписала тексты всех ошибок в продукте. Они предлагают отличную формулу для хорошего сообщения об ошибке.
4. Ashlee M Boyer: Когда корректно использовать настоящую кнопку и ссылку, стилизованную под кнопку.
5. Maggie Appleton: Не самые тривиальные интерфейсные паттерны для современных продуктов.
6. Information Architects: Советы по использованию эмоджи в интерфейсах. Они приводят много полезной статистики и исследований.
7. Onno Westra: Как и какие номера телефонов указывать на сайте, который работает с разными странами.
8. Wix: Несколько интерфейсных решений, где пришлось искать баланс между точностью описания элементов дизайна и широким кругом пользователей.
9. NN/g: Хорошие и неудачные решения в обучающем процессе для приложений с дополненной реальностью.
10. Jim Lewis и Jeff Sauro: Сравнительные исследования корпоративного ПО и сайтов с отзывами пользователей. Они сравнили их по метрикам SUS и NPS.
#patterns
1. Виталий Фридман: Хорошая динамическая валидация форм. Она часто срабатывают неправильно, поэтому лучше использовать её аккуратно.
2. Polyplane: Популярные breakpoints для адаптивного дизайна. Они собрали несколько разных срезов на текущий момент.
3. Wix: Крутая инициатива — команда зарубилась на месяц и переписала тексты всех ошибок в продукте. Они предлагают отличную формулу для хорошего сообщения об ошибке.
4. Ashlee M Boyer: Когда корректно использовать настоящую кнопку и ссылку, стилизованную под кнопку.
5. Maggie Appleton: Не самые тривиальные интерфейсные паттерны для современных продуктов.
6. Information Architects: Советы по использованию эмоджи в интерфейсах. Они приводят много полезной статистики и исследований.
7. Onno Westra: Как и какие номера телефонов указывать на сайте, который работает с разными странами.
8. Wix: Несколько интерфейсных решений, где пришлось искать баланс между точностью описания элементов дизайна и широким кругом пользователей.
9. NN/g: Хорошие и неудачные решения в обучающем процессе для приложений с дополненной реальностью.
10. Jim Lewis и Jeff Sauro: Сравнительные исследования корпоративного ПО и сайтов с отзывами пользователей. Они сравнили их по метрикам SUS и NPS.
#patterns
Smashing Magazine
A Complete Guide To Live Validation UX — Smashing Magazine
Live, or inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it.