Свежих книг по дизайну интерфейсов не то что бы море-океан, но на дачный басик накапало:
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.
Собрал дайджест продуктового дизайна за сентябрь 2022. Динамическая валидация форм, карта методов исследований, современные breakpoints, ROI дизайн-систем, токены, почему дизайнеры увольняются, тёмная тема оформления, accessibility, сообщения об ошибках, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
В текущей сайд-проектной мясорубке график выпусков мини-дайджеста слетел под откос. Но выпущу подборку про пользовательские исследования даже в частичном виде:
1. Lucid: Методы интервью с пользователями, в которых они делают что-то с сырыми концептами интерфейса. Это позволяет собрать проблемы на ранней стадии.
2. Jake Burghardt: Рекомендует ориентироваться на цитирование инсайтов из базы знаний. Причём в идеале — не просто ссылки, а практическое использование в продуктовых запусках.
3. Контур: Советы по составлению анкеты для опроса. Часть 2.
4. Trina Moore Pervall: Какие предубеждения и искажения могут возникать у продуктовой команды, которая пытается делать инклюзивный дизайн и проводить исследования на тему.
5. Anusha Pichumani: Когнитивные искажения, которые могут вести пользовательские исследования по неверному пути. Она даёт советы, как избежать их.
6. Joey Lacus: Как работает новая инициатива Shopify «все дизайнеры интерфейсов умеют проводить простые пользовательские исследования». Это краткая памятка для проверки простых сценариев использования.
7. User Interviews: Базовая памятка по проведению опросов.
8. Steve Bromley: Советы по количеству респондентов для игровых тестов на разных этапах работы над игрой. В целом не сильно отличается от общих практик пользовательских исследований, но со своими нюансами.
9. Kelsey Foster: Несколько реальных и потенциальных способов анализа данных пользовательских исследований с помощью алгоритмической обработки.
Это был выпуск №42, но обошлось без банальных шуток.
#research
1. Lucid: Методы интервью с пользователями, в которых они делают что-то с сырыми концептами интерфейса. Это позволяет собрать проблемы на ранней стадии.
2. Jake Burghardt: Рекомендует ориентироваться на цитирование инсайтов из базы знаний. Причём в идеале — не просто ссылки, а практическое использование в продуктовых запусках.
3. Контур: Советы по составлению анкеты для опроса. Часть 2.
4. Trina Moore Pervall: Какие предубеждения и искажения могут возникать у продуктовой команды, которая пытается делать инклюзивный дизайн и проводить исследования на тему.
5. Anusha Pichumani: Когнитивные искажения, которые могут вести пользовательские исследования по неверному пути. Она даёт советы, как избежать их.
6. Joey Lacus: Как работает новая инициатива Shopify «все дизайнеры интерфейсов умеют проводить простые пользовательские исследования». Это краткая памятка для проверки простых сценариев использования.
7. User Interviews: Базовая памятка по проведению опросов.
8. Steve Bromley: Советы по количеству респондентов для игровых тестов на разных этапах работы над игрой. В целом не сильно отличается от общих практик пользовательских исследований, но со своими нюансами.
9. Kelsey Foster: Несколько реальных и потенциальных способов анализа данных пользовательских исследований с помощью алгоритмической обработки.
Это был выпуск №42, но обошлось без банальных шуток.
#research
Medium
Run activity based interviews to maximize your time with users
By Isabel Boettcher, UX Researcher at Lucid Software
Пора бы снова выпустить мини-подборку свежего о дизайн-менеджменте:
1. User Interviews: Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований. Основные зоны фокуса и план на первые 90 дней.
2. NN/g: Структурированная подборка своих статей о работе с лицами, принимающими решения. Одна из свежих — памятка по проведению интервью с ними.
3. Spotify: Толковые мысли двух Т-образных дизайнеров о том, как лучше стать таким генералистом и в чём сила комбинации нескольких специальностей.
4. Square: Концепция контент-долга наподобие технического и дизайнерского.
5. NN/g: Памятка по построению хорошего процесса адаптации новых сотрудников в компании.
6. Purrweb: Серия регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.
7. Design Dept.: Беседа с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.
8. Figma: Как и какие данные и аналитику используют при работе над инструментом.
9. Design Dept.: Пара простых советов про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.
#management
1. User Interviews: Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований. Основные зоны фокуса и план на первые 90 дней.
2. NN/g: Структурированная подборка своих статей о работе с лицами, принимающими решения. Одна из свежих — памятка по проведению интервью с ними.
3. Spotify: Толковые мысли двух Т-образных дизайнеров о том, как лучше стать таким генералистом и в чём сила комбинации нескольких специальностей.
4. Square: Концепция контент-долга наподобие технического и дизайнерского.
5. NN/g: Памятка по построению хорошего процесса адаптации новых сотрудников в компании.
6. Purrweb: Серия регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.
7. Design Dept.: Беседа с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.
8. Figma: Как и какие данные и аналитику используют при работе над инструментом.
9. Design Dept.: Пара простых советов про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.
#management
Userinterviews
How to Build a UX Research Team | User Interviews
Just hired as a UX research leader? Here's a checklist and tips for what to do in your first 90 days to build and manage an effective user research team.
❤1
Свежий ссылочный выброс на тему дизайн-систем:
1. Material Design: Снова переработали сайт. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы. Сам сайт.
2. Knapsack: Калькулятор ROI на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.
3. Acronis: Плагины для Figma, которые помогают экспортировать макеты писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.
4. Square: Команда бренда вместе с агентством Athletics описала язык анимации, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
5. Brad Frost: Опыт работы с веб-компонентами — он в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.
6. Societe Generale: Практика переиспользования бизнес-паттернов. Это целые сценарии из серии экранов.
7. Amplitude: Плагин для Figma помогает анализировать использование живого гайдлайна. Как сама компания анализирует свою дизайн-систему.
8. Lukas Oppermann: Памятка по дизайну тёмной темы оформления. Он проходится по основным аспектам: изображения, пиктограммы, тени, шрифты, цвета.
9. Token CSS (https://tokencss.com/): Генератор токенов. Описываете их в JSON, дальше он экспортирует их в разные форматы.
10. Storybook: Как сделать переключатель языков с помощью фреймворка i18next.
11. Примеры:
— DRUIDS: Дизайн-система сервисов компании Datadog.
— NewsKit: Дизайн-система британского подразделения компании News Corp.
#designsystems
1. Material Design: Снова переработали сайт. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы. Сам сайт.
2. Knapsack: Калькулятор ROI на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.
3. Acronis: Плагины для Figma, которые помогают экспортировать макеты писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.
4. Square: Команда бренда вместе с агентством Athletics описала язык анимации, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
5. Brad Frost: Опыт работы с веб-компонентами — он в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.
6. Societe Generale: Практика переиспользования бизнес-паттернов. Это целые сценарии из серии экранов.
7. Amplitude: Плагин для Figma помогает анализировать использование живого гайдлайна. Как сама компания анализирует свою дизайн-систему.
8. Lukas Oppermann: Памятка по дизайну тёмной темы оформления. Он проходится по основным аспектам: изображения, пиктограммы, тени, шрифты, цвета.
9. Token CSS (https://tokencss.com/): Генератор токенов. Описываете их в JSON, дальше он экспортирует их в разные форматы.
10. Storybook: Как сделать переключатель языков с помощью фреймворка i18next.
11. Примеры:
— DRUIDS: Дизайн-система сервисов компании Datadog.
— NewsKit: Дизайн-система британского подразделения компании News Corp.
#designsystems
Material Design
Magic, utility, and redesigning Material.io
Discover the exciting redesign of Material, pushing visual and interactive expression in design guidelines with Material Design 3.
Собрал дайджест продуктового дизайна за октябрь 2022. Обновление Material Design, чеклисты, ROI дизайн-систем, как построить команду UX-исследований, адаптация сотрудников, дополненная реальность, расширенные цвета, атомарные исследования, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
❤1
Свежая прорва ссылок о пользовательских исследованиях. И это я ещё не всё непрочитанное разобрал:
1. Jeff Sauro и Jim Lewis: Дополнение к памятке по методам — как выбирать их для конкретного этапа проекта.
2. Список международных конференций в 2023 году.
3. Emily DiLeo: Минимальная таксономия для базы знаний и инсайтов. Это 11 полей, которые точно нужны на старте.
4. NN/g: Структурированная подборка своих статей о методе персонажей.
5. User Interviews: Свежий анализ суммы вознаграждения респондентам. Разбивка по методам, длительности и другим параметрам исследования. Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам.
6. Jeff Sauro и Jim Lewis: Какая часть респондентов готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.
7. User Interviews: Подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.
8. Jeff Sauro и Jim Lewis: Влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов?. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.
9. Casey Gollan: Рассуждения на тему обмена данными между инструментами для хранения базы знаний и инсайтов. Почему сейчас они далеки от этого и что должно появиться.
10. Lindsey M. West Wallace: Считает, что жёсткое разделение между генеративными и оценочными исследованиями не очень правильно. Она старается добавить генеративные вопросы в оценочные проекты, чтобы при каждом общении с пользователями собирать знания о потребностях. Местами она заходит слишком далеко, отменяя быстрые итеративные тесты, но в целом мысль здравая.
11. Rolf Molich, Bernard Rummel и Susanne Waßerroth: Изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.
12. Интервью с Kirk Rodgers, директором пользовательских исследований в Bungie. Как развиваться и куда расти исследователю в играх.
13. NN/g: Советы по анализу путей пользователей в интерфейсе. Как находить проблемные места.
14. NN/g: Типичные проблемы при проведении этнографических исследований.
15. Noah Ward: Исследование навигации по больнице, в котором использовали очки для eye tracking.
16. User Interviews: Сравнение сервисов для проведения опросов.
17. NN/g: Советы по проведению удалённых этнографических исследований. Хотя это может прозвучать оксюмороном (они изначально задуманы на месте работы пользователя), но из-за пандемии других вариантов не было.
18. User Interviews: Памятка по поиску респондентов.
19. Steve Bromley: Типичные вопросы на собеседовании на роль пользовательского исследователя в играх.
#research
1. Jeff Sauro и Jim Lewis: Дополнение к памятке по методам — как выбирать их для конкретного этапа проекта.
2. Список международных конференций в 2023 году.
3. Emily DiLeo: Минимальная таксономия для базы знаний и инсайтов. Это 11 полей, которые точно нужны на старте.
4. NN/g: Структурированная подборка своих статей о методе персонажей.
5. User Interviews: Свежий анализ суммы вознаграждения респондентам. Разбивка по методам, длительности и другим параметрам исследования. Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам.
6. Jeff Sauro и Jim Lewis: Какая часть респондентов готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.
7. User Interviews: Подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.
8. Jeff Sauro и Jim Lewis: Влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов?. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.
9. Casey Gollan: Рассуждения на тему обмена данными между инструментами для хранения базы знаний и инсайтов. Почему сейчас они далеки от этого и что должно появиться.
10. Lindsey M. West Wallace: Считает, что жёсткое разделение между генеративными и оценочными исследованиями не очень правильно. Она старается добавить генеративные вопросы в оценочные проекты, чтобы при каждом общении с пользователями собирать знания о потребностях. Местами она заходит слишком далеко, отменяя быстрые итеративные тесты, но в целом мысль здравая.
11. Rolf Molich, Bernard Rummel и Susanne Waßerroth: Изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.
12. Интервью с Kirk Rodgers, директором пользовательских исследований в Bungie. Как развиваться и куда расти исследователю в играх.
13. NN/g: Советы по анализу путей пользователей в интерфейсе. Как находить проблемные места.
14. NN/g: Типичные проблемы при проведении этнографических исследований.
15. Noah Ward: Исследование навигации по больнице, в котором использовали очки для eye tracking.
16. User Interviews: Сравнение сервисов для проведения опросов.
17. NN/g: Советы по проведению удалённых этнографических исследований. Хотя это может прозвучать оксюмороном (они изначально задуманы на месте работы пользователя), но из-за пандемии других вариантов не было.
18. User Interviews: Памятка по поиску респондентов.
19. Steve Bromley: Типичные вопросы на собеседовании на роль пользовательского исследователя в играх.
#research
Measuringu
Four Ways to Pick the Right UX Method – MeasuringU
👍1
Пора отпустить на волю накопления по лучшим интерфейсным паттернам и практикам:
1. Michael Kritsch: Фешенебельный анализ чеклистов и фреймворков для эвристической оценки интерфейсов. Он проанализировал популярные и толковые и разложил их по полочкам. Как и другие авторы, он рекомендует создавать свой чеклист под свои задачи, используя чужие списки как ориентир.
2. Ad Hoc: Методичка по поддержке accessibilty на всех уровнях. Это пошаговая инструкция, позволяющая внедрить хорошие практики в продуктах, командах и культуре.
3. Figma: Как проектировали новый интерфейс поиска и замены.
4. Charlotte Wittels: Подход к решению задач по дизайну интерфейсов: понять 5C (context, cases, concept, content, constraints).
5. Jim Nielsen: Разбирает концепцию Kyle Simpson «качества воспроизведения» сайтов. Самая простая вещь — текстовая версия для людей с плохим интернетом.
6. Maggie Appleton: Интерфейсная парадигма «порталов для программирования», которые объединяют лучшее из двух миров — командной строки и графических интерфейсов. Она приводит примеры нескольких исторических и современных продуктов, которые используют этот подход.
7. NN/g: Структурированная подборка своих статей о психологии пользователей.
8. Adam Argyle: Как реализовать хорошую всплывающую подсказку.
9. NN/g: Настройка приложений с дополненной реальностью.
10. Ceara Crawshaw: Памятка по проектированию хорошего интерфейса drag&drop.
11. Lukas Oppermann: Нюансы поддержки цветового контраста в стандарте accessibility WCAG 2.1.
12. Feifei Liu: Грамотное написание и отправка транзакционных уведомлений (как правило, в смс- и push-уведомлениях).
13. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сайтов покупки билетов на мероприятия. Они сравнили их по метрикам SUS и NPS.
14. NN/g: Как международные интернет-сервисы переводят пользовательский контент типа рецензий и отзывов на разные языки.
16. Wix: Опыт дизайна интерфейсов для разработчиков.
17. Maggie Appleton: Примеры удачных решений с быстрым поискам по командам, который всё чаще встраивают в интерфейсы (они обычно вызываются по CTRL/CMD+K).
#patterns
1. Michael Kritsch: Фешенебельный анализ чеклистов и фреймворков для эвристической оценки интерфейсов. Он проанализировал популярные и толковые и разложил их по полочкам. Как и другие авторы, он рекомендует создавать свой чеклист под свои задачи, используя чужие списки как ориентир.
2. Ad Hoc: Методичка по поддержке accessibilty на всех уровнях. Это пошаговая инструкция, позволяющая внедрить хорошие практики в продуктах, командах и культуре.
3. Figma: Как проектировали новый интерфейс поиска и замены.
4. Charlotte Wittels: Подход к решению задач по дизайну интерфейсов: понять 5C (context, cases, concept, content, constraints).
5. Jim Nielsen: Разбирает концепцию Kyle Simpson «качества воспроизведения» сайтов. Самая простая вещь — текстовая версия для людей с плохим интернетом.
6. Maggie Appleton: Интерфейсная парадигма «порталов для программирования», которые объединяют лучшее из двух миров — командной строки и графических интерфейсов. Она приводит примеры нескольких исторических и современных продуктов, которые используют этот подход.
7. NN/g: Структурированная подборка своих статей о психологии пользователей.
8. Adam Argyle: Как реализовать хорошую всплывающую подсказку.
9. NN/g: Настройка приложений с дополненной реальностью.
10. Ceara Crawshaw: Памятка по проектированию хорошего интерфейса drag&drop.
11. Lukas Oppermann: Нюансы поддержки цветового контраста в стандарте accessibility WCAG 2.1.
12. Feifei Liu: Грамотное написание и отправка транзакционных уведомлений (как правило, в смс- и push-уведомлениях).
13. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сайтов покупки билетов на мероприятия. Они сравнили их по метрикам SUS и NPS.
14. NN/g: Как международные интернет-сервисы переводят пользовательский контент типа рецензий и отзывов на разные языки.
16. Wix: Опыт дизайна интерфейсов для разработчиков.
17. Maggie Appleton: Примеры удачных решений с быстрым поискам по командам, который всё чаще встраивают в интерфейсы (они обычно вызываются по CTRL/CMD+K).
#patterns
Medium
Usability heuristic frameworks: which one is right for you?
Going beyond Nielsen’s Usability Heuristics (with Infographic)
❤1
Кошечка говорит «мяу», собачка говорит «гав», дизайн-системы в дайджесте говорят «и снова здравствуйте»:
1. Romina Kavcic: Интерактивная мини-книга.
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.
3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
8. Henny Swan: Где и как описывать accessibility.
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
#designsystems
1. Romina Kavcic: Интерактивная мини-книга.
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.
3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
8. Henny Swan: Где и как описывать accessibility.
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
#designsystems
thedesignsystem.guide
The Design System Guide
Set Up a Design System. Guide, Resources, Useful Tools, Checklists
Эта мини-подборка о связи бренда с интерфейсом такая жирная, что не забудьте взять салфетки после прочтения:
1. Видео-сервис Vevo от американского агентства Porto Rocha. Официальные гайдлайны.
2. Рекламная кампания Figma «Nothing Great is Made Alone», которую они сделали вместе с американским агентством Collins. Базируется на общей айдентике и здорово передаёт силу командной работы.
3. Команда бренда Square вместе с агентством Athletics описала язык анимации для дизайн-системы, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
4. Live Neuron Labs: Сила метафор для изменения поведения пользователей. Важно правильно упаковать суть продукта или инициативы.
5. Крипто-финтех Gyroscope от британского агентства Human After All.
6. Подписочный сервис Zuora от американского агентства Focus Lab.
7. Образовательная платформа Outschool от американского агентства Geist.
8. Платёжный сервис PayPal от американского агентства Gretel.
9. Стандартизация логотипов/иконок продуктов, которые Dropbox покупал за последние годы, от американского агентства Play.
10. Сервис борьбы с фродом Veriff от португальского агентства How&How.
11. Сервис маркетинговой автоматизации Ortto от австралийского агентства Christopher Doyle & Co.
12. Криптовалютный стартап Metaphor от британского агентства Wildish & Co..
13. Освежение лого Google Play и язык анимации к нему от агентства R/GA.
14. Сервис для интернет-магазинов Depict от шведского агентства Okto.
#branding
1. Видео-сервис Vevo от американского агентства Porto Rocha. Официальные гайдлайны.
2. Рекламная кампания Figma «Nothing Great is Made Alone», которую они сделали вместе с американским агентством Collins. Базируется на общей айдентике и здорово передаёт силу командной работы.
3. Команда бренда Square вместе с агентством Athletics описала язык анимации для дизайн-системы, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
4. Live Neuron Labs: Сила метафор для изменения поведения пользователей. Важно правильно упаковать суть продукта или инициативы.
5. Крипто-финтех Gyroscope от британского агентства Human After All.
6. Подписочный сервис Zuora от американского агентства Focus Lab.
7. Образовательная платформа Outschool от американского агентства Geist.
8. Платёжный сервис PayPal от американского агентства Gretel.
9. Стандартизация логотипов/иконок продуктов, которые Dropbox покупал за последние годы, от американского агентства Play.
10. Сервис борьбы с фродом Veriff от португальского агентства How&How.
11. Сервис маркетинговой автоматизации Ortto от австралийского агентства Christopher Doyle & Co.
12. Криптовалютный стартап Metaphor от британского агентства Wildish & Co..
13. Освежение лого Google Play и язык анимации к нему от агентства R/GA.
14. Сервис для интернет-магазинов Depict от шведского агентства Okto.
#branding
Portorocha
Vevo
A new brand identity system for the world's leading music video network.
Собрал дайджест продуктового дизайна за ноябрь 2022. Интерактивный справочник дизайн-систем, почему всё одинаковое, исследования в играх, разница проблем бизнеса и пользователей, кликбейт про снижение инвестиций в дизайн, контент-стратегия, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
После пары лет застоя в алгоритмическом дизайне новый бум. Внимательные смогут найти бета-версию моего нового сайта-коллекции, который переделал в этом году. Но я пока не успел вбить туда свежий контент, поэтому без ссылки. Выгружу на вас то, что копилось всю осень, причём в два захода на неделе:
STABLE DIFFUSION
Летит ракетой. Alberto Romero считает его самой важной моделью алгоритмического дизайна графики и иллюстраций. Он объясняет причины и рассказывает историю появления. Как он работает и какой набор обучающих данных использует.
Появилась куча интерфейсов для работы с ним:
— Веб: Nightcafe, Nolibox Creator, PineGraph
— macOS: DiffusionBee
— Windows: ArtRoom AI
— iOS: Draw Things: AI Generation
— Figma: Ando
— Сервер у себя на компьютере
Заточка под конкретные задачи:
— Текстуры
— Модели, обученные на разных стилях
Пара примеров в деле:
— Осовременили персонажей старых пиксельных игр и Fallout 2
DALL-E 2
Затерялся на этом фоне. Хотя больше не надо ждать в очереди, чтобы попробовать и появляются возможности типа outpainting (она расширяет исходную иллюстрацию или фото с сохранением стиля).
Зато они мощно коллабят с Microsoft — их встроили в облако Azure. И выпустили Microsoft Designer — простой графический редактор для вещей типа публикаций в соцсетях. Может генерировать графику и рекомендовать композицию макета по текстовому описанию задачи.
Ещё примеры в деле:
— Дизайнеры игрушек Hot Wheels в Mattel делают наброски новых моделей.
MIDJOURNEY
Парочка примеров в деле:
— Упаковка шоколадок
— Монстры из японского фольклора
Разное полезное на их же тему:
Помощники в составлении правильных текстовых запросов:
— Сервисы: Phraser,
Dallelist, Midjourney Prompt Generator, Find the Prompt, PromptHero
— Методичка
Astria: Генератор фото и иллюстраций по текстовому описанию, который может уточнять результаты с помощью техники DreamBooth.
Экспериментальный сервис, который подсвечивает предубеждения и штампы на примере Stable Diffusion и DALL-E 2. Репозиторий.
И что всё это значит для дизайнеров:
1. Криповейшая история — Andy Bayo поговорил с иллюстратором Hollie Mengert, чьи коммерческие работы для клиентов использовали для тренировки нейросети и позволили, по сути, клонировать их. Он также поговорил с Ogbogu Kalu, автором кода. В комментариях настоящий лепрозорий из тех, кто не уважает чужой труд. Грань допустимого использования чужих стилей в обучении алгоритмов обсуждается давно, но тут она явно перейдена — у конкретного человека отобрали работу.
2. Evil Martians дали одинаковую задачу иллюстратору и Midjourney. Они сравнивают итоговый результат по качеству, срокам создания и менеджерским трудозатратам, а также цене.
3. Иллюстратор Эммануэль поиграл с DALL-E 2 и посмотрел, насколько он подходит для коммерческой работы иллюстратора на примере недавнего реального проекта. Пока далеко.
Продолжим в четверг.
#ai #algorithms
STABLE DIFFUSION
Летит ракетой. Alberto Romero считает его самой важной моделью алгоритмического дизайна графики и иллюстраций. Он объясняет причины и рассказывает историю появления. Как он работает и какой набор обучающих данных использует.
Появилась куча интерфейсов для работы с ним:
— Веб: Nightcafe, Nolibox Creator, PineGraph
— macOS: DiffusionBee
— Windows: ArtRoom AI
— iOS: Draw Things: AI Generation
— Figma: Ando
— Сервер у себя на компьютере
Заточка под конкретные задачи:
— Текстуры
— Модели, обученные на разных стилях
Пара примеров в деле:
— Осовременили персонажей старых пиксельных игр и Fallout 2
DALL-E 2
Затерялся на этом фоне. Хотя больше не надо ждать в очереди, чтобы попробовать и появляются возможности типа outpainting (она расширяет исходную иллюстрацию или фото с сохранением стиля).
Зато они мощно коллабят с Microsoft — их встроили в облако Azure. И выпустили Microsoft Designer — простой графический редактор для вещей типа публикаций в соцсетях. Может генерировать графику и рекомендовать композицию макета по текстовому описанию задачи.
Ещё примеры в деле:
— Дизайнеры игрушек Hot Wheels в Mattel делают наброски новых моделей.
MIDJOURNEY
Парочка примеров в деле:
— Упаковка шоколадок
— Монстры из японского фольклора
Разное полезное на их же тему:
Помощники в составлении правильных текстовых запросов:
— Сервисы: Phraser,
Dallelist, Midjourney Prompt Generator, Find the Prompt, PromptHero
— Методичка
Astria: Генератор фото и иллюстраций по текстовому описанию, который может уточнять результаты с помощью техники DreamBooth.
Экспериментальный сервис, который подсвечивает предубеждения и штампы на примере Stable Diffusion и DALL-E 2. Репозиторий.
И что всё это значит для дизайнеров:
1. Криповейшая история — Andy Bayo поговорил с иллюстратором Hollie Mengert, чьи коммерческие работы для клиентов использовали для тренировки нейросети и позволили, по сути, клонировать их. Он также поговорил с Ogbogu Kalu, автором кода. В комментариях настоящий лепрозорий из тех, кто не уважает чужой труд. Грань допустимого использования чужих стилей в обучении алгоритмов обсуждается давно, но тут она явно перейдена — у конкретного человека отобрали работу.
2. Evil Martians дали одинаковую задачу иллюстратору и Midjourney. Они сравнивают итоговый результат по качеству, срокам создания и менеджерским трудозатратам, а также цене.
3. Иллюстратор Эммануэль поиграл с DALL-E 2 и посмотрел, насколько он подходит для коммерческой работы иллюстратора на примере недавнего реального проекта. Пока далеко.
Продолжим в четверг.
#ai #algorithms
The Algorithmic Bridge
Stable Diffusion Is the Most Important AI Art Model Ever
A state-of-the-art AI model available for everyone through a safety-centric open-source license is unheard of.
Продолжаю выгрузку ссылок, которые никак не добавлю в новую версию сайта-коллекции алгоритмического дизайна:
ТЕКСТЫ
ChatGPT: Новая модель от OpenAI генерирует правдоподобные тексты (хотя зачастую по факту ошибочные). Её уже приспосабливают для написания статей и других крупных материалов. Это один из самых горячих запусков — за первую неделю ей воспользовались больше 1 млн человек.
Matthias Ott провёл интересный эксперимент — пообщался на тему типографики и продуктового дизайна. Ответы звучали правдоподобно, хотя это главный риск этой модели — она часто выдаёт просто салат из слов, где не эксперту сложно оценить достоверность. С другой стороны, если посмотреть прорву статей на Medium от начинающих дизайнеров — там тоже хватает этих проблем. Так что нас ждёт много интересных этических вопросов.
Notion AI: Алгоритмический помощник по написанию текстов от Notion. Может набросать публикацию в блоге, письмо и другие материалы. Пока в закрытой бете, но интеграция таких вещей в сам инструмент — лучший вариант. Обзор.
Ну и отдельные сервисы-генераторы: CopyMonkey, Jasper.
ФОТОБАНКИ
Graeme Fulton разбирается в отношении фотобанков к фото и иллюстрациям, созданным с помощью инструментов алгоритмического дизайна. Классические осторожничают, но есть новые специализированные.
А вот что делали классические компании:
— Shutterstock запустил партнёрство с DALL-E 2. Можно будет генерировать графику прямо внутри фотобанка.
— Adobe Stock разрешил продавать такие фото и иллюстрации. Правда, с пачкой ограничений (например, нельзя копировать чужой стиль).
— Люди на выбор: Generated Humans, MetaHuman.
АВАТАРЫ
Благодаря технике Google DreamBooth, которая позволяет добавлять новые объекты к уже обученным диффузным моделям, хайпанули стилизаторы аватаров:
— Lensa Magic Avatars
— AI Profile Picture Generator
— Avatar AI
ВИДЕО
Генераторы видео от Меты Make-A-Video и Google Imagen Video.
ИНСТРУМЕНТЫ ДИЗАЙНА И ДИЗАЙН-ПРОЦЕСС
Keima Kai: Анализирует, может ли алгоритмический дизайн помочь на каждом этапе работы над сайтом.
Magician: Плагин для Figma от Jordan Singer, который генерирует иконки, тексты и иллюстрации. Обещают пополнять магию в будущем.
Interior AI: Инструмент помогает делать наброски интерьеров.
New York Times: Мини-интервью о применении новых инструментов алгоритмического дизайна в разных отраслях — игры, интерьеры, реклама, проектирование услуг.
РАЗРАБОТКА
«Привет, GitHub»: GitHub открыл тестирование голосового помощника для своего ИИ-сервиса Copilot.
ADOBE SNEAKS
Новые эксперименты с Adobe MAX 2022 на базе платформы Sensei:
— #CleverComposites вставляет объекты на фото с учётом композиции, перспективы и освещения
— #InstantAdd вставляет элементы в видео с обтравкой и учётом движения объекта, на который добавили картинку
— #ProjectMagneticType добавляет графические элементы к шрифту, которые потом ведут себя как его часть при изменении надписи
— #ProjectVectorEdge накладывает графические элементы на макеты упаковки, которые органично ложатся на поверхность в любой проекции
— #ProjectMotionMix совмещает движущуюся модель объекта и фото другого объекта, так что он сам начинает двигаться
— #ProjectBlink позволяет редактировать видео выступлений почти как текст — искать по фразе, вырезать ненужное и т.п.
— #ArtisticScenes создаёт 3D-модель из фото пространства и накладывает на него любой стиль
— #ProjectAllofMe даёт расширенное редактирование фото: дорисовать недостающее по краям, поменять одежду и т.п.
— #ProjectBeyondTheSeen генерирует полную 3D-сцену помещения по фото и позволяет добавлять туда другие объекты
— #ProjectMadeInTheShade работает с тенями на фото — перерассчитывает их при добавлении новых элементов на фото или перемещении по сцене
РАЗНОЕ
Matthew Ström: Научился генерировать картинки Open Graph для своего блога.
Meg Kurdziolek: Концепция XAI (Explainable AI). Она помогает рассказать пользователям и специалистам о принципах работы систем с ИИ.
#ai #algorithms
ТЕКСТЫ
ChatGPT: Новая модель от OpenAI генерирует правдоподобные тексты (хотя зачастую по факту ошибочные). Её уже приспосабливают для написания статей и других крупных материалов. Это один из самых горячих запусков — за первую неделю ей воспользовались больше 1 млн человек.
Matthias Ott провёл интересный эксперимент — пообщался на тему типографики и продуктового дизайна. Ответы звучали правдоподобно, хотя это главный риск этой модели — она часто выдаёт просто салат из слов, где не эксперту сложно оценить достоверность. С другой стороны, если посмотреть прорву статей на Medium от начинающих дизайнеров — там тоже хватает этих проблем. Так что нас ждёт много интересных этических вопросов.
Notion AI: Алгоритмический помощник по написанию текстов от Notion. Может набросать публикацию в блоге, письмо и другие материалы. Пока в закрытой бете, но интеграция таких вещей в сам инструмент — лучший вариант. Обзор.
Ну и отдельные сервисы-генераторы: CopyMonkey, Jasper.
ФОТОБАНКИ
Graeme Fulton разбирается в отношении фотобанков к фото и иллюстрациям, созданным с помощью инструментов алгоритмического дизайна. Классические осторожничают, но есть новые специализированные.
А вот что делали классические компании:
— Shutterstock запустил партнёрство с DALL-E 2. Можно будет генерировать графику прямо внутри фотобанка.
— Adobe Stock разрешил продавать такие фото и иллюстрации. Правда, с пачкой ограничений (например, нельзя копировать чужой стиль).
— Люди на выбор: Generated Humans, MetaHuman.
АВАТАРЫ
Благодаря технике Google DreamBooth, которая позволяет добавлять новые объекты к уже обученным диффузным моделям, хайпанули стилизаторы аватаров:
— Lensa Magic Avatars
— AI Profile Picture Generator
— Avatar AI
ВИДЕО
Генераторы видео от Меты Make-A-Video и Google Imagen Video.
ИНСТРУМЕНТЫ ДИЗАЙНА И ДИЗАЙН-ПРОЦЕСС
Keima Kai: Анализирует, может ли алгоритмический дизайн помочь на каждом этапе работы над сайтом.
Magician: Плагин для Figma от Jordan Singer, который генерирует иконки, тексты и иллюстрации. Обещают пополнять магию в будущем.
Interior AI: Инструмент помогает делать наброски интерьеров.
New York Times: Мини-интервью о применении новых инструментов алгоритмического дизайна в разных отраслях — игры, интерьеры, реклама, проектирование услуг.
РАЗРАБОТКА
«Привет, GitHub»: GitHub открыл тестирование голосового помощника для своего ИИ-сервиса Copilot.
ADOBE SNEAKS
Новые эксперименты с Adobe MAX 2022 на базе платформы Sensei:
— #CleverComposites вставляет объекты на фото с учётом композиции, перспективы и освещения
— #InstantAdd вставляет элементы в видео с обтравкой и учётом движения объекта, на который добавили картинку
— #ProjectMagneticType добавляет графические элементы к шрифту, которые потом ведут себя как его часть при изменении надписи
— #ProjectVectorEdge накладывает графические элементы на макеты упаковки, которые органично ложатся на поверхность в любой проекции
— #ProjectMotionMix совмещает движущуюся модель объекта и фото другого объекта, так что он сам начинает двигаться
— #ProjectBlink позволяет редактировать видео выступлений почти как текст — искать по фразе, вырезать ненужное и т.п.
— #ArtisticScenes создаёт 3D-модель из фото пространства и накладывает на него любой стиль
— #ProjectAllofMe даёт расширенное редактирование фото: дорисовать недостающее по краям, поменять одежду и т.п.
— #ProjectBeyondTheSeen генерирует полную 3D-сцену помещения по фото и позволяет добавлять туда другие объекты
— #ProjectMadeInTheShade работает с тенями на фото — перерассчитывает их при добавлении новых элементов на фото или перемещении по сцене
РАЗНОЕ
Matthew Ström: Научился генерировать картинки Open Graph для своего блога.
Meg Kurdziolek: Концепция XAI (Explainable AI). Она помогает рассказать пользователям и специалистам о принципах работы систем с ИИ.
#ai #algorithms
Openai
Introducing ChatGPT
We’ve trained a model called ChatGPT which interacts in a conversational way. The dialogue format makes it possible for ChatGPT to answer followup questions, admit its mistakes, challenge incorrect premises, and reject inappropriate requests.
❤1🔥1🤯1
Снова не успел сделать трушный обзор трендов 2023 года с попыткой анализа. Так что просто настрогал питательный салат из пристойных обзоров и прогнозов.
Мой (не)давний краш в этом ремесле — EditorX, которые стараются избегать клишухи и ретро-дискотеки про большие шрифты и анимацию. Они выделяют свежие визуальные приёмы из заметных запусков агентств и продуктовых компаний. Летом вышла промежуточная обзорка.
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Figma продолжает рвать рынок, FigJam догоняет Miro. Они добавили срезы про пользовательские исследования, хотя пока выглядит сумбурно. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.
Разносол из итогов 2022 года:
— Яркие проекты на Readymag, Webflow и Framer Sites
— Крафтовуха
— Упаковка
— Логотипы
— Лучшие обложки книг от Literary Hub. Есть также подборки от NY Times, Fast Company и Chicago Public Library
— Визуализация данных
— Титры от Art of the Title, Slash Film, Print Mag и Salon
— Эксперименты на CodePen и анимация на GSAP
— Лучший дизайн по версии журнала Core77
— Дизайн иконок
— Заметные инновации от Fast Company и Popular Science
И немного визуальных всплесков 2022 года:
— шрифты-добряки их 70х, в особенности в дизайне упаковки. Она связывает отход от банальных модернистских подходов новыми точками контакта с брендом, где упаковка снова важна.
— броские коллажи, которые возникли на волне интереса к 2000м и новых возможностей iOS по простой вырезке объектов.
Про 2023 расклад такой:
1. Общедизайнерские тренды выделяют 99 Designs, Milo, Graphic Mama, Depositphotos, Shutterstock и Adobe
2. Pantone объявляет цвет: наконец-то энергичный Viva Magenta («карминово-красный»)
3. Шрифтовые от Monotype
4. Культурные от Pinterest и Wunderman Thompson.
5. Технологические от Gartner: стратегические (ещё)
6. Смежные области
Интересные дизайнерско-технологические подвижки:
1. Про второе дыхание алгоритмического дизайна написана сотня статей и обзоров, вы и сами всё видите (вот, например, овердофига всего за осень (продолжение)).
2. Цветные (простые и вариативные) вариативные шрифты уже можно пробовать в деле — они позволяют раскрашивать разные части символа, потенциально горячая штука. Кое-что уже есть в Google Fonts, можно поковыряться на движке WebKit. Или вот сразу изометрия.
3. Возможный прогресс развития экранов устройств. После перехода на ретину один из немногих способов поднять планку дальше — расширенные цветовые пространства и модели описания цветов. Как включить их в вебе.
4. Нововведения в стандарте поддержки accessibility в вебе WCAG 3.0. Он смотрит на тему гораздо шире и предъявляет более жёсткие требования.
5. OKLCH, ещё один новый способ описания цветов — https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl. Он лучше HSL в плане понятности и работы с accessibility.
Вышли пара публикаций толковой критической рефлексии:
1. Terry Nguyen отлично приложил саму идею трендов в современном мире. Зачастую их выдумывают авторы статей и дальше они имеют ограниченную жизнь, а их общий посыл — помочь упаковать какую-то часть культуры для более удобного потребления.
2. Ryan Duffy рассуждает, как современная экономика стартапов приводит к тому, что сайты, бренды, интерьеры, машины и многие другие вещи становятся одинаковыми.
3. Caio Braga, Fabricio Teixeira и Luciano Infanti глубоко копают в корни направлений дизайна. Как они связывают историю и представления о будущем на примере нескольких текущих и прошлых трендов.
До выставки CES 2023 осталась неделя, так что может увидим там кой-какой технологический дроп.
Для сравнения: что обещали на 2022, 2021, 2020, 2019 и 2018 год.
#trends
Мой (не)давний краш в этом ремесле — EditorX, которые стараются избегать клишухи и ретро-дискотеки про большие шрифты и анимацию. Они выделяют свежие визуальные приёмы из заметных запусков агентств и продуктовых компаний. Летом вышла промежуточная обзорка.
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Figma продолжает рвать рынок, FigJam догоняет Miro. Они добавили срезы про пользовательские исследования, хотя пока выглядит сумбурно. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.
Разносол из итогов 2022 года:
— Яркие проекты на Readymag, Webflow и Framer Sites
— Крафтовуха
— Упаковка
— Логотипы
— Лучшие обложки книг от Literary Hub. Есть также подборки от NY Times, Fast Company и Chicago Public Library
— Визуализация данных
— Титры от Art of the Title, Slash Film, Print Mag и Salon
— Эксперименты на CodePen и анимация на GSAP
— Лучший дизайн по версии журнала Core77
— Дизайн иконок
— Заметные инновации от Fast Company и Popular Science
И немного визуальных всплесков 2022 года:
— шрифты-добряки их 70х, в особенности в дизайне упаковки. Она связывает отход от банальных модернистских подходов новыми точками контакта с брендом, где упаковка снова важна.
— броские коллажи, которые возникли на волне интереса к 2000м и новых возможностей iOS по простой вырезке объектов.
Про 2023 расклад такой:
1. Общедизайнерские тренды выделяют 99 Designs, Milo, Graphic Mama, Depositphotos, Shutterstock и Adobe
2. Pantone объявляет цвет: наконец-то энергичный Viva Magenta («карминово-красный»)
3. Шрифтовые от Monotype
4. Культурные от Pinterest и Wunderman Thompson.
5. Технологические от Gartner: стратегические (ещё)
6. Смежные области
Интересные дизайнерско-технологические подвижки:
1. Про второе дыхание алгоритмического дизайна написана сотня статей и обзоров, вы и сами всё видите (вот, например, овердофига всего за осень (продолжение)).
2. Цветные (простые и вариативные) вариативные шрифты уже можно пробовать в деле — они позволяют раскрашивать разные части символа, потенциально горячая штука. Кое-что уже есть в Google Fonts, можно поковыряться на движке WebKit. Или вот сразу изометрия.
3. Возможный прогресс развития экранов устройств. После перехода на ретину один из немногих способов поднять планку дальше — расширенные цветовые пространства и модели описания цветов. Как включить их в вебе.
4. Нововведения в стандарте поддержки accessibility в вебе WCAG 3.0. Он смотрит на тему гораздо шире и предъявляет более жёсткие требования.
5. OKLCH, ещё один новый способ описания цветов — https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl. Он лучше HSL в плане понятности и работы с accessibility.
Вышли пара публикаций толковой критической рефлексии:
1. Terry Nguyen отлично приложил саму идею трендов в современном мире. Зачастую их выдумывают авторы статей и дальше они имеют ограниченную жизнь, а их общий посыл — помочь упаковать какую-то часть культуры для более удобного потребления.
2. Ryan Duffy рассуждает, как современная экономика стартапов приводит к тому, что сайты, бренды, интерьеры, машины и многие другие вещи становятся одинаковыми.
3. Caio Braga, Fabricio Teixeira и Luciano Infanti глубоко копают в корни направлений дизайна. Как они связывают историю и представления о будущем на примере нескольких текущих и прошлых трендов.
До выставки CES 2023 осталась неделя, так что может увидим там кой-какой технологический дроп.
Для сравнения: что обещали на 2022, 2021, 2020, 2019 и 2018 год.
#trends
❤1
Каждый год последние много лет начинается с разбора свежатины с выставки CES 2023 — она прошла с 5 по 8 января в Лас-Вегасе. Смотрю на всячину, которая имеет прямое или косвенное отношение к интерфейсам:
ЭКРАНЫ
1. Дикий ноутбук Lenovo с двумя экранами
2. Гибкий экран Samsung, который может и сгибаться, и выдвигаться
3. Телефон с гибким экраном LG, который гнётся в обе стороны
4. Samsung может объединить изображение с двух проекторов в одну картинку
5. Ноутбук-трансформер Lenovo, который необычно поворачивает экран
6. Ноутбук ASUS умеет показывать 3D без очков
7. Телевизор Displace TV можно приклеить к любой поверхности — он полностью беспроводной
8. Холодильник Samsung с экраном 32"
АВТО
1. Новое поколение Android Auto
2. Концепт BMW, который умеет менять цвет кузова
3. Приборная панель беспилотных машин Chrysler
4. Шлемы виртуальной реальности Holoride для пассажиров на заднем сиденье
УМНЫЕ КОЛОНКИ И ПОМОЩНИКИ
1. Помощник Disney для их гостиниц на базе Alexa
НАУШНИКИ
1. Wisear управляют музыкой необычными жестами без рук и голоса, типа движения челюстью
2. Зарядные чехлы с экраном от JBL и Poly
ИГРЫ
1. Sony вслед за Microsoft делают игровые контроллеры для людей с ограниченными возможностями
2. Механические шахматы, где фигуры ходят сами
3. Портативная облачная консоль Razer
ОЧКИ И ШЛЕМЫ
1. Умные очки TCL
2. Приблуды и контроллеры для Steam VR
НОСИМЫЕ УСТРОЙСТВА
1. Умные кольца Movano с датчиками здоровья
2. Умные часы с драгоценным камнем вместо экрана
МЕТОДЫ ВВОДА
1. Стилус, которым можно писать и на экране, и на бумаге
СМАРТФОНЫ
1. Lenovo тесно связан с их ноутбуками
2. Qualcomm даст Android-телефонам возможность писать смс даже без сотовой сети
А вот этим дивным делам не про интерфейсы позавидует король магазинов на диване Leomax: домашний дрон, унитазный анализатор, велотренажёр с компьютерным столом, веб-камера/лампа/док-станция, принтер для бровей, электроколяска для детей, подушка для снятия стресса, ложка с усилителем вкуса, перцовый баллончик сам звонит в полицию, няшный мини-робот Loona. Воопщем и в целом всё о проблемах белых людей.
Если вкрации — познавательно про то, для каких устройств можно будет поделать интерфейсы в будущем.
#ces #trends #events
ЭКРАНЫ
1. Дикий ноутбук Lenovo с двумя экранами
2. Гибкий экран Samsung, который может и сгибаться, и выдвигаться
3. Телефон с гибким экраном LG, который гнётся в обе стороны
4. Samsung может объединить изображение с двух проекторов в одну картинку
5. Ноутбук-трансформер Lenovo, который необычно поворачивает экран
6. Ноутбук ASUS умеет показывать 3D без очков
7. Телевизор Displace TV можно приклеить к любой поверхности — он полностью беспроводной
8. Холодильник Samsung с экраном 32"
АВТО
1. Новое поколение Android Auto
2. Концепт BMW, который умеет менять цвет кузова
3. Приборная панель беспилотных машин Chrysler
4. Шлемы виртуальной реальности Holoride для пассажиров на заднем сиденье
УМНЫЕ КОЛОНКИ И ПОМОЩНИКИ
1. Помощник Disney для их гостиниц на базе Alexa
НАУШНИКИ
1. Wisear управляют музыкой необычными жестами без рук и голоса, типа движения челюстью
2. Зарядные чехлы с экраном от JBL и Poly
ИГРЫ
1. Sony вслед за Microsoft делают игровые контроллеры для людей с ограниченными возможностями
2. Механические шахматы, где фигуры ходят сами
3. Портативная облачная консоль Razer
ОЧКИ И ШЛЕМЫ
1. Умные очки TCL
2. Приблуды и контроллеры для Steam VR
НОСИМЫЕ УСТРОЙСТВА
1. Умные кольца Movano с датчиками здоровья
2. Умные часы с драгоценным камнем вместо экрана
МЕТОДЫ ВВОДА
1. Стилус, которым можно писать и на экране, и на бумаге
СМАРТФОНЫ
1. Lenovo тесно связан с их ноутбуками
2. Qualcomm даст Android-телефонам возможность писать смс даже без сотовой сети
А вот этим дивным делам не про интерфейсы позавидует король магазинов на диване Leomax: домашний дрон, унитазный анализатор, велотренажёр с компьютерным столом, веб-камера/лампа/док-станция, принтер для бровей, электроколяска для детей, подушка для снятия стресса, ложка с усилителем вкуса, перцовый баллончик сам звонит в полицию, няшный мини-робот Loona. Воопщем и в целом всё о проблемах белых людей.
Если вкрации — познавательно про то, для каких устройств можно будет поделать интерфейсы в будущем.
#ces #trends #events
www.ces.tech
CES - The Most Powerful Tech Event in the World
CES® is the most powerful tech event in the world — the proving ground for breakthrough technologies and global innovators. Owned and produced by the Consumer Technology Association (CTA)®, CES is the only trade show that showcases the entire tech landscape…
Собрал дайджест продуктового дизайна за декабрь 2022. Тренды 2023, зрелость дизайн-системы, алгоритмический дизайн, UX-исследования с нуля, философия дизайна, токены, аудит контента, Material Design и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS
Давненько не было обзоров лучших интерфейсных практик и паттернов. Ща буит мясо:
1. Peter Ramsey: Освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.
2. Spotify: Редизайн главной страницы в вебе — теперь это плеер.
3. NN/g: Выбор часового пояса. Nielsen/Norman Group провели своё исследование разных подходов и дают рекомендации по проектированию.
4. Duolingo: Основные идеи редизайна приложения: хвалят и ругают.
4. NN/g: Типичные проблемы мобильных приложений с дополненной реальностью, а также удачные интерфейсные решения.
5. Knock: Проектирование процесса встречи нового пользователя. Они выделили самое важное действие на старте (отправка первого уведомления клиентам) и построили интерфейс вокруг него.
6. Gov.uk: Пользователи с дискалькулией. Это особенность восприятия информации, когда человек плохо воспринимает числа и цифры.
7. Creative Navy: Крупные международные сервисы для ведения электронных медицинских карт.
8. Adrian Bece: Вёрстка адаптивных таблиц с учётом требований accessibility (часть 2).
9. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сервисов бронирования ресторанов и видео-звонков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
10. Colin Eagan и Jeffrey MacIntyre: Фреймворк по персонализации продукта для пользователей. Они также описывают формат воркшопа для его заполнения.
11. Spotify: Локализация интерфейса и контента.
12. Alex Russell: Обзор текущего состояния оптимизации производительности веба.
13. Creative Navy: Интерфейсы программ для программирования мобильных роботов.
#patterns
1. Peter Ramsey: Освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.
2. Spotify: Редизайн главной страницы в вебе — теперь это плеер.
3. NN/g: Выбор часового пояса. Nielsen/Norman Group провели своё исследование разных подходов и дают рекомендации по проектированию.
4. Duolingo: Основные идеи редизайна приложения: хвалят и ругают.
4. NN/g: Типичные проблемы мобильных приложений с дополненной реальностью, а также удачные интерфейсные решения.
5. Knock: Проектирование процесса встречи нового пользователя. Они выделили самое важное действие на старте (отправка первого уведомления клиентам) и построили интерфейс вокруг него.
6. Gov.uk: Пользователи с дискалькулией. Это особенность восприятия информации, когда человек плохо воспринимает числа и цифры.
7. Creative Navy: Крупные международные сервисы для ведения электронных медицинских карт.
8. Adrian Bece: Вёрстка адаптивных таблиц с учётом требований accessibility (часть 2).
9. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование сервисов бронирования ресторанов и видео-звонков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
10. Colin Eagan и Jeffrey MacIntyre: Фреймворк по персонализации продукта для пользователей. Они также описывают формат воркшопа для его заполнения.
11. Spotify: Локализация интерфейса и контента.
12. Alex Russell: Обзор текущего состояния оптимизации производительности веба.
13. Creative Navy: Интерфейсы программ для программирования мобильных роботов.
#patterns
❤2