Дайджест продуктового дизайна

2022-04-28 10:04:37 Свежие материалы об интерфейсных паттернах и лучших практиках копятся очень быстро:
 
1. Виталий Фридман: Шикарный разбор интерфейсного паттерна «карусель». Много отличных нестандартных примеров, которые решают его родовые проблемы.
 
2. Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.
 
3. Casper Kessels: Минимальный размер области нажатия элементов интерфейса для сенсорных экранов в авто. Это минимум 100px.
 
4. Яндекс Go: Адаптация мобильного приложения для незрячих пользователей.
 
5. WebAIM: Проанализировали миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.
 
6. Adam K: Особенности дизайна упрощённой версии Инсты для стран со слабыми телефонами и интернетом.
 
7. NN/g: Способы повысить автономность пользователя в интерфейсе.
 
#patterns Открыть/Комментировать

2022-04-25 10:04:02 Свежее дополнение к коллекции годноты о дизайн-менеджменте:
 
1. Подходы Nielsen/Norman Group и Atlassian к UX-стратегии.
 
2. NN/g: 5 видов орг.структур команды DesignOps, помогающей системно управлять дизайном в компании.
 
3. GOV.uk: Роль и зоны ответственности дизайнера интерфейсов в компании. Они плотно вовлечены как в понимание проблемы пользователей, так и в эксперименты с прототипами.
 
4. Cisco: Принципы дизайна компании и подход к их формулированию в целом. Хороший подход, строящийся на противопоставлении.

5. Atlassian: Толковые советы по налаживанию кросс-функционального взаимодействия между дизайнерами и другими участниками продуктовой команды.
 
#management Открыть/Комментировать

2022-04-21 10:04:58 Мини-подборка свежих заходов на связь бренда с интерфейсом в айдентике:
 
1. Сервис доставки Instacart от британского агентства Wolff Olins и 21st Century Brand.
 
2. Платформа для простых онлайн-продаж Gumroad от неизвестных авторов.
 
3. Криптобиржа Zonda от британского агентства Koto.
 
4. Сервис автоматизации рекламы Outfit от австралийского агентства Bigfish.
 
5. Криптобиржа Coinbase от американского агентства Moniker.
 
6. Сервисы Onliner от беларусского агентства Right.
 
7. Бот по поиску недвижимости Luke от британского агентства Koto.
 
8. Платформа для медиа OpenWeb от американского агентства Collins.
 
9. Видео-сервис START от российского агентства ONY.
 
#branding Открыть/Комментировать

2022-04-18 10:06:02 Собрал дайджест продуктового дизайна за март 2022. Поддержка accessibility, брендинг цифровых продуктов, состояние профессии UX-исследований, история интерфейса Firefox, интранеты, бесконечная прокрутка, оплата по лицу, алгоритмический дизайн, стандарты, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS Открыть/Комментировать

2022-04-14 10:07:21 Свежий мини-дайджест о пользовательских исследованиях:
 
1. Brigette Metzler, Bri Norton, Dana Chrisfield и Mark McElhaw: Как ведут базы знаний и инсайтов. Форматы, использование, проблемы и куча других интереснейших жизненных ситуаций от практиков.
 
2. User Interviews: Состояние профессии в 2022 году. Они опросили 562 специалиста об особенностях работы, организации команд, инструментах и т.п.
 
3. NN/g: Подробная методичка по методу когнитивного пошагового анализа интерфейса. Это позволяет обнаружить часть проблем в экспертным путём.
 
4. Jim Lewis и Jeff Sauro: Разбирают простой опросник PMF (Product-Market Fit) от Sean Ellis и Go Practice. Авторы предполагают, что он помогает оценить попадание продукта в рынок.
 
5. Jeff Sauro и Jim Lewis: Как правильно узнать и посчитать частоту использования продукта пользователем.
 
6. NN/g: Опрос 353 исследователей и дизайнеров интерфейсов о текущем состоянии ResearchOps. Чем занимается такой человек, если он есть в компании, и как обстоят дела с планированием, инструментами и другими процессами.
 
7. Shopify: Изменение подхода к исследованиям. Они стараются предлагать менеджерам продуктов несколько вариантов будущего, которые помогают сформировать стратегию продукта.
 
8. User Interviews: Советы по разметке данных.
 
#research Открыть/Комментировать

2022-04-11 10:34:33 Свежая мини-подборка о лучших интерфейсных паттернах и практиках:
 
1. Stéphanie Walter: Мощная памятка по документации макетов и прототипов в плане поддержки accessibility. Что, где и как описывать, плюс шаблоны в Figma.
 
2. NN/g: Структурированные подборки своих статей о дизайне интерфейсов интранета и корпоративных веб-приложений и информационной архитектуре.
 
3. Яндекс Маркет: Методика расчёта «счастья пользователя». Они описали несколько моделей поискового поведения и отмечают успешные и проблемные места в них.
 
4. Виталий Фридман: Проектирование хорошей бесконечной прокрутки и «хлебных крошек».
 
5. NN/g: Повторное исследование китайских сервисов для оплаты по лицу в магазинах и кафе. Многие проблемы не решены с 2019 года, но за время пандемии сам механизм стал гораздо более распространённым.
 
6. Markswebb: Исследование процесса открытия кредитной карты. Они собрали рекомендации по интерфейсу процесса их открытия и использования.
 
7. Свежие сравнительные исследования Baymard Institute:

— Сайты интернет-магазинов конкретных брендов и их типичные проблемы.

— Сервисы доставки еды.

8. Свежие сравнительные исследования Jim Lewis и Jeff Sauro. Они посчитали NPS и SUPR-Q и выявили ключевые драйверы рекомендаций:

— Сайты частных объявлений.

