Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-июль 2022.
Курс «Паттерны дизайн-менеджмента»
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 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂
Паттерны и лучшие практики
Color and Contrast
Мощный справочник по разным аспектам восприятия цвета. Это важно для грамотной работы с accessibility.
Harry Brignul — Deceptive Design
В конце года выйдет книга Harry Brignul «Deceptive Design» о тёмных паттернах. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
The difference between Gamification and Incentivization, and how to use them in edTech
Tess Gadd пишет о том, что под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.
The 10 Best Intranets of 2022: Trends in Design and Process
Kara Pernice описывает тренды в интранетах из их свежего ежегодного исследования Nielsen/Norman Group.
Onboarding UX with Pulkit Agrawal of Chameleon
Толковая беседа с Pulkit Agrawal из сервиса Chameleon о грамотном мышлении при проектировании процесса встречи нового пользователя.
Designing Better Error Messages UX
Советы Виталия Фридмана по проектированию сообщений об ошибках в формах.
One billion signatures — UX analysis of DocuSign
Peter Ramsey анализирует интерфейс приложения DocuSign, крупнейшего сервиса электронных подписей.
Rethinking Authentication UX
Советы Виталия Фридмана на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
Enriched Site-Search Suggestions: Rarely Used
Kate Kaplan описывает проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
How to increase signup confirmation rates using the Sniper Link technique
Сайт Growth Design показывает, как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).
The UX of Phone-Tree Systems — 16 Usability Guidelines
Tanner Kohler из Nielsen/Norman Group описывает гайдлайны для роботизированных меню в поддержке по телефону.
UX Pattern Analysis Articles
Серия разборов интерфейсных паттернов и лучших практик от команды Pencil & Paper.
Design with materials, not features
Linus Lee размышляет на тему двух видов интерфейсов — с понятным и конкретным набором сценариев. И тех, которые дают свободное пространство для работы с каким-то «материалом».
UX and NPS Benchmarks of Travel Aggregator Websites (2022)
MeasuringU обновили своё сравнительное исследование юзабилити сайтов бронирования путешествий. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
Designing A Better Back Button UX
Советы по проектированию поведения кнопки «назад» в браузере от Виталия Фридмана.
Дизайн-системы и гайдлайны
Smashing Podcast Episode 51 With Ben Callahan — What’s The Value Of A Design System?
Подкаст о дизайн-системах с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
Cloudscape Design System
Команда Amazon Web Services опубликовала свою дизайн-систему.
An Introduction to Constraint Based Design Systems
Статья Cole Peters о разумных ограничениях в дизайн-системе, реализованных через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
system.css — A design system for building retro Apple-inspired interfaces
Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
Why UX illustrations are crucial for a superb user experience
Небольшой рассказ Shay Zucker о работе над единым стилем иллюстраций Wix.
Docusaurus 2.0
Вышла вторая версия Docusaurus 2.0, генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
Improving Accessibility with Design Tokens
Sam Solomon рассказывает, как сервис Salesloft адаптировался под требования accessibility с помощью токенов.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Cross-Cutting Topics
Dan Brown показывает, как проектировать информационную архитектуру для сквозных тем, которые пересекаются с основной структурой во множестве мест. Это частично пересекается с концепцией фасетной классификации, но скорее про смысл информации, а не метод.
Alphredo
Сервис делает специальную прозрачную версию цвета, который похож на оригинальный.
Пользовательские исследования и тестирование
Integrating Research
Jake Burghardt запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание. В одной из свежих статей он показывает, как помочь дизайнерам работать с базой знаний. Он планирует со временем превратить эту серию в книгу.
UXR Maturity — Move to a more advanced level in your org
Nikki Anderson из Dovetail проанализировала несколько моделей зрелости пользовательских исследований и предложила неплохой фреймворк на основе подхода Nasdaq.
A Guide to Using User-Experience Research Methods
Шпаргалка к шпаргалке по выбору методов пользовательских исследований от Christian Rohrer.
A story of running research in a Growth team
Неплохой обзор процесса интервью с пользователями от Halmat Ferello из Atlassian.
Does Changing the Number of Response Options Affect Rating Behavior?
Jim Lewis и Jeff Sauro продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.
Comparison of SEQ With and Without Numbers
Jim Lewis и Jeff Sauro изучили вопрос: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
Guidelines for Testing Mobile Augmented-Reality Apps
Советы Sana Behnam из Nielsen/Norman Group по проведению пользовательских исследований мобильных приложений с дополненной реальностью.
Как исследователи хранят знания о пользователях
Алиса Боярских собрала примеры хранилищ результатов прошедших пользовательских исследований в VK и Контуре.
How to make time for games UX research
Советы Steve Bromley о том, что делать, если пользовательские исследования не включают или поздно включают в процесс работы над игрой.
How to Recruit Participants for UX Research
Беглый обзор основных нюансов поиска респондентов для пользовательских исследований от Lizzy Burnam из Condens.
Does Thinking Aloud Increase Study Dropout Rates?
Jeff Sauro и Jim Lewis показывают, как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
Diving into research design
Nikki Anderson из Dovetail описывает пять форматов вопросов пользовательского исследования, которые влияют на выбор методов.
Five questions to improve your pre-project stakeholder meetings
Cori Widen из Lightricks подсвечивает несколько вопросов, которые пользовательскому исследователю важно задать продуктовой команде перед началом проекта.
How to Hide Participant Names in Zoom Recordings
User Interviews напоминают, что важно прятать имя респондента при проведении пользовательских исследований в Zoom. И показывают, как это делать.
Визуальное программирование и дизайн в браузере
CSS Grid and Custom Shapes, Part 1
Как делать сложные мозаичные сетки на CSS. Продолжение.
Designing for Long-Form Articles
Советы Daniel Schwarz по оформлению длинных статей с помощью CSS.
CSS container queries are finally here
CSS Container queries, следующее поколение media queries для конкретных компонентов, уже поддерживаются в Chrome 10 и Safari 16.
Новые скрипты
Дизайн-менеджмент и DesignOps
Памятка наставнику
Памятка наставникам стажёров в Контуре. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
How to write better bugs: tips to make clear and impactful tickets
Советы Brian Hildebrand из Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
Facelift, Refresh, Redesign — strategies for paying off Design Debt
Alicja Suska описывает несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
How Our Organization Improved Web Accessibility (Case Study)
Catherine Houle и Ilknur Eren рассказывают о системной работе по улучшению accessibility в своей компании Understood. Они встроили проверку на нескольких ключевых этапах работы над задачей.
Building collaboration, efficiency and excellence with Meta’s design program managers
Kara F., Kate S. и Mijin Y. рассказывают о роли дизайн-менеджера в Meta. В компании их уже больше 150 человек.
The ‘management carousel’ inhibits UX professional growth
Peter Merholz рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
Командное взаимодействие
How to Build a Participant List for UX Workshops
Советы по выбору состава участников для совместных рабочих сессий от Matt Brown из Nielsen/Norman Group.
Тренды
Алгоритмический дизайн
Stable Diffusion
Ещё один инструмент алгоритмического дизайна, который генерирует фото и иллюстрации по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.
The AI Art Apocalypse
Шикарные размышления Alexander Wales о влиянии инструментов алгоритмического дизайна вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
Why Dall-E will not steal my job as an illustrator
Иллюстратор Эммануэль поиграл с DALL-E 2 и посмотрел, насколько он подходит для коммерческой работы иллюстратора на примере недавнего реального проекта. Пока далеко.
What AI art means for human artists
Художники и технари толково рассуждают на тему влияния на профессию инструментов алгоритмического дизайна, которые генерируют изображение по текстовому запросу.
Zazow — Algorithmic Generative Art
Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
I recreated famous album covers with DALL-E
Lucy попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
Соцсети йогурта Epica
Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.
TikTok добавил в приложение нейросеть для создания фонов в видео
Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.
NeuMan
Официальный алгоритм для дипфейков NeuMan от Apple. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.
Deriving UX Dimensions for Future Autonomous Taxi Interface Design
Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett рассказывают о пользовательском исследовании взаимодействия с автономными такси.
Accessibility at Virtual and In Person Events
Интервью с Darryl Adams, главой accessibility в Intel, о поддержке пользователей с ограниченными возможностями при проведении конференций.
Для общего и профессионального развития
The UX bootcamp model is broken. Would-be UX designers, don’t believe the hype
Miklos Philips пишет о родовых проблемах базовых курсов по дизайну интерфейсов. И предлагает несколько подходов, которые работают лучше.
The value of service design in a world of digital products
Luis Alt из Livework размышляет об общем и разнице между сутью работы дизайнера продукта и сервиса.
Подпишитесь на дайджест в Телеграме, ВКонтакте или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
