Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-июнь 2021.
Курс «Паттерны дизайн-менеджмента»
1 сентября стартует восьмой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых семи отучились почти 500 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Clay, Газпром, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Foodplex, HeadHunter, inDriver, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Луч, MacPaw, Mail.ru Group, Манго Офис, ManyChat, М.Видео, Microsoft, Miro, Модульбанк, МТС, Okko, OneTwoTrip, Opera, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Tele2, Тинькофф, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (идёт подготовка к печати). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂
Паттерны и лучшие практики
Designing A Better Pricing Page
Виталий Фридман разбирает лучшие практики дизайна таблицы тарифов. Тонна примеров для разных ситуаций.
Mobile UX: Study Guide
Nielsen/Norman Group сделали структурированную подборку своих статей о мобильных интерфейсах.
Navigation patterns in VR — How to help users jump between scenes
Albert Mauri анализирует навигационные паттерны для перемещения между сценами в виртуальной реальности.
83% of Apparel Sites Don’t Provide Sufficient Sizing Information — 10 Best Practices on Sizing
Советы Edward Scott из Baymard по показу размеров в интернет-магазинах.
Comparing the UX of diabetes monitoring systems
Kaylan Wingard анализирует интерфейс нескольких поколений устройств для диабетиков.
Apple Maps vs Google Maps (UX analysis)
Peter Ramsey сравнивает особенности использования карт Google и Apple на смартфонах.
Where’s the fun in accessibility?
Elise Hein рассуждает на тему того, что оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. И нужно ли что-то делать с этим.
UX and NPS Benchmarks of Airline Websites (2022)
MeasuringU обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
Дизайн-системы и гайдлайны
Building Workbench. How we created the Timeline component
Josh Cusick подробно рассказывает о процессе создания нового компонента в дизайн-системе Workbench.
What You Need to Know About the New Salesforce Kinetics System
Pavithra Ramamurthy рассказывает о новом языке анимации в дизайн-системе Salesforce. Сам раздел и примеры. Как его внедряют на ключевых сайтах.
Тёмная тема оформления
Illuminating dark mode
Shirley Miao рассказывает о создании тёмной темы оформления в Figma. Ещё один пример того, что этот переход — один из главных драйверов перехода к семантическим токенам.
The Complete Guide to the Dark Mode Toggle
Памятка Ryan Feigenbaum по созданию переключателя тёмной темы оформления на сайте.
Subcomponents
Nathan Curtis рассказывает о концепции субкомпонентов дизайн-системы. Они полезны, если хочется дать командам возможность кастомизации типовых компонентов, но сделать её контролируемой.
The Many Faces of Themeable Design Systems
Brad Frost подробно описывает свой подход к созданию тем оформления в дизайн-системе. В статье толковая классификация ситуаций, в которых тема нужна.
How to push the limits of a design system
José Torre рассказывает об инициативе PolarisLab, которая призвана делать эксперименты с дизайн-системой Shopify вместе с продуктовыми командами.
Storybook 7.0 design sneak peek
Обзор обновлений интерфейса грядущего Storybook 7.0. В целом, конечно, требуется скорее качественный рывок вперёд.
Понимание пользователя
Rapid Personas — A play for your UX Playbook
Dan Brown рассказывает о своём подходе «быстрых персонажей». Они хорошо работают на рабочих сессиях по продумыванию продукта.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Taxonomy 101 — Definition, Best Practices, and How It Complements Other IA Work
Памятка Page Laubheimer из Nielsen/Norman Group по концепции таксономии в информационной архитектуре.
Инструменты дизайна интерфейсов
Figma
Июльские обновления. Переработка сообществ, пространств для команд и общие улучшения интерфейса.
Плагины
- Propstar: Создаёт таблицу, которая показывает все версии компонента (включая варианты и свойства).
- Lingo: Интеграция с Figma.
Статьи
- Marc Andrew: Советы по работе с новыми свойствами компонентов.
- Владимир Красильников: Система хранения макетов.
Readymag
Запустили библиотеку компонентов, которые можно использовать в своих проектах.
Пользовательские исследования и тестирование
When to Use Which User-Experience Research Methods
Christian Rohrer немного обновил свою легендарную шпаргалку по методам пользовательских исследований. К ней идёт хорошее пояснение категоризации под задачу.
Affinity Mapping — Synthesize User Research Data in 5 Steps
Sina Schreiber из Condens показывает, как составить карту родства тем из результатов пользовательского исследования. В идеале — в виде совместной рабочей сессии.
User Diary Studies — An effective research method for evaluating user behavior long-term
Крутая памятка сервиса Condens по проведению дневниковых исследований от Stéphanie Walter.
5 Tips On Implementing A Survey Strategy
Evi K. Hui рассказывает о приведении в порядок всех опросов Flexport. Как привязали их к конкретным вопросам и выстроили внятный график, который не достаёт пользователей.
Как влиять на судьбу итогов исследования, даже если ты не в команде
Юлиана Пономарёва из Контура рассказывает о формате презентации результатов пользовательского исследования для продуктовых команд, с которыми исследователь не работает постоянно.
Activating insights to overcome common barriers to product impact
Jake Burghardt делится ценнейшим боевым опытом внедрения базы знаний и инсайтов. Так, чтобы она не просто собиралась, а использовалась продуктовыми командами.
Building a UX Feedback System That Works for Your Colleagues
Александр Фенин показывает, как собирать обратную связь от пользователей в Notion и построить базу знаний и инсайтов вокруг неё.
Obtaining Consent for User Research
Памятка Therese Fessenden из Nielsen/Norman Group по подготовке формы согласия на участие пользователя в исследовании.
The Funnel Technique in Qualitative User Research
Maria Rosala и Kate Moran из Nielsen/Norman Group описывают технику «воронки» при проведении качественных пользовательских исследований. Модератор постепенно идёт от общих вопросов к детальным.
Reveall — Platform for product teams
Сервис для сбора обратной связи от пользователей и ранжирования беклога. Интервью Ferdinand Goetzen оттуда.
The Methods UX Professionals Use (2022)
MeasuringU выделили статистику востребованности методов пользовательских исследований из своего недавнего опроса 625 специалистов по интерфейсам.
Finding UX Research Participants Free of Charge
Советы Peter Veto из Airtime по построению своей панели респондентов для пользовательских исследований. Где искать их.
Usability Testing Best Practices
Памятка по проведению юзабилити-тестирования от Morgan Mullen и Lily Hanes из User Interviews.
Amusing Stories That Didn’t Appear in a Research Report
Paul McInerney собрал пачку комичных историй из своего опыта проведения пользовательских исследований.
Визуальное программирование и дизайн в браузере
Style Queries
Una Kravets изучает экспериментальную спецификацию CSS style queries, которая позволяет строить адаптивные стили элементов в вебе относительно родительских.
Font Subsetting Strategies: Content-Based vs Alphabetical
Paul Hebert показывает, как уменьшить размер шрифтового файла, разделив его на разные наборы символов.
Новые скрипты
- Colors.js: JavaScript-библиотека для работы с разными цветовыми пространствами в вебе. Анонс публичного запуска.
Дизайн-менеджмент и DesignOps
How UXR leaders approach research in a low UX maturity organization
Janelle Ward даёт советы по повышению уровня зрелости пользовательских исследований в компании. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
The Process. The Politics. The Pitfalls. Preparing for an executive role at IBM Design
Глава дизайна IBM Katrina Alcorn описывает критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
Командное взаимодействие
Designing Design Workshops — Beyond Dot-Voting
Dan Brown описывает несколько методов для выбора идей на рабочих сессиях в дополнение к классическому голосованию точками.
Брендинг цифровых продуктов
Zapier
Ребрендинг сервиса-прокладки между другими интернет-сервисами Zapier.
История
The History of User Interfaces
История развития интерфейсов операционных систем для компьютеров в картинках.
A brief history of the numeric keypad
Francesco Bertelli раскопал историю появления современной раскладки клавиатуры калькулятора. И сравнил её с похожей клавиатурой телефонов.
How IBM revolutionized corporate America with design
Краткая история становления дизайна в IBM от Joe Smiley.
Тренды
Digital Design Trends Mid-Year 2022
Тренды первой половины 2022 года от Editor X.
Алгоритмический дизайн
DALL·E Now Available in Beta
DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
The AI that creates any picture you want, explained
Хороший разбор от Vox того, как устроены инструменты алгоритмического дизайна, которые генерируют изображение по текстовому запросу.
If You’re Worried About DALL·E Replacing Illustrators, You Don’t Understand The Power of Illustration
Julien Posture размышляет на тему того, стоит ли иллюстраторам бояться DALL-E и других подобных инструментов алгоритмического дизайна. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
AI-art isn’t art — The Intrinsic Perspective
Erik Hoel размышляет на тему того, могут ли работы DALL-E и подобных инструментов алгоритмического дизайна считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
UX principles for AI art tools like DALL·E
Hannah Johnston сравнивает особенности работы нескольких популярных инструментов алгоритмического дизайна, генерирующих картинку по текстовому описанию. DALL·E, Midjourney и нейросети на базе Google Collab.
Midjourney
Генератор фото и иллюстраций по текстовому описанию. В отличие от многих других — доступен вообще для всех.
Для общего и профессионального развития
Lessons learned from a growth team designer
Lauren Bradley рассказывает, каково работать дизайнеру в команде роста Atlassian.
Why Ethics Should Be at the Core of Design Storytelling
Shannon McGarity описывает разные виды этики, которые могут быть применимы в дизайне интерфейсов.
Люди и компании в отрасли
Apple Ends Consulting Agreement With Jony Ive
Apple не стали продлевать контракт с агентством Jony Ive LoveFrom. Теперь он окончательно ушёл из компании.
Подпишитесь на дайджест в Телеграме, ВКонтакте или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
