Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-февраль 2022.
Паттерны и лучшие практики
A Designer’s Guide to Documenting Accessibility & User Interactions
Мощная памятка по документации макетов и прототипов в плане поддержки accessibility от Stéphanie Walter. Что, где и как описывать, плюс шаблоны в Figma.
Designing A Better Infinite Scroll
Виталий Фридман даёт советы по проектированию хорошей бесконечной прокрутки в интерфейсе.
An inclusive design workflow for product teams
Scott Vinkle рассказывает о процессе работы с accessibility в Shopify. Достаточно подробно описаны все этапы и ключевые участники.
Guiding Principles Behind the Readymag User Interface
Принципы дизайна Readymag на их подробном интерактивном мини-сайте.
Intranet & Enterprise Design: Study Guide
Nielsen/Norman Group сделали структурированную подборку своих статей о дизайне интерфейсов интранета и корпоративных веб-приложений.
Revisiting Facial-Recognition Payment — Old Problems Still Lingering
Leeloo Tang из Nielsen/Norman Group рассказывает о повторном исследовании китайских сервисов для оплаты по лицу в магазинах и кафе. Многие проблемы не решены с 2019 года, но за время пандемии сам механизм стал гораздо более распространённым.
Don’t Alienate Your User: A Primer for Internationalisation & Localisation
Sophie Clifton-Tucker пишет о разнице между локализацией и интернационализацией. А также даёт базовый чеклист по основным моментам.
Как с помощью UX снизить риски для держателей кредитных карт
Markswebb провели исследование процесса открытия кредитной карты. Они собрали рекомендации по интерфейсу процесса их открытия и использования.
I neglected Duolingo for 20 days after signing up. Here’s every email they sent me
Benjamin Davies собрал все письма рассылки Duolingo за первые 20 дней после регистрации. Сервис славится своей уместной геймификацией и вовлечением.
3 High-Level UX Takeaways from 1100+ Hours of Testing Leading Food Delivery and Takeout Sites
Edward Scott рассказывает о новом исследовании Baymard Institute, в котором они изучали сервисы доставки еды.
UX and Net Promoter Benchmarks of Grocery Websites
Katherine Lee, Jeff Sauro и Jim Lewis провели сравнительное UX-исследование американских сайтов доставки продуктов. Они посчитали NPS и SUPR-Q и выявили ключевые драйверы рекомендаций.
6 Tips for Improving Language Switchers on Ecommerce Sites
Советы Feifei Liu из Nielsen/Norman Group по проектированию переключателя языков на сайтах интернет-магазинов.
A UX case study on Revolut Junior
Анализ приложения Revolut Junior от Peter Ramsey.
Building like it’s 1984: Scrollbars in web applications
Michael Villar сделал беглый обзор внешнего вида и поведения полосы прокрутки в основных операционных системах и веб-приложениях.
A UX case study on Gmail
Peter Ramsey разбирает процесс встречи нового пользователя в мобильном приложении Gmail.
Designing for safety and integrity in social technologies
David Gillis, Hailey Cook и Sara Getz описывают интерфейсные паттерны Facebook, помогающие повысить персональную безопасность и снизить негатив в соц.сети.
Дизайн-системы и гайдлайны
Putting the system back in our design system
Laura Griffee рассказывает об обновлении дизайн-системы Shopify. Хотя компоненты были внедрены широко, покрытие токенами было сильно меньше и нужно было починить это.
Kaizen Design System
Дизайн-система сервиса Culture Amp.
Workbench by Gusto
Дизайн-система сервиса Gusto.
How We Document in 2022 (PDF)
Сервис ZeroHeight провёл опрос 500 специалистов, которые работают над дизайн-системами (как в коде, так и в дизайн-инструментах). Есть некоторое количество интересных моментов, хотя и ограниченное.
Spruce CSS
Ещё один простой CSS-фреймворк для дизайн-систем.
Понимание пользователя
Tips for designing social and behaviour change projects
Верхнеуровневый обзор процесса проектирования смены поведения пользователей от Sarah Osman.
Новые инструменты дизайна интерфейсов
Figma
Мартовские обновления. Главное — появился FigJam для iPad. Принцип ранжирования беклога инструмента на примере притчи.
Флагманская конференция Figma Config 2022 пройдёт 10-11 мая 2022 года в онлайне.
Плагины
- Storybook Connect: Позволяет экспериментировать с компонентами в коде, привязывать компоненты к спецификации для разработчиков и в целом наладить хорошую связку между дизайнерами и разработчиками.
Статьи
- Jérôme Benoit: Как организована дизайн-система сервиса Doctorlib.
Adobe XD
Framer
Maxime Heckel: Памятка по анимации лейаутов во Framer Motion.
Sketch 85
Общие обновления интерфейса. Из ценного — токены для цветов с возможностью экспорта в JSON и CSS, а также публичной страницей спецификаций.
Tab Maker
Инструмент от Google позволяет создавать свою страницу пустой новой вкладки.
Color Morph
Генератор mesh-градиентов на SVG и CSS в браузере.
Пользовательские исследования и тестирование
The State of User Research 2022 Report
Свежий отчёт о состоянии профессии UX-исследований от сервиса User Interviews. Они опросили 562 специалиста об особенностях работы, организации команд, инструментах и т.п.
Research Repositories: A ResearchOps Community Program of Work
Brigette Metzler, Bri Norton, Dana Chrisfield и Mark McElhaw сделали обзор основных выводов из исследования того, как ведут базы знаний и инсайтов. Форматы, использование, проблемы и куча других интереснейших жизненных ситуаций от практиков.
What Is the Product-Market Fit (PMF) Item?
Jim Lewis и Jeff Sauro описывают простой опросник PMF (Product-Market Fit) от Sean Ellis и Go Practice. Авторы предполагают, что он помогает оценить попадание продукта в рынок.
How to Report Product Experience Data
Jeff Sauro и Jim Lewis показывают, как правильно узнать и посчитать частоту использования продукта пользователем.
The State of ResearchOps — Untapped Yet
Kara Pernice из Nielsen/Norman Group рассказывает об опросе 353 исследователей и дизайнеров интерфейсов о текущем состоянии ResearchOps. Чем занимается такой человек, если он есть в компании, и как обстоят дела с планированием, инструментами и другими процессами.
How do you ask a “good” research question?
Годная памятка Joyce S. Lee из Atlassian о том, как правильно поставить вопрос исследования.
What’s Your Point? How to Drive Product Strategy With a Clear ‘So What’
Denise Deutschlander и Lise Marken описывают подход к подаче результатов исследования в Meta. Они советуют фокусировать их на нескольких ключевых выводах в духе «и что это значит?».
Four Ways the Pandemic Has Permanently Changed UX Research
Классик UX-исследований Robert M. Schumacher провёл опрос практикующих экспертов на тему изменений работы за время пандемии. Выборка небольшая (100 человек), но в целом дельно.
Shifting to product research and strategic foresight
Alison Harshbarger рассказывает об изменении подхода к исследованиям в Shopify. Они стараются предлагать менеджерам продуктов несколько вариантов будущего, которые помогают сформировать стратегию продукта.
Qualitative Coding for UX Research Analysis
Lizzy Burnam из User Interviews даёт советы по разметке данных из пользовательских исследований.
6 Mistakes When Crafting Interview Questions
Maria Rosala из Nielsen/Norman Group приводит примеры плохих вопросов во время интервью с пользователями.
Визуальное программирование и дизайн в браузере
HTML and CSS in Emails: What Works in 2022?
Daniel Schwarz описывает текущее состояние поддержки CSS и HTML в письмах рассылки на 2022 год. Прогресс есть, хотя и не везде.
Building a loading bar component
Adam Argyle показывает, как грамотно сверстать адаптивный индикатор загрузки с учётом требований accessibility.
Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties
Eric Bailey разбирает особенности поддержки режима высокой контрастности в Windows.
Новые скрипты
- Shader Park: JavaScript-библиотека для работы с 3D и анимацией в браузере.
Дизайн-менеджмент и DesignOps
UX Strategy — Definition and Components
Anna Kaley и Sarah Gibbons из Nielsen/Norman Group описывают свой подход к UX-стратегии.
Demystifying UX strategy — translating business decisions into better experiences for users
Adam Furness из Atlassian описывает свой подход к дизайн-стратегии. Он состоит из трёх этапов: диагностика, общий подход к решению и конкретные действия.
UX Standards and UX Maturity
Brian Traynor анализирует отраслевые стандарты (ISO и другие), которые потенциально применимы для оценки зрелости дизайна в компании.
Арт-дирекшен по любви. Как дизайнеру понять своего руководителя или не ошибиться с выбором нового, часть 1
Иван Соловьёв из Сбер Здоровья попробовал применить модель PAEI Ицхака Адизеса к моделям поведения дизайн-менеджеров. Продолжение.
How GDS’s design recruitment process works
Kate Ivey-Williams, Tim Paul и Antonia Awoyemi подробно описывают процесс найма и профессионального развития дизайнеров в GOV.uk.
Продуктовый менеджмент и аналитика
“The Lean Startup” Is Outdated. Drop Everything That Comes From It
Критика книги Eric Ries «Lean Startup» от Debbie Levitt. Почему, по её мнению она нерелевантна сейчас.
Брендинг цифровых продуктов
Instacart
Ребрендинг сервиса доставки Instacart от британского агентства Wolff Olins и 21st Century Brand.
Gumroad
Ребрендинг платформы для простых онлайн-продаж Gumroad от неизвестных авторов.
Zonda
Ребрендинг криптобиржи Zonda от британского агентства Koto.
Outfit
Айдентика сервиса автоматизации рекламы Outfit от австралийского агентства Bigfish.
Coinbase
Ребрендинг криптобиржи Coinbase от американского агентства Moniker.
Onliner
Ребрендинг сервисов Onliner от беларусского агентства Right.
Luke
Айдентика бота по поиску недвижимости Luke от британского агентства Koto.
OpenWeb
Ребрендинг платформы для медиа OpenWeb от американского агентства Collins.
START
Айдентика видео-сервиса START от российского агентства ONY.
История
Firefox UX History
История развития интерфейса браузера Firefox от первых версий.
Paper at 10
Andrew Allen рассказывает об истории создания легендарного приложения Paper для iPad.
Тренды
Алгоритмический дизайн
GauGAN2
NVIDIA выпустили новую версию своего инструмента, который превращает набросок в фотографию природного ландшафта. Теперь можно генерировать и по текстовому описанию.
Why do all NFTs look the same?
Max Kohler рассуждает о механизме генерации больших коллекций NFT, который приводит к их одинаковости.
Claymorphism — Will It Stick Around?
Adrian Bece рассуждает о «глиноморфизме», одном из трендов 2022 года.
Для общего и профессионального развития
Honest Portfolio — UX Designer
Пародийный сайт-портфолио условного дизайнера.
Люди и компании в отрасли
A day in the life of an interaction designer at GDS
Ann Oduwaiye, Jeremy Yun и Rose Westcott рассказывают о роли и зонах ответственности дизайнера интерфейсов в GOV.uk. Они плотно вовлечены как в понимание проблемы пользователей, так и в эксперименты с прототипами.
Подпишитесь на дайджест в Телеграме, ВКонтакте или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.