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

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 Открыть/Комментировать

2022-02-28 10:04:17 Ловите большую пачку свежих книг по дизайну интерфейсов:
 
1. Перевод второго издания Джима Калбаха «Путь клиента». Выдержка из главы №2.
 
2. Katie Swindler «Life and Death Design». Она посвящена ситуациям на грани жизни и смерти, а также технологиям и интерфейсам, которые помогают в них. Выдержка из главы 1.
 
3. Christian Crumlish «Product Management for UX People. From Designing to Thriving in a Product World» об управлении продуктами для дизайнеров. Выдержка из главы 1.

4. MIT Press готовят к выходу Don Norman «Design for a Better World: How to create a meaningful, sustainable, and humanity-centered future». Содержание, выдержка из вводной части и главы 22.

5. Rachel McConnell «Leading Content Design». Она посвящена управлению редактурой в компании.
 
6. Debbie Milman «Why Design Matters». Это полсотни интервью с дизайнерами.
 
7. В начале 2021 года вышла Gregg Bernstein «Research Practice» о современных подходах в пользовательских исследованиях.
 
8. Перевод Jon Yablonski «Laws of UX». Она посвящена базовым законам пользовательского взаимодействия с разбором на примерах.
 
9. Оказывается, Julie Zhuo «The Making of a Manager» для начинающих дизайн-менеджеров перевели на русский ещё в 2020 году.
 
А вот что на подходе у Rosenfeld Media:
1. Joshua Mauldin «We Need to Talk»
2. Jenae Cohn & Michael Greer «Design for Learning»
3. Heidi Trost «Human-Centered Security»
 
#books Открыть/Комментировать

2022-02-24 10:04:15 Свежие материалы о дизайн-системах подоспели:
 
1. Storybook: «Энциклопедия компонентов» — это каталог открытых живых гайдлайнов крупных компаний на базе фреймворка. Анонс с обзором самых интересных.
 
2. Brad Frost: Плюсы и минусы двух подходов к версионированию — весь фреймворк или отдельные компоненты. Сам он обычно использует первый подход.
 
3. Beamery: Процесс добавления нового компонента.
 
4. Lukas Oppermann: Принципы именования токенов.
 
5. Matthew Ström: Разница между дизайн-системой как словарём с заранее определёнными требованиями и набором функций, которые генерируют значения для конкретной ситуации.
 
6. Storybook: Советы по организации живого гайдлайна.
 
7. Google: Как нашли подход к динамическому созданию цветовых палитр из основного цвета темы оформления в Material You.
 
8. Lukas Oppermann: Серия статей о поддержке accessibility. В первой части разбирает цвет.
 
Инструменты и фреймворки
— Supernova: Переосмыслили инструмент в сторону менеджера дизайн-систем. Он помогает хранить константы в едином месте и экспортировать их в Figma и компонентные фреймворки.
 
— Story to Design: Сервис генерирует шаблоны в Figma из компонентов на React, которые описаны в Storybook.
 
— NextUI: Фреймворк для дизайн-систем на React.
 
Примеры
— Сбербанк Онлайн для iOS и Android. Это промо-сайт со ссылками на ранее запущенный сайт и другие страницы, компоненты недоступны снаружи.
 
— Государственные органы Калифорнии.
 
#designsystems Открыть/Комментировать