Свежие материалы о дизайн-системах подоспели:
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
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
storybook.js.org
Showcase | Storybook
Explore 1000s of components and libraries
Ловите большую пачку свежих книг по дизайну интерфейсов:
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
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
Издательство МИФ
Путь клиента (Джим Калбах) — купить в МИФе
Множество примеров и подробных диаграмм. Бумажная, электронная книга (pdf). Читать отзывы и скачать главу.
❤1
Свежая и плотная подборка о пользовательских исследованиях:
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
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
vc.ru
Как улучшать продукт методом Fake Door — Semrush на vc.ru
Быстро и без вреда пользовательскому опыту проверяем предпочтения и ожидания аудитории.
Свежая мини-подборка о дизайн-менеджменте:
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
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
vc.ru
Зачем нужен дизайн-менеджер и как им стать
Привет! Меня зовут Егор Красноперов, я работаю дизайн-менеджером в ManyChat. В этой статье хочу поделиться личным опытом и рассказать, как мы в компании пришли к этой роли, какой смысл в неё вкладываем, какой результат получили, и какие советы я бы дал себе…
Интерес к теме алгоритмического дизайна подупал, как и количество интересных проектов. Но кой-чо новое проскакивает:
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
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
Amy Goodchild
What is Generative Art? — Amy Goodchild
Randomness, rules and natural systems. Some non-restrictive definitions and an exploration of the form.
Собрал дайджест продуктового дизайна за февраль 2022. Энциклопедия компонентов, история интерфейсов, генеративное искусство, дизайн-мошенничество, база знаний и инсайтов, найм и сессии дизайн-критики, голосовые интерфейсы, дизайн-системы, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Выпуск вышел с большой задержкой из-за вынужденного переезда хостинга. Его всё ещё колбасит, но дальше задерживать публикацию уже было некуда.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Выпуск вышел с большой задержкой из-за вынужденного переезда хостинга. Его всё ещё колбасит, но дальше задерживать публикацию уже было некуда.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Свежая мини-подборка о лучших интерфейсных паттернах и практиках:
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
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
Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.
A Designer’s Guide to Documenting Accessibility & User Interactions by Stéphanie Walter
Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive
Свежий мини-дайджест о пользовательских исследованиях:
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
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
Medium
Research Repositories: A ResearchOps Community Program of Work
Top level findings
👍1
Собрал дайджест продуктового дизайна за март 2022. Поддержка accessibility, брендинг цифровых продуктов, состояние профессии UX-исследований, история интерфейса Firefox, интранеты, бесконечная прокрутка, оплата по лицу, алгоритмический дизайн, стандарты, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Мини-подборка свежих заходов на связь бренда с интерфейсом в айдентике:
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
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
Instacart
Carrot Evolution: A New Brand Identity to Reflect a New Ambition | Instacart
As Instacart’s business continues to grow and expand, it’s important that our brand identity reflects the company’s evolution. When we started Instacart a decade ago, we were just a grocery delivery company, and our main...
Свежее дополнение к коллекции годноты о дизайн-менеджменте:
1. Подходы Nielsen/Norman Group и Atlassian к UX-стратегии.
2. NN/g: 5 видов орг.структур команды DesignOps, помогающей системно управлять дизайном в компании.
3. GOV.uk: Роль и зоны ответственности дизайнера интерфейсов в компании. Они плотно вовлечены как в понимание проблемы пользователей, так и в эксперименты с прототипами.
4. Cisco: Принципы дизайна компании и подход к их формулированию в целом. Хороший подход, строящийся на противопоставлении.
5. Atlassian: Толковые советы по налаживанию кросс-функционального взаимодействия между дизайнерами и другими участниками продуктовой команды.
#management
1. Подходы Nielsen/Norman Group и Atlassian к UX-стратегии.
2. NN/g: 5 видов орг.структур команды DesignOps, помогающей системно управлять дизайном в компании.
3. GOV.uk: Роль и зоны ответственности дизайнера интерфейсов в компании. Они плотно вовлечены как в понимание проблемы пользователей, так и в эксперименты с прототипами.
4. Cisco: Принципы дизайна компании и подход к их формулированию в целом. Хороший подход, строящийся на противопоставлении.
5. Atlassian: Толковые советы по налаживанию кросс-функционального взаимодействия между дизайнерами и другими участниками продуктовой команды.
#management
Nielsen Norman Group
UX Strategy: Definition and Components
A UX strategy is a 3-part plan that fosters shared understanding of direction toward achieving goals before designing and implementing solutions. It serves to intentionally guide the prioritization and execution of UX work over time.
Свежие материалы об интерфейсных паттернах и лучших практиках копятся очень быстро:
1. Виталий Фридман: Шикарный разбор интерфейсного паттерна «карусель». Много отличных нестандартных примеров, которые решают его родовые проблемы.
2. Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.
3. Casper Kessels: Минимальный размер области нажатия элементов интерфейса для сенсорных экранов в авто. Это минимум 100px.
4. Яндекс Go: Адаптация мобильного приложения для незрячих пользователей.
5. WebAIM: Проанализировали миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.
6. Adam K: Особенности дизайна упрощённой версии Инсты для стран со слабыми телефонами и интернетом.
7. NN/g: Способы повысить автономность пользователя в интерфейсе.
#patterns
1. Виталий Фридман: Шикарный разбор интерфейсного паттерна «карусель». Много отличных нестандартных примеров, которые решают его родовые проблемы.
2. Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.
3. Casper Kessels: Минимальный размер области нажатия элементов интерфейса для сенсорных экранов в авто. Это минимум 100px.
4. Яндекс Go: Адаптация мобильного приложения для незрячих пользователей.
5. WebAIM: Проанализировали миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.
6. Adam K: Особенности дизайна упрощённой версии Инсты для стран со слабыми телефонами и интернетом.
7. NN/g: Способы повысить автономность пользователя в интерфейсе.
#patterns
Smashing Magazine
Usability Guidelines For Better Carousels UX — Smashing Magazine
Carousels have plenty of accessibility issues, they often exhibit low click-through rates, can be very disruptive when auto-advancing and people frequently scroll past through them. In this series of articles, we highlight design patterns and techniques to…
👍2
Собрал дайджест продуктового дизайна за апрель 2022. Звуки и запахи в интерфейсе, алгоритмический дизайн, метрики, информационная архитектура, карусель, accessibility, оргструктуры, дизайн-системы, концепт-кары, принципы дизайна, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Сегодня должен был выйти традиционный разбор нового для дизайнеров в свежем Android 13, но его особо нет — разве что оптимизация для мёртвого жанра планшетов. Зато опять накопилась огромная пачка годноты про пользовательские исследования:
1. Jeff Sauro и Jim Lewis: Бомбейший справочник метрик для оценки конкретных сценариев интерфейса. В том числе много сверхдетальных и небанальных.
2. Fred Reichheld, Darci Darnell и Maureen Burns: Важное дополнение к NPS: концепция «заработанного» роста. Она считает клиентов, которые пришли благодаря хорошему сервису, т.е. продолжили пользоваться или начали благодаря рекомендации. Многие компании научились манипулировать NPS, так что они пытаются сбалансировать метрику статистикой реальных продаж. Занятно, что это противоречит школе мысли Byron Sharp, который не верит в заметный рост благодаря рекомендациям.
3. Indeed: История развития команды пользовательских исследований. Как они выросли с 2 до 100 человек.
4. User Interviews: Обзор сервисов для проведения этнографических исследований.
5. Dovetail: Как правильно сформулировать вопрос и цели исследования. А дальше — подготовить конкретный сценарий вопросов для респондента.
6. Jonathan Richardson: Стратегия пользовательских исследований для серии связанных проектов. Часть 2.
7. Connor Joyce: Разница между профессиями Data Science, User Experience и поведенческой наукой. Они анализируют пользователя с разных точек зрения. В другой статье он описывает своё понимание профессии специалиста по прикладному поведению пользователей.
8. NN/g: Советы по презентации результатов.
9. User Interviews: Воркшоп по проектированию таксономии базы знаний и инсайтов из пользовательских исследований. В статье материалы и шаблон.
10. Dovetail: Триангуляция данных.
11. Jim Lewis и Jeff Sauro: Влияет ли направление шкалы в опроснике SEQ (от простого к сложному или наоборот) на результаты исследования. Спойлер: не особо.
12. User Interviews: Как демократизируют пользовательские исследования в компании.
13. Steve Bromley: Советы по написанию отчёта о пользовательских исследованиях игр.
14. NN/g: Рекрутинг респондентов с высоким доходом, которых сложно найти обычными способами.
15. Salesforce: Выводы из исследования работы операторов поддержки в пост-пандемийную эпоху.
16. Толковая дискуссия с Nada Alnakeeb из DoorDash и Joanna Perez из Netflix о базах знаний и инсайтов из пользовательских исследований.
#research
1. Jeff Sauro и Jim Lewis: Бомбейший справочник метрик для оценки конкретных сценариев интерфейса. В том числе много сверхдетальных и небанальных.
2. Fred Reichheld, Darci Darnell и Maureen Burns: Важное дополнение к NPS: концепция «заработанного» роста. Она считает клиентов, которые пришли благодаря хорошему сервису, т.е. продолжили пользоваться или начали благодаря рекомендации. Многие компании научились манипулировать NPS, так что они пытаются сбалансировать метрику статистикой реальных продаж. Занятно, что это противоречит школе мысли Byron Sharp, который не верит в заметный рост благодаря рекомендациям.
3. Indeed: История развития команды пользовательских исследований. Как они выросли с 2 до 100 человек.
4. User Interviews: Обзор сервисов для проведения этнографических исследований.
5. Dovetail: Как правильно сформулировать вопрос и цели исследования. А дальше — подготовить конкретный сценарий вопросов для респондента.
6. Jonathan Richardson: Стратегия пользовательских исследований для серии связанных проектов. Часть 2.
7. Connor Joyce: Разница между профессиями Data Science, User Experience и поведенческой наукой. Они анализируют пользователя с разных точек зрения. В другой статье он описывает своё понимание профессии специалиста по прикладному поведению пользователей.
8. NN/g: Советы по презентации результатов.
9. User Interviews: Воркшоп по проектированию таксономии базы знаний и инсайтов из пользовательских исследований. В статье материалы и шаблон.
10. Dovetail: Триангуляция данных.
11. Jim Lewis и Jeff Sauro: Влияет ли направление шкалы в опроснике SEQ (от простого к сложному или наоборот) на результаты исследования. Спойлер: не особо.
12. User Interviews: Как демократизируют пользовательские исследования в компании.
13. Steve Bromley: Советы по написанию отчёта о пользовательских исследованиях игр.
14. NN/g: Рекрутинг респондентов с высоким доходом, которых сложно найти обычными способами.
15. Salesforce: Выводы из исследования работы операторов поддержки в пост-пандемийную эпоху.
16. Толковая дискуссия с Nada Alnakeeb из DoorDash и Joanna Perez из Netflix о базах знаний и инсайтов из пользовательских исследований.
#research
Measuringu
A Guide to Task-Based UX Metrics – MeasuringU
👍1
И снова о дизайн-менеджменте:
1. Tim Kieschnick: Концепция «лидерского потолка». Он оценивает три ключевых составляющих (цель, люди, процесс) по наименее успешному из них — это и есть потолок, который будет тормозить все инициативы. И предлагает разные подходы к работе с ним.
2. Jeff Zych: Советы по созданию «концепт-каров» или «путеводной звезды» — концептов, которые показывают будущее продукта через несколько лет.
3. Shopify: Интересный подход к решению дизайн-долга — отдельная команда, которая ищет и решает проблемы в админке продавцов.
4. Atlassian: Правила обратной связи для обсуждения дизайна.
5. NN/g: Обзор форматов интерфейсных roadmap. Кто, когда и как делает их.
6. Виталий Фридман: Метрики дизайна конкретного продукта.
7. Design Dept: Советы по проведению изменений в организации. Часть 2 и 3.
8. Mia Blume: Ограничения роли играющего тренера. Она считает, что это возможно только на относительно короткий период перехода в роль постоянного лидера.
#management
1. Tim Kieschnick: Концепция «лидерского потолка». Он оценивает три ключевых составляющих (цель, люди, процесс) по наименее успешному из них — это и есть потолок, который будет тормозить все инициативы. И предлагает разные подходы к работе с ним.
2. Jeff Zych: Советы по созданию «концепт-каров» или «путеводной звезды» — концептов, которые показывают будущее продукта через несколько лет.
3. Shopify: Интересный подход к решению дизайн-долга — отдельная команда, которая ищет и решает проблемы в админке продавцов.
4. Atlassian: Правила обратной связи для обсуждения дизайна.
5. NN/g: Обзор форматов интерфейсных roadmap. Кто, когда и как делает их.
6. Виталий Фридман: Метрики дизайна конкретного продукта.
7. Design Dept: Советы по проведению изменений в организации. Часть 2 и 3.
8. Mia Blume: Ограничения роли играющего тренера. Она считает, что это возможно только на относительно короткий период перехода в роль постоянного лидера.
#management
Peter Merholz
The Leadership Ceiling: a framework for diagnosing your situation
Thoughts, stories and ideas.
👍1
Свежий дроп интерфейсных паттернов и лучших практик:
1. Виталий Фридман: Грамотные способы сделать переключение языка в интерфейсе.
2. NN/g: Поиск в интранете.
3. EightShapes: 4 компромисса при проектировании меню.
4. Google Cloud: Исследование кросс-платформенной работы пользователей. Как они переключаются между графическим интерфейсом, командной строкой и другими способами управления сложным сервисом.
5. Casper Kessels: Тест автомобильного интерфейса Porsche Taycan. Он подробно описывает его работу.
6. NN/g: Представление товаров с модификациями в интернет-магазинах.
7. Indeed: Памятка по дизайну инклюзивных интерфейсов. Анонс от Sneha Dasgupta — https://indeed.design/article/how-inclusive-are-your-designs-use-this-audit-to-find-out.
8. Jeff Sauro, Dylan Atkins и Jim Lewis: Сравнительное юзабилити-тестирование новостных сайтов. Они выделили ключевые драйверы хорошего отношения к ним.
9. Baymard: Типичные проблемы в представлении скидок в интернет-магазинах.
#patterns
1. Виталий Фридман: Грамотные способы сделать переключение языка в интерфейсе.
2. NN/g: Поиск в интранете.
3. EightShapes: 4 компромисса при проектировании меню.
4. Google Cloud: Исследование кросс-платформенной работы пользователей. Как они переключаются между графическим интерфейсом, командной строкой и другими способами управления сложным сервисом.
5. Casper Kessels: Тест автомобильного интерфейса Porsche Taycan. Он подробно описывает его работу.
6. NN/g: Представление товаров с модификациями в интернет-магазинах.
7. Indeed: Памятка по дизайну инклюзивных интерфейсов. Анонс от Sneha Dasgupta — https://indeed.design/article/how-inclusive-are-your-designs-use-this-audit-to-find-out.
8. Jeff Sauro, Dylan Atkins и Jim Lewis: Сравнительное юзабилити-тестирование новостных сайтов. Они выделили ключевые драйверы хорошего отношения к ним.
9. Baymard: Типичные проблемы в представлении скидок в интернет-магазинах.
#patterns
Smashing Magazine
Designing A Perfect Language Selector UX — Smashing Magazine
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Can we fix it? Absolutely!…
Вчера прошла ежегодная WWDC, выставка новых операционок Apple. Как и месяц назад в Android 13, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Но два раза пропускать анонсы грешно, так что подсвечу хотя бы это:
iOS 16
— Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр.
— Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение. А ещё — скопировать текст из видео.
— Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.
— Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.
— Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном месте.
— Объявили финалистов Apple Design Awards — https://developer.apple.com/design/awards/
iPadOS 16
— Развитие многозадачности: окна могут наслаиваться, как в обычной десктопной ОС. Можно также подключить внешний монитор как дополнительный рабочий стол.
— Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.
CarPlay
— Более тесная интеграция в интерфейс машины.
watchOS 9
— Развитие функций отслеживания здоровья и обновления ключевых приложений.
Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.
Бета-версии появятся в июле. Возможно, в следующем году будет что-то и для дизайнеров интерфейсов. Хотя продуктовым командам облегчение — меньше ежегодной подгонки приложений.
#ios #trends #events
iOS 16
— Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр.
— Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение. А ещё — скопировать текст из видео.
— Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.
— Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.
— Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном месте.
— Объявили финалистов Apple Design Awards — https://developer.apple.com/design/awards/
iPadOS 16
— Развитие многозадачности: окна могут наслаиваться, как в обычной десктопной ОС. Можно также подключить внешний монитор как дополнительный рабочий стол.
— Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.
CarPlay
— Более тесная интеграция в интерфейс машины.
watchOS 9
— Развитие функций отслеживания здоровья и обновления ключевых приложений.
Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.
Бета-версии появятся в июле. Возможно, в следующем году будет что-то и для дизайнеров интерфейсов. Хотя продуктовым командам облегчение — меньше ежегодной подгонки приложений.
#ios #trends #events
Apple Developer
WWDC25
Revisit an incredible week of technology and creativity.
Собрал дайджест продуктового дизайна за май 2022. Android 13, бессмысленность трендов, алгоритмический дизайн, ультимативный список метрик, навигация, стратегия исследований, потолок дизайн-менеджера, технологии передачи цвета, инклюзивный и этичный дизайн, паралич люксовых интернет-магазинов и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS
Решил побить рекорд по объёму подборки по пользовательским исследованиям. Большое плотнотеево:
1. Gerry McGovern: Топовая памятка по методу анализа топовых задач пользователей в продукте. Это один из самых полезных способов понять потребности пользователей.
2. Robin Zaragoza: Отличная памятка по выбору методов исследований при поиске и понимании проблемы пользователей.
3. NN/g: Советы по демократизации пользовательских исследований. Как научить коллег проводить простые исследования, чтобы у профессионалов оставалось время на сложные.
4. Spotify: Особенности этнографических исследований в эпоху вечной удалёнки.
5. NN/g: Сравнение методов персонажей и архетипов для описания целевой аудитории.
6. Salesforce: Опытом практического использования персонажей.
7. Shopify: Комбинация методов исследований в продуктовой работе.
8. Marty Cagan: Интервью о его понимании роли и формата пользовательских исследований в современной продуктовой работе.
9. Steve Bromley: Памятки по проведению игровых тестов и поиску респондентов для них.
10. Airtime: Советы по созданию собственной панели респондентов.
11. IBM: Комбинация методов исследований для ранжирования беклога.
12. NN/g: Чеклист для модератора юзабилити-тестирования.
13. Shaun Genter, Yazmín García Trejo и Elizabeth Nichols: Разница в способах представления опросов, где от пользователя требуется расставить список в нужном порядке. У перетаскивания и вбивания номеров вручную свои плюсы и минусы.
14. NN/g: 4 типа пользователей, которые покупают люксовую одежду и аксессуары. Чем отличается их поведение и каковы их потребности.
15. Dan Busso: Как снизить эффект «социальной благожелательности» при проведении пользовательских исследований. Например, при общении с подростками.
#research
1. Gerry McGovern: Топовая памятка по методу анализа топовых задач пользователей в продукте. Это один из самых полезных способов понять потребности пользователей.
2. Robin Zaragoza: Отличная памятка по выбору методов исследований при поиске и понимании проблемы пользователей.
3. NN/g: Советы по демократизации пользовательских исследований. Как научить коллег проводить простые исследования, чтобы у профессионалов оставалось время на сложные.
4. Spotify: Особенности этнографических исследований в эпоху вечной удалёнки.
5. NN/g: Сравнение методов персонажей и архетипов для описания целевой аудитории.
6. Salesforce: Опытом практического использования персонажей.
7. Shopify: Комбинация методов исследований в продуктовой работе.
8. Marty Cagan: Интервью о его понимании роли и формата пользовательских исследований в современной продуктовой работе.
9. Steve Bromley: Памятки по проведению игровых тестов и поиску респондентов для них.
10. Airtime: Советы по созданию собственной панели респондентов.
11. IBM: Комбинация методов исследований для ранжирования беклога.
12. NN/g: Чеклист для модератора юзабилити-тестирования.
13. Shaun Genter, Yazmín García Trejo и Elizabeth Nichols: Разница в способах представления опросов, где от пользователя требуется расставить список в нужном порядке. У перетаскивания и вбивания номеров вручную свои плюсы и минусы.
14. NN/g: 4 типа пользователей, которые покупают люксовую одежду и аксессуары. Чем отличается их поведение и каковы их потребности.
15. Dan Busso: Как снизить эффект «социальной благожелательности» при проведении пользовательских исследований. Например, при общении с подростками.
#research
Smashing Magazine
Top Tasks: To Focus On What Matters You Must De-Focus On What Doesn’t — Smashing Magazine
We waste so much today. One way of focusing on what truly matters is by identifying Top Tasks for yourself. In this article, Gerry McGovern will show you how to make tough decisions by focusing on the real, quantifiable evidence that will help create a better…
Выпуск о дизайн-менеджменте был совсем недавно, но быстро набежало ещё годноты:
1. Jeff Sauro и Jim Lewis: Уникальная памятка по интерфейсным метрикам на уровне всего исследования. Удовлетворённость и лояльность, бренд и визуальный дизайн, юзабилити и полезность, доверие, плюс куча специализированных вроде голосовых интерфейсов.
2. NN/g: Шаблон для формата описания ответственных по проекту RACI. Anna Kaley описывает его суть.
3. Design Dept: Способы управления календарём.
4. NN/g: Результаты исследования по современным подходам к найму дизайнеров, когда многие привыкли к миру удалёнки.
5. Joshua Mauldin: Советы по организации обратной связи по дизайну при удалённой работе.
6. Salesforce: Развитие навыков командной работы. Это часть их карты компетенций.
7. Design Dept: Важность навыков фасилитации для дизайн-менеджера. Как они помогают выводить сложные ситуации из конфликта в компромисс.
8. Сбер Здоровье: Как наладить здоровое взаимодействие между дизайнером и менеджером продукта. Чтобы менеджер приходил с проблемой, а не решением.
#management
1. Jeff Sauro и Jim Lewis: Уникальная памятка по интерфейсным метрикам на уровне всего исследования. Удовлетворённость и лояльность, бренд и визуальный дизайн, юзабилити и полезность, доверие, плюс куча специализированных вроде голосовых интерфейсов.
2. NN/g: Шаблон для формата описания ответственных по проекту RACI. Anna Kaley описывает его суть.
3. Design Dept: Способы управления календарём.
4. NN/g: Результаты исследования по современным подходам к найму дизайнеров, когда многие привыкли к миру удалёнки.
5. Joshua Mauldin: Советы по организации обратной связи по дизайну при удалённой работе.
6. Salesforce: Развитие навыков командной работы. Это часть их карты компетенций.
7. Design Dept: Важность навыков фасилитации для дизайн-менеджера. Как они помогают выводить сложные ситуации из конфликта в компромисс.
8. Сбер Здоровье: Как наладить здоровое взаимодействие между дизайнером и менеджером продукта. Чтобы менеджер приходил с проблемой, а не решением.
#management
Measuringu
A Guide to Study-Based UX Metrics – MeasuringU
Семейная упаковка свежих материалов о лучших интерфейсных паттернах и практиках:
1. Стас Хрусталёв: Каталоги паттернов интернет-магазинов:
— Допродажи и кросс-продажа
— Характеристики и описание товара
— Фотографии и видео товара
2. platformOS: Перепроектирование сайта с документацией для разработчиков. Хороший поэтапный рассказ с кучей деталей и методов.
3. GOV.uk: Чат-бот поддержки в британских государственных сервисах. Как проектировали его и с какими проблемами столкнулись.
4. NN/g: Почему многие люксовые бренды делают такие плохие интернет-магазины по сравнению с фешенебельным опытом в офлайне.
5. Wikipedia: Работа над функциями редактирования материалов в версии для Android.
6. Baymard: Как выделять кликабельные элементы в сложных карточках. Тем более, если есть риск перепутать области нажатия.
7. Sophie Clifton-Tucker: Оптимизация интерфейса под разные виды «нейроразнрообразия» (термин, который всё чаще всплывает в дизайнерских статьях).
8. Growth Design: Отличный паттерн для включения уведомлений в LinkedIn. Он гипер-контекстный и от этого работает особенно удачно.
9. Instamart: Работа над функцией популярных заказов. Как пришли к идее, анализировали и исследовали её.
10. Salesforce: Доработка интерфейса карт для пользователей с нарушениями цветового восприятия.
11. Andrew Allen: Экспериментальное приложение-планировщик, которое делает момент закрытия задачи выдающимся.
12. MeasuringU: Свежее сравнительное исследование американских сайтов и сервисов недвижимости. Они выделяют ключевые драйверы, влияющие на оценку.
13. NN/g: Беглый обзор особенностей взаимодействия с ресторанами без обслуживания людьми.
14. Eric Bailey: Оформление ссылок и кнопок со скрытым полным названием для правильной поддержки accessibility.
#patterns
1. Стас Хрусталёв: Каталоги паттернов интернет-магазинов:
— Допродажи и кросс-продажа
— Характеристики и описание товара
— Фотографии и видео товара
2. platformOS: Перепроектирование сайта с документацией для разработчиков. Хороший поэтапный рассказ с кучей деталей и методов.
3. GOV.uk: Чат-бот поддержки в британских государственных сервисах. Как проектировали его и с какими проблемами столкнулись.
4. NN/g: Почему многие люксовые бренды делают такие плохие интернет-магазины по сравнению с фешенебельным опытом в офлайне.
5. Wikipedia: Работа над функциями редактирования материалов в версии для Android.
6. Baymard: Как выделять кликабельные элементы в сложных карточках. Тем более, если есть риск перепутать области нажатия.
7. Sophie Clifton-Tucker: Оптимизация интерфейса под разные виды «нейроразнрообразия» (термин, который всё чаще всплывает в дизайнерских статьях).
8. Growth Design: Отличный паттерн для включения уведомлений в LinkedIn. Он гипер-контекстный и от этого работает особенно удачно.
9. Instamart: Работа над функцией популярных заказов. Как пришли к идее, анализировали и исследовали её.
10. Salesforce: Доработка интерфейса карт для пользователей с нарушениями цветового восприятия.
11. Andrew Allen: Экспериментальное приложение-планировщик, которое делает момент закрытия задачи выдающимся.
12. MeasuringU: Свежее сравнительное исследование американских сайтов и сервисов недвижимости. Они выделяют ключевые драйверы, влияющие на оценку.
13. NN/g: Беглый обзор особенностей взаимодействия с ресторанами без обслуживания людьми.
14. Eric Bailey: Оформление ссылок и кнопок со скрытым полным названием для правильной поддержки accessibility.
#patterns
Hardclient
Допродажа и cross-sell на странице товара в интернет-магазине: 19 идей и 53 гайдлайна
Лучшие практики UX/UI в E-Commerce