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

Паттерны и лучшие практики
That little island changes everything
Alexander Savard рассказывает о работе над виджетом live activity и «динамическим островом» в iOS для сервиса такси Lyft.
How companies use dark patterns to keep you subscribed
Крутой обзор тёмных паттернов прекращения подписки от The Pudding. Они потратили свои деньги на эксперимент с парой десятков сервисов. Спойлер: потеряли почти все.
Object-centric vs. Canvas-centric Image Editing
Luke Wroblewski рассуждает о переходе редакторов графики и видео от инструменто-центричных интерфейсов к объекто-центричным. Алгоритмический дизайн подталкивает к этому.
User Area Design — Guidance for Dashboards
Агентство Creative Navy написало подробную памятку по дизайну дашбордов на основе своего многолетнего опыта.
Error-Message Guidelines
Памятка по показу сообщений об ошибках в интерфейсе от Tim Neusesser и Evan Sunwall из Nielsen/Norman Group.
Motion by Zajno
Мощная интерактивная памятка по анимации цифровых сервисов от агентства Zajno.
Terrible Terms and Conditions
Коллекция идиотских вариантов интерфейса правил использования сайта.
Slide to unlock
Коллекция диких вариантов реализации старого эппловского жеста «проведите, чтобы разблокировать».
The problem with sticky menus and what to do instead
Adam Silver описывает проблемы «залипающей» навигации на сайте.
The problem with disabled buttons and what to do instead
Adam Silver перечисляет проблемы заблокированных кнопок в формах. Это древний спор, я на его стороне.
Get People to Your Core Value ASAP
Luke Wroblewski напоминает, что нудные длинные туры при встрече нового пользователя часто бесполезны. И приводит пару примеров продуктов, которые поменяли их на реальную ценность.
The Rhythm of Your Screen
Christopher Butler рекомендует создавать правильный ритм в подаче информации на длинных страницах, чтобы пользователи докручивали их до конца. Он ссылается на исследования Nielsen/Norman Group и Chartbeat на эту тему.
UX in E-government Services for Citizens — A Systematic Literature Review
Asma Aldrees и Denis Gračanin рассказывают о большом исследовании государственных цифровых сервисов. Что пользователи ожидают от них и как системно подступаться к работе такими проектами.
Augmented Reality UI Speculation
Luke Wroblewski инвентаризовал сценарии использования дополненной реальности.
Ticketmaster — The UX of a true monopoly
Peter Ramsey разобрал дикую механику покупки билетов в сервисе Ticketmaster. Он ограничивает время на оплату, что в условиях вереницы партнёров уполовинивает шансы на покупку.
Accessible video game design
Чеклист Camryn Manker по поддержке accessibility в игровых интерфейсах.
Always Provide a “Supplement Facts Label” Image in the Main Image Gallery of Vitamins & Supplements Sites
Edward Scott из Baymard описывает удачные и плохие интерфейсные приёмы, чтобы показать состав витаминов в интернет-аптеках.
UX and NPS Benchmarks of Office Supply Websites (2023)
Jim Lewis и Jeff Sauro опубликовали новое сравнительное исследование сайтов интернет-магазинов офисных товаров. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Дизайн-системы и гайдлайны
Android 14 для дизайнеров
Ежегодная конференция Google I/O 2023 прошла 10 мая в онлайне (в основном). Основная часть ставила рекорд по количеству повторений слова «AI», так что больших изменений в Android и Material Design кроме выхода телефона Pixel Fold с гибким экраном — нет. Но вот что накопалось:
Material Design
Сильно обновили гайдлайны по поддержке больших экранов и планшетов. Ещё про работу с ними (и ещё, и ещё, и ещё).
Расширяется набор компонентов Jetpack для Material 3. Один из необычных — карусель со своим флёром.
Дизайнеры Google рассказывают о проектировании нового паттерна «карусель» в Material Design 3. В статье есть описание пользовательских исследований в ходе процесса.
Обновили UI Kit для Figma.
Видео-презентация их видения «forms follows feelings» — они обосновывают логику Material U. Зачем-то оскорбляют изначальную концепцию Material Design (где этот термин имел смысл), не предлагая сопоставимой по силе метафоры.
Видео-презентация более мягкого языка анимации:
Android 14
Новый сайт Design for Android собрал всё о работе над интерфейсами для любых веток ОС (видео). Обзор его контента.
В Android Studio появился бот а-ля GitHub Copilot, который помогает писать код.
Появился визуальный линтинг для поиска проблем с accessibility.
Можно будет стримить приложения с Android-телефона на Chromebook.
Упрощение паролей через их менеджер и метод passkeys.
Magic Editor в фотоприложении может передвигать объекты на фото.
Android Auto
Получение и использование части данных о состоянии машины (например, уровень заправки).
Объединение всех экранов в машине (включая пассажирские).
К концу 2023 года Android Auto будет доступна в 200 млн машин.
Вот вообще все видео выступлений конференции, если обзора мало. В прошлом году я вообще пропустил традиционный обзор изменений в дизайне Android, потому что было негусто. Тут кой-чего есть, но тоже без революций.
Microsoft Fluent Design 2
На ежегодной конференции Build 2023 показали обновлённую дизайн-систему Fluent 2. Помимо самого сайта деталей, честно говоря, не густо.
Появились токены с правильной архитектурой, обновились компоненты для веба и iOS, а также библиотека иконок. На Behance есть традиционно красочная подача упаковки запуска.
Proportio.app
Сервис помогает построить пропорциональную систему размеров для дизайн-системы, которая объединяет шрифт, иконки и отступы. Обзор от автора. Правда, сейчас там есть странности типа размера иконок 23×23.
Понимание пользователя
The Role of Cognitive Load in Automotive UX Design
Casper Kessels разбирается в особенностях когнитивной нагрузки при вождении машины. Как это влияет на проектирование интерфейсов для них.
How Screen-Reader Users Type on and Control Mobile Devices
Tanner Kohler рассказывает о выводах из исследования Nielsen/Norman Group на тему ввода текста на мобильных пользователями с ограничениями по зрению.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Марк Стикдорн — Сервис-дизайн на практике
Альпина выпустила перевод книги Марка Стикдорна, Адама Лоуренса, Маркуса Хормеса и Якоба Шнайдера «Сервис-дизайн на практике: Проектирование лучшего клиентского опыта». Отрывок.
Новые инструменты дизайна интерфейсов
FigJam
Вышло приложение для iPad, поддержка экранных дикторов и ещё много небольших обновлений.
Плагины
- EightShapes Specs: Мастодонты системного проектирования и дизайна интерфейсов EightShapes выпустили свой плагин для Figma. Он помогает писать спецификации и связывать их с дизайн-системой.
Photomator
Pixelmator выпустили свой инструмент для редактирования фото в виде приложения для MacOS.
Пользовательские исследования и тестирование
Can ChatGPT Replace UX Researchers? An Empirical Analysis of Comment Classifications
Команда MeasuringU провела эксперимент с ChatGPT — насколько хорошо он умеет выделять основные темы интерфейсных проблем по результатам пользовательского исследования. Они дали одинаковое задание трём исследователям и сделали три прогона с ботом. В целом результат не идеальный, но пристойный.
The UX Designer’s & Product Manager’s Guide to User Research
Мясистая памятка по пользовательским исследованиям для дизайнеров и менеджеров продуктов от User Interviews. Как взаимодействовать с профессиональным исследователем, какие методы можно использовать самому, как задавать правильные вопросы и т.п. Правда, они зачем-то разделяют всё на проектировщика и продуктового дизайнера, но это можно игнорировать.
UX Team of One — A flexible strategy for a new startup practice
Неплохая персональная стратегия Clara Kuo для пользовательских исследователей, которые первыми пришли в компанию.
Dialogues on a digital library — Co-designing the Atlassian Research Library
Alison Jones рассказывает о базе знаний и инсайтов из пользовательских исследований Atlassian Research Library. Как они собирали требования к ней, какие удачные и неудачные этапы прошли и как она работает сейчас.
Designing a Research Socialization Strategy that Works
Lena Halberstadt и Jenifer Bulcock предлагают универсальный подход, который поможет выбрать правильный способ донесения результатов пользовательских исследований на разных этапах работы продуктовой команды.
Initial Validation of Tech-Savvy Measures
Jeff Sauro и Jim Lewis продолжают изучать измерения технической подкованности. В этой статье они пытаются проследить влияние этого показателя на успешное выполнение задачи.
Conducting Mobile Accessibility Research with Screen-Reader Users
Tanner Kohler описывает методы поиска респондентов и проведения юзабилити-тестов с пользователями, которые имеют ограничения по зрению.
40+ Time-Saving Usability Testing Templates and Checklists
User Interviews собрали шаблоны для проведения юзабилити-тестирования.
Best Practices for Building and Maintaining Your Own Research-Participant Database
Советы по созданию своей панели респондентов для пользовательских исследований от Kim Salazar из Nielsen/Norman Group.
Talking About Thinking Aloud — Perspectives from Interactive Think-Aloud Practitioners
Liam O’Brien и Stephanie Wilson изучили особенности вариации метода рассуждения респондентом вслух — когда модератор может прерывать и дополнять их в каких-то ситуациях.
Is What You See What You Get? Examining the Evaluator Effect in Unmoderated Usability Testing
MeasuringU копнули проблему пользовательского исследования, оценивающего записи немодерируемых юзабилити-тестов. Они выделяют разные интерфейсные проблемы и пересечение между ними не сильно большое.
The Hawthorne Effect or Observer Bias in User Research
Советы Майи Азаровой из Nielsen/Norman Gruop об эффекте Хоторна, который может искажать результаты пользовательских исследований. Сам факт наблюдения за ними может повлиять на поведение.
Визуальное программирование и дизайн в браузере
Don’t use custom CSS scrollbars
Eric Bailey описывает проблемы нестандартных полосок прокрутки в браузере, которые некоторые сайты меняют через CSS.
Новые скрипты
Дизайн-менеджмент и DesignOps
Design Risks — How to Assess, Mitigate, and Manage Them
Therese Fessenden (Nielsen/Norman Group) предлагает подход к управлению рисками при внедрении и обновлении дизайна. Как это влияет на пользователей и как предусмотреть потенциальные проблемы.
Планирование отдела как эффективный способ управления комьюнити
Евгения Крупина рассказывает о координации сообщества пользовательских исследований в Контуре. Как внедряются общие методы, проводится планирование и ретро.
Humanness in remote design culture
Katie Garrison рассказывает о вариации ретроспективы для дизайнеров в Microsoft, которая здорово помогла на удалёнке.
37 Free UX Meeting Templates, From Prep to Follow-Up
User Interviews собрали шаблоны для проведения встреч по дизайну.
Брендинг цифровых продуктов
Icon transcendence — Customizing icons to complement fonts
Фантастическая статья Глеба Строганова из Evil Martians про рифмование шрифта и иконок. Он показал универсальный подход для поиска такой рифмы исходя из особенностей шрифта. Ровно по такой логике мы сделали решение для Райффайзена, хотя здесь целая система.
Airtasker
Ребрендинг каталога мастеров по бытовым услугам Airtasker от британского агентства Koto.
Тренды
Get ready for a windfall of new axes, starting with Tilt Neon, Tilt Prism, and Tilt Warp
Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
Алгоритмический дизайн
Early Computer Art in the 50’s & 60’s
Феноменальная статья Amy Goodchild собрала примеры алгоритмического дизайна из 50х и 60х. Забавно, что даже дискурс про роль таких инструментов местами такой же, как в текущую волну.
Adobe Photoshop Generative Fill
Adobe Firefly теперь встроен и в Photoshop через функцию Generative Fill. Можно выделить место на фото и добавить туда любой объект (как это работает). Это лучшая реализация алгоритмических функций в инструменте дизайна на текущий момент — они встроены органично в существующий процесс и прокачивают его, а не делают костыльные надстройки. Как и должны быть везде.
How I used Midjourney to design a brand identity
Matty Brownell показывает, как он генерировал иллюстративную графику для бренда в едином стиле с помощью Midjourney.
Zoo
Сервис сравнивает результаты популярных инструментов генерации картинок по текстовому запросу.
Artificial Intelligence & Humanity
Dan Mall простыми и чёткими мыслями пересказал стандартную логику процесса алгоритмического дизайна, актуальную на сегодняшний день. Она повторяется из года в год, не меняясь при смене волн хайпа.
Uizard Autodesigner
Видео-обзор от Kim Alban.
Windows Copilot
Microsoft добавят свой помощник Copilot в Windows.
Drag Your GAN
Экспериментальный инструмент алгоритмического дизайна позволяет простым способом указать, как нужно поменять параметры объекта или персонажа на фото.
Revolutionize business websites with Copilot in Power Pages
Microsoft добавили алгоритмический дизайн Copilot в свой конструктор сайтов Power Pages. Можно генерировать тексты для конкретных блоков, формы, ну и компоновки в целом.
Paragraphica
Дикий концепт Bjørn Karmann — фотоаппарат без объектива, который генерирует фото на основе данных геолокации и известной информации об этом месте.
Photoleap
Фоторедактор для мобильных, умеющих кучу приёмов алгоритмического дизайна по стилизации и переосмыслению фото. Работает на базе Stable Diffusion.
Insightface Swap Bot
Бот для Midjourney позволяет грамотно вставить ваше лицо на сгенерированное фото или иллюстрацию.
Synthesizer V
Инструмент генерирует вокал для музыки. Он обещает упростить ранние наброски песен.
Shap-E
Новый проект OpenAI генерирует трёхмерные объекты по текстовому запросу. Научная публикация.
LinkedIn начал тестировать нейросеть для написания сопроводительных писем
LinkedIn помогает сгенерировать текст сопроводительного письма для отклика на вакансию.
IBM приостановит наём сотрудников, которых может заменить ИИ
IBM перестанет нанимать сотрудников, чью работу может выполнять искусственный интеллект.
I tried out SyntheticUsers, so you don’t have to
Niloufar Salehi попробовал сервис Synthetic Users, который якобы генерирует персонажей на основе публичных данных без проведения пользовательских исследований. По факту это просто мусорная информация — не сильно лучше высосанных из пальца персонажей, которые пишут дизайнеры без исследований. ChatGPT создаёт похожие по бесполезности материалы.
How To Create automated usability test scripts with chatGPT
Jay Anthony размышляет на тему реалистичности написания сценариев для юзабилити-тестирования через ChatGPT. Конкретики мало, но ограничения подсвечены.
Personal Computation Mediums & AI
Конспект выступления Geoffrey Litt от Luke Wroblewski. Он размышляет об инструментах для работы с контентом и информацией, которые слишком монструозны — нужны более гибкие и настраиваемые.
Для общего и профессионального развития
Workspaces — The future of macOS is people centered. A macOS Design Concept
Дипломная работа Felix Tesche, в которой он хорошо презентовал концепцию рабочих пространств в MacOS.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.