Я ленюсь вставлять в посты картинки, чтобы вы не поленились открыть пачку этих фантастических примеров связи бренда с интерфейсом:
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
До старта восьмого потока моего курса «Паттерны дизайн-менеджмента» осталась пара недель, так что прогрею атмосферные слои пачкой свежих ссылок на тему:
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