— Американские сайты доставки продуктов.
 
9. Peter Ramsey разбирает процесс встречи нового пользователя в мобильном приложении Gmail и Revolut Junior.
 
10. Facebook: Интерфейсные паттерны, помогающие повысить персональную безопасность и снизить негатив в соц.сети (кек).
 
11. NN/g: Переключатель языков на сайтах интернет-магазинов.
 
12. Michael Villar: Беглый обзор внешнего вида и поведения полосы прокрутки в основных операционных системах и веб-приложениях.
 
13. Benjamin Davies: Все письма рассылки Duolingo за первые 20 дней после регистрации. Сервис славится своей уместной геймификацией и вовлечением.
 
14. Sophie Clifton-Tucker: Разница между локализацией и интернационализацией. А также даёт базовый чеклист по основным моментам.
 
#patterns Открыть/Комментировать

2022-04-04 10:04:58 Собрал дайджест продуктового дизайна за февраль 2022. Энциклопедия компонентов, история интерфейсов, генеративное искусство, дизайн-мошенничество, база знаний и инсайтов, найм и сессии дизайн-критики, голосовые интерфейсы, дизайн-системы, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Выпуск вышел с большой задержкой из-за вынужденного переезда хостинга. Его всё ещё колбасит, но дальше задерживать публикацию уже было некуда.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS Открыть/Комментировать

2022-03-24 10:04:23 Интерес к теме алгоритмического дизайна подупал, как и количество интересных проектов. Но кой-чо новое проскакивает:
 
1. Фантастическая статья Amy Goodchild о природе генеративного искусства. Она разбирает её три ключевых составляющие: случайность, правила и природные системы.
 
2. Mechanic: Экспериментальный инструмент для создания своих простейших инструментов алгоритмического дизайна. Можно настроить параметры, по которым он будет генерировать макеты.
 
3. GauGAN2: NVIDIA выпустили новую версию своего инструмента, который превращает набросок в фотографию природного ландшафта. Теперь можно генерировать и по текстовому описанию.
 
4. Tool.Graphics: Сайт генерирует абстрактные изображения на тему одной из стилистик. Можно бесконечно получать варианты.
 
5. ArtFlow: Генератор аватаров по словесному описанию с помощью алгоритмического дизайна. Можно смешать разных персонажей и жанры.
 
6. HyperStyle: Экспериментальный инструмент для изменения возраста и внешности с помощью алгоритмического дизайна.
 
7. Dream: Генератор абстрактного искусства по текстовому описанию в нескольких стилистиках. Один из самых эффектных среди всех подобных инструментов.
 
8. GLIDE: Экспериментальный инструмент от команды OpenAI редактирует готовые изображения по текстовому описанию. Исходный код.
 
9. Animated Drawings: Экспериментальный инструмент от Meta анимирует детские рисунки персонажей.
 
#ai #algorithms Открыть/Комментировать

2022-03-21 10:04:03 Свежая мини-подборка о дизайн-менеджменте:
 
1. ManyChat: Появление роли дизайн-менеджера. Что он делает в компании и через какие этапы проходил процесс.
 
2. Salesforce: Подход к определению принципов дизайна . Необычно, что они делают это с пользователями — они отмечали яркие моменты в работе с продуктами.
 
3. Brian Traynor: Анализирует отраслевые стандарты (ISO и другие), которые потенциально применимы для оценки зрелости дизайна в компании.
 
4. NN/g: Структурированная подборка своих статей о UX в agile- и lean-командах.
 
5. GOV.uk: Подробное описание процесса найма и профессионального развития дизайнеров.
 
6. Сбер Здоровье: Попробовали применить модель PAEI Ицхака Адизеса к моделям поведения дизайн-менеджеров. Продолжение.
 
7. NN/g: Структурированный подход к собеседованиям дизайнеров.
 
8. Design Value Conference 2022: Мини-конференция от UXPin пройдёт 29 марта в интернете.
 
#designmanagement Открыть/Комментировать

2022-03-14 10:04:13 Свежая и плотная подборка о пользовательских исследованиях:

1. Semrush: Опыт продуктовых экспериментов через метод «фальшивых дверей». Это функции, которые ещё не реализованы, но по интересу пользователей к которым можно предположить их востребованность.

2. Jake Burghardt: Шикарный обзор проблем в использовании базы знаний и инсайтов из пользовательских исследований. Что может пойти не так и какие проблемы у этих данных.

3. Atlassian: Как правильно поставить вопрос исследования.

4. NN/g: Советы по выбору диаграмм для представления отчётов о пользовательских исследованиях и данных аналитики.

5. Jim Lewis и Jeff Sauro: Способы оценить техническую грамотность пользователей. И выясняют, насколько она влияет на эффективность использования интерфейса.

6. Larry S. McGrath: Метод исследования метафор в голове у пользователей. На примере изучения понятия «данные» в Meta.

7. NN/g: Плохие вопросы во время интервью с пользователями.

8. Jeff Sauro и Jim Lewis: Разница между метриками конкретного сценария и всего исследования в целом. Какие задачи они решают и как их выбирать.

9. Meta: Подача результатов исследования. Они советуют фокусировать их на нескольких ключевых выводах в духе «и что это значит?».

10. NN/g: Метод вторичных исследований, когда ведётся работа с уже проводившимися ранее исследованиями.

11. Robert M. Schumacher: Опрос практикующих экспертов на тему изменений работы за время пандемии. Выборка небольшая (100 человек), но в целом дельно.

12. Sarah Osman: Верхнеуровневый обзор процесса проектирования смены поведения пользователей.

13. NN/g: Метод когнитивного пошагового анализа интерфейса. Это позволяет обнаружить часть проблем в экспертным путём.

#research Открыть/Комментировать