Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-июнь 2021.

Курс «Паттерны дизайн-менеджмента»
1 сентября стартует шестой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых пяти отучились 300 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Dodo Pizza, Газпром, EPAM, Foodplex, inDriver, Kaspi, Klarna, Комитет, MacPaw, Mail.ru Group, ManyChat, Microsoft, Miro, Модульбанк, МТС, OneTwoTrip, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, Сбербанк, S7, Selectel, SEMrush, Tele2, Тинькофф, TomTom, Учи.ру, Уралхим, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (чистовик готов на 99%). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли.
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂
Курс Future London Academy по продуктовому дизайну 2021
Традиционно курирую курс Future London Academy по продуктовому дизайну. Он пройдёт 24-26 августа в онлайне. В программе Native Design (Kyle Loughlin), Anaplan (Saskia Liebenberg), Huge Inc, Claire Rowland, Arrival (Jure Martinec) и Magic Leap (Daniel Nieuwenhuizen) с рассказами о дизайн-менеджменте, дополненной реальности, accessibility и современном дизайн-процессе в целом. Хотя выбраться из онлайна всё ещё не дают постоянные ограничения, но за скоро как два года пандемии научились делать его дико интересным.
Паттерны и лучшие практики
10 Usability Heuristics Applied to Virtual Reality
Alita Joyce из Nielsen/Norman Group проанализировала интерфейс шлема виртуальной реальности Oculus Quest по 10 классическим эвристикам юзабилити Нильсена.
DarkPattern.games — Healthy Gaming. Avoid Addictive Dark Patterns
Коллекция примеров тёмных паттернов в играх. Они разбиты по типам грехов. Анонс-обзор.
Frustrating Design Patterns: Broken Filters
Виталий Фридман разбирает проблемы в интерфейсе фильтров в интернет-магазинах. Типичные проблемы и чеклист годного решения.
Improving the Tesco Loan Calculator — The Web Form Designer
Хороший пример пошагового улучшения формы расчёта кредита от Chris Annetts. Это простая на вид задача, но он хорошо обосновывает свои решения.
Case study: How Duolingo Utilises Gamification to Increase User Interest
Jasmine Bilham анализирует геймификацию в приложении Duolingo. Она органично вписывается в суть обучения и не выглядит притянутой за уши.
The Enjoyable Illusion of User Control and Freedom
Maria Meireles разбирает игру Baba is You по интерфейсным эвристикам Нильсена.
Quick tip: Everyday Accessibility
Советы Michele A. Williams по учёту требований accessibility в повседневном использовании — документах и презентациях, публикациях в соц.сетях. Вряд ли у обычного человека есть время на такую гигиену, но это возможно на уровне компании в целом.
15 Tips for Better Signup / Login UX (Illustrated)
Советы по дизайну хорошей формы авторизации от Erik D. Kennedy.
12 Common UX Pitfalls Grocery E-Commerce Sites Suffer From
Edward Scott рассказывает о новом исследовании Baymard Institute — они анализировали сайты заказа продуктов. В целом стандартные проблемы для интернет-магазинов.
Дизайн-системы и гайдлайны
Design System Insights: ROI Report
Крутая памятка по расчёту ROI дизайн-системы от сервиса Knapsack. Хотя она и основана на других публикациях, они собрали вместе ключевые тезисы продажи инициативы на разных этапах (первые запуски, масштабирование, выделенная команда) и привели примеры расчётов.
The 2021 Design Systems Survey
Свежий опрос Sparkbox о текущем состоянии дизайн-систем. Хороший обзор важных тем: метрики, дизайн-долг, отпочковывание систем внутри компаний. Участвовало почти 400 человек из продуктовых команд и агентств.
Knapsack — Design once, build once, use everywhere
Фреймворк для создания дизайн-систем.
What do design system product managers do?
Maya Hampton из REI рассказывает о роли менеджера продукта дизайн-системы.
Build Better Products Faster With Design Systems
Про дизайн-системы наконец-то пишет Gartner. Обзор основных тезисов от Brent Stewart и Van Baker.
How to test component interactions
Varun Vachhar описывает процесс тестирования взаимодействия пользователя с компонентами в Storybook.
Testing composite components
Varun Vachhar описывает процесс тестирования составных компонентов в Storybook.
Clarity Design Architecture Part One
Colin Miller рассказывает о крупном обновлении дизайн-системы VMWare Clarity. Как освежили визуальный язык и обновили всю платформу после этого. Вторая часть.
Co-creating our Atlassian Design System values and principles
Jennie § Yip из Atlassian рассказывает об определении принципов дизайн-системы. Они провели серию воркшопов командой.
Resilient user experience patterns — impactful designs that actually last
Памятка Mitchell Bernstein из IBM по добавлению паттернов в дизайн-систему. Он описывает набор требований в их системе Carbon.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Как составить карту взаимодействия клиента со сложным B2B-продуктом: опыт «Лаборатории Касперского»
Диана Канивец и Ольга Куличкова рассказывают о процессе создания CJM для одного из продуктов Касперского. Получилась неплохая пошаговая памятка.
Problems versus dilemmas — The complex trade-offs produced by social settings
Margaret Stewart из Facebook рассказывает о сложном выборе компании в развитии продукта. Ей часто приходится решать не проблемы, где есть правильный ответ. А дилеммы, где идеального решения не существует и любое вызовет критику.
Новые инструменты дизайна интерфейсов
Figma
Можно делать разные сценарии для одного прототипа. Для каждого будет своя ссылка и описание.
Продвигают создание настольных игр внутри инструмента. Уже есть Монополия, Уно, паззлы, Тетрис, соединение 4 точек, Pictionary. Они используют плагины для создания игровой доски и бросания кубика.
Каталог открытых дизайн-систем в Figma от известных компаний.
Продолжают продвигать создание иллюстраций. Примеры: Железный человек, Loki и пузырёк.

Плагины
- HEIC Import: Импорт изображений в формате HEIC.
Статьи
- Emiliano Cicero: Памятка по работе с интерактивными компонентами.
Sizze
Сервис генерирует нативное мобильное приложение на основе прототипа в Figma. История создания от авторов.
Typedream
Новый инструмент для создания сайтов в браузере.
The Print Shop Club
Эмулятор графического редактора The Print Shop в браузере. Он был выпущен для компьютера Apple II в 1984 году.
GradientArt
Инструмент позволяет делать интересные градиенты в браузере и тут же примерять их на иллюстрации, иконки и текстуры.
Unicode Arrows
Сайт собрал все возможные виды стрелок в Unicode. Кстати, можно заказать массивную цепочку с любой из них.
Пользовательские исследования и тестирование
Caroline Jarrett — Surveys That Work
Rosenfeld Media выпустили книгу Caroline Jarrett «Surveys That Work» о проведении опросов. Выдержка из главы №1.
Common Research Ops Questions Answered: How to Get Headcount for Research Ops
Kate Towsey из Atlassian даёт советы по поиску дополнительных ставок в команду ResearchOps. Как обосновать их и в каких ситуациях они вообще нужны. Это в целом хорошие советы для развития любой компетенции в компании.
How to Write a Survey Question
Пошаговая памятка Jeff Sauro и Jim Lewis по формулированию вопросов в опросниках.
Why 5 Participants Are Okay in a Qualitative Study, but Not in a Quantitative One
Raluca Budiu из Nielsen/Norman Group ещё раз напоминает, что 5 респондентов достаточно только для качественных исследователей, когда вы хотите найти проблемы в интерфейсе. Если вы хотите ранжировать их или получить количественные метрики поведения пользователей — нужно приглашать больше людей.
How Many Participants for Quantitative Usability Studies — A Summary of Sample-Size Recommendations
Raluca Budiu и Kate Moran из Nielsen/Norman Group дают усреднённый ориентир в 40 респондентов для количественного юзабилити-тестирования. Конечно, эта цифра может отличаться для конкретной ситуации и желаемой точности данных, но они обосновывают это среднее.
A video format for impactful design project updates
Vivienne Kay рассказывает о подходе Shopify с короткими видео-презентациями дизайна и исследований. Это ролики по 5-10 минут, в которых автор рассказывает о текущем этапе и результатах работы. Они здорово работают в формате удалёнки.
DIY User Research for Embedded GUI Projects
Агентство Creative Navy рассказывает о быстром способе поиска основных проблем в интерфейсе. Это комбинация из изучения отзывов пользователей, общения с поддержкой и продажами, а также коротких интервью с пользователями. Он позволяет снять верхний слой проблем и получить быструю отдачу для продукта.
Creativity, Compromise, and Caffeine — Remote Research in Emerging Markets
Kate Fenimore, Deanna Graham, Andrew Riungu и Miranda Starks-Rice из Facebook рассказывают об опыте и методах удалённых пользовательских исследований на развивающихся рынках. Это постоянные проблемы со связью, оборудованием и технической грамотностью со стороны респондента, так что приходится быть изобретательными.
Campbell’s Law and the Net Promoter Score
Jeff Sauro и Jim Lewis рассказывают о законе Campbell — система измерений может провоцировать сотрудников компании накрутить её. Они разбирают проблему применительно к NPS.
Визуальное программирование и дизайн в браузере
Using HSL Colors In CSS
Памятка Ahmad Shadeed по работе с HSL-цветами в CSS.
Новые скрипты
Дизайн-менеджмент и DesignOps
Four Factors in UX Maturity
Sarah Gibbons, Kara Pernice, Kate Moran и Kathryn Whitenton рассказывают о 4 составляющих модели зрелости Nielsen/Norman Group: стратегия, культура, процесс и выхлоп. Для каждой свой набор ключевых аспектов.
UX Paradise, Part 3: A Day in UX Paradise
Rolf Molich описывает свою модель зрелости дизайна на примере выдуманной компании и её пути взросления. В третьей части он показывает типичный рабочий день дизайн-менеджера в зрелой компании.
Levelling up the Design Org
Matthew Godfrey рассказывает о карте компетенций компании Redgate. Это связка Google Sheets и Mural.
Redesigning our job levels for product designers
Jonathan Colman рассказывает о доработке карты компетенций дизайнера Intercom. Что не работало в первой версии и как улучшили её.
Как мы в Авито обучаем UX-редакторов
Лиза Архангельская рассказывает о процессе найма и адаптации UX-редакторов в Авито. Они начинали строить экспертизу с нуля и в статье описаны в том числе первые шаги лидера профессии.
Change Management of the Product Experience, Part 2
Scott Himmer описывает несколько полезных подходов к управлению изменениями в дизайне интерфейса. Он ссылается на годную публикацию International Federation for Information Processing с интересными моделями пользовательского опыта.
Stakeholder Mapping in a Large Organisation
Дизайн-команда британской сети магазинов Sainsbury’s использует необычных подход к карте лиц, принимающих решения.
Delivering design education during a global pandemic: lessons learned
Nicole Umphress рассказывает об адаптации программы обучения Patterns для новых дизайнеров к удалённому формату. Они представили курс в виде эмоционального пути с критическими моментами и ростом над собой, а потом разложили по этому принципу все занятия.
Кейсы
An illustration style that speaks for Indeed and reflects our brand identity
Annie Deleon рассказывает о создании унифицированного стиля иллюстраций сервиса Indeed.
Как (и зачем) мы полностью переделали интернет-банк. Опыт Альфа-Банка
Как делали редизайн интернет-банка в Альфе. Ключевые изменения в экранах и сценариях.
A process for solving workflow design problems
Justine Win рассказывает о перепроектировании интерфейса передачи учётной записи Shopify другому человеку.
Брендинг цифровых продуктов
The DixonBaxi Way
Британское брендинговое агентство Dixon Baxi выпустило серию видео о принципах работы и процессе. Они работают на стыке классического и цифрового брендинга — например, делали видео-сервисы Hulu и Pluto, финтех Capital One, а также Audible.
Spotify Dok
Айдентика проекта Spotify Dok от шведского агентства Snask.
Beforepay
Айдентика финтеха Beforepay от британского агентства Design Studio.
Clubhouse
1520
Айдентика сервиса доставки еды 1520 от отечественного агентства Щука.
Plenti
Ребрендинг финтеха Plenti от британского агентства Design Studio.
История
Where did this “Interaction” come from? A Brief History of Interaction Design
История интерактивного искусства от Mahan Mehrvarz и Pouyan Bizeh. Они начинают с первых кинетических экспериментов в начале 20 века и копают до современных подходов.
Palm OS — How does it look today?
Дмитрий Елисеев поставил эмулятор Palm OS и сделал обзор основных экранов.
Тренды
How will Long-Covid Change the UX Accessibility Landscape?
Gareth Ford Williams размышляет на тему влияния эпидемии коронавируса и повальной удалённой работы в пандемию на accessibility. Появятся ли новые требования к интерфейсам в связи с новыми побочками.
50 Book Covers of 2020
Дизайнерская ассоциация AIGA выбрала 50 лучших обложек книг 2020 года.
Статистика рынка
Алгоритмический дизайн
Tricycle — Automation Tools for Designers
Jordan Singer опубликовал серию плагинов для Figma, работающих по принципам алгоритмического дизайна. Они могут сгенерировать интерфейс по текстовому описанию, превратить набросок в макет на базе компонентов и причёсывать макеты. Анонс от автора.
CopyAI — Create Marketing Copy In Seconds
Автоматический генератор рекламных текстов в разных форматах — от баннера до промо-сайта.
Ai SEO
Сервис автоматически генерирует осмысленные тексты с ключевыми словами на базе ruGPT3. Анонс.
The Future of UX Design
Мнения экспертов UXmatters о будущем профессии дизайна интерфейсов. Неплохая провязка с тем, что было 30-40 лет назад и будет дальше. Хотя и без каких-то ярких футуристичных вещей.
Для общего и профессионального развития
Are UI Tips the New Clickbait for Designers?
Graeme Fulton отмечает, что за последние годы жанр простых советов для дизайнеров расплодился до невиданных размеров. В большинстве случаев это, к сожалению, некачественные советы.
Дмитрий Карпов — Мышление как инструмент
Издательство Манн, Иванов, Фербер готовит к выпуску книгу Дмитрия Карпова «Мышление как инструмент». Она посвящена дизайн-мышлению и креативному мышлению в целом. Выдержка одной из глав.
How To Learn Stuff Quickly
Крутой подход Josh W Comeau к самообучению. Он совмещает использование обучающих материалов и эксперименты. В статье описывается их правильное чередование.
UX Bullshit
Генератор околодизайнерского булшита — идиотские методы, слоганы и сервисы.
Люди и компании в отрасли
Канон ВКонтакте
Дизайн-команда ВКонтакте опубликовала свою внутреннюю базу знаний. Это сокращённая версия, а вот что есть в полной.
Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме, vc.ru или по почте ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.