Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-июнь 2023.
Паттерны и лучшие практики
Invisible Details of Interaction Design
Rauno Freiberg под микроскопом разбирает жесты и анимацию интерфейса в операционках Apple. Он делал интересный концепт MercuryOS, которая ощущается так же плавно и аккуратно, как и они.
Virtual Queues — 13 Best Practices for Managing the Wait
Советы Kim Salazar из Nielsen/Norman Group по дизайну интерфейса виртуальной очереди. Как показывать пользователю статус и сообщать о важных вещах.
Loading & progress indicators — UI Components series
Тарас Бакушевич разбирает удачные практики создания индикаторов загрузки для разных ситуаций.
The 10 Best Intranets of 2023 — Trends in Design and Process
Тренды в интранетах 2023 года от Nielsen/Norman Group. Недавно они анонсировали победителей своих ежегодных наград.
Rethinking Window Management
Tobias Bernard из GNOME предлагает новый способ организации окон программ в операционной системе. Это «мозаика» — смесь плитки и свободного расположения.
The UX Cookbook
Пошаговые методички по методом проектирования, дизайн и исследования интерфейсов от Университета Аризоны.
Accordions on Desktop — When and How to Use
Памятка Huei-Hsin Wang из Nielsen/Norman Group по дизайну аккордеонов в интерфейсах. Когда они работают и когда мешают.
Designing for Accessibility — Creating Inclusive and User-Centric Products
Основные тезисы из дискуссии Léonie Watson и Rakesh Paladugula discuss о поддержке accessibility. Получился отличный чеклист.
Дизайн-системы и гайдлайны
Creating a flexible design token taxonomy for Intuit’s Design System
Nate Baldwin рассказывает о работе над семантическими токенами в дизайн-системе Intuit. Как они пришли к их архитектуре и типизации.
Apple Vision Pro Spatial Design 101 — A Beginner’s Guide, Part 1
Hajira Atheeque подробно разбирает принципы пространственного дизайна в Apple Vision.
Бонус: Макеты очков для Figma.
Nerdy Details from the Redesign of Apple’s watchOS
Gary Butcher из команды Apple Watch рассказывает о свежем обновлении интерфейса в деталях.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Concepts, information architecture’s building blocks
Dan Brown описывает своё понимание термина «концепт» в информационной архитектуре.
Enterprise products, an information architect’s perspective
Dan Brown размышляет об особенностях информационной архитектуры корпоративных продуктов и их отличии от продуктов для массового пользователя.
Новые инструменты дизайна интерфейсов
Figma
После Config 2023 — всего пара мелких обновлений.
Статьи
Jake Albaugh: Как правильно описывать свойства компонентов в инструменте, чтобы они были максимально похожи на код в дизайн-системе. Абсолютное сходство невозможно, потому что дизайнер и разработчик оптимизируют свою работу под специфику профессии, но чем ближе — тем лучше.
Abode
Энтузиаст Stuart Semple решил прожарить Adobe и запустил инициативу Abode. Он собирает деньги на KickStarter для запуска линейки инструментов дизайна. Он регулярно высмеивает кого-то в похожем ключе.
Пользовательские исследования и тестирование
Quantitative UX — Glossary
Raluca Budiu из Nielsen/Norman Group собрала мощный глоссарий терминов в количественных пользовательских исследованиях.
Why storytelling in UXR matters and how to uplevel your skills
Karuna Harishanker из Lyft предлагает системный подход, который поможет презентовать результаты пользовательских исследований команде. Как обернуть их в историю, которая подсвечивает главное и за которой интересно следить.
Do Click Tests Predict Clicks on Product Pages?
MeasuringU изучили, насколько метод клик-тестов на макетах позволяет предугадать реальное поведение пользователя на сайте. В целом — очень близко.
Marvin — User Research Tool for Qualitative Data Analysis
База знаний и инсайтов из пользовательских исследований. Помогают разбирать заметки и раскладывать их по категориям с помощью алгоритмов.
Looppanel — Streamline UX Research Analysis
Помогает обрабатывать заметки из пользовательских интервью и выделять инсайты из них.
Democratization won’t save research
David Tang пишет об ограничениях и рисках демократизации пользовательских исследований в компании. В ней есть польза, но только если это управляемый процесс, который решает правильные задачи.
Визуальное программирование и дизайн в браузере
Cards & Coding
Коллекция примеров того, как можно анимировать игральные карты в вебе.
Pines — An Alpine and Tailwind UI Library
Библиотека паттернов и анимаций для фреймворков Alpine и Tailwind.
Новые скрипты
Дизайн-менеджмент и DesignOps
The Coaching Leadership Style — Developing Self and Developing Others
Andrea Mignolo перечисляет фреймворки для описания лидерских стилей. И делает особенный акцент на коучинговом стиле.
Продуктовый менеджмент и аналитика
CSD Matrix — Framework and Template for Shared Understanding
Anna Kaley из Nielsen/Norman Group показывает, как работать с матрицей CSD (Certainties, Suppositions, Doubts). Она помогает разложить предположения о пользователях по стопкам (уверены, предполагаем, сомневаемся) и системно работать по повышению степени уверенности.
Lean Product Design — A Playbook
Robert McWhirter описывает процесс проверки продуктовых гипотез на самой ранней стадии с помощью исследований и экспериментов.
Watch Out For that Tree! Problems with Competitive Analysis
Luke Wroblewski напоминает, что изучать конкурентов надо с умом. Если просто обложить себя чужими примерами с самого начала — будет сложно думать о потребностях пользователей, а не просто воспроизводить чужие решения и заблуждения.
Кейсы
The anatomy of launching a Figma open beta
Emily Brody рассказывает о поэтапном запуске бета-версии режима разработчика в Figma. Они ориентировались на WAU (еженедельные активные пользователи) и настроили оперативные каналы сбора обратной связи для быстрой доработки интерфейса.
Adding healthy friction by implementing Slide-to-Pay button
Отличный рассказ Sanyam Jain о работе над конкретным компонентом кнопки в сценарии оформления заказа приложения Swiggy. Как они замеряли связанные метрики и доработали первую версию, уделяя внимание небольшим, но критичным деталям.
The UX Of Flight Searches — How We Challenged Industry Standards
Robert Goesch рассказывает об интересном концепте поиска авиабилетов. Их агентство DUMBO попробовало пересмотреть порядок действий пользователя, чтобы оптимизировать основной (по их мнению) сценарий использования.
Брендинг цифровых продуктов
Glassdoor
Ребрендинг сайта о работодателях Glassdoor от британского агентства Koto.
MUX
Ребрендинг видео-платформы MUX от австралийского агентства For the People. История работы над проектом.
Airtm
Ребрендинг финтеха Airtm от британского агентства Design Studio.
Guild
Ребрендинг карьерно-образовательного сервиса Guild от американского агентства Collins.
Pley
Ребрендинг игровой компании Pley от шведского агентства Essen.
Kili
Ребрендинг ИИ-платформы Kili от американского агентства Ragged Edge.
AMP
Ребрендинг музыкального сервиса AMP от британского агентства Koto.
Replay
Ребрендинг компании генетического анализа Replay от британского агентства Koto.
Runway
Ребрендинг финтеха Runway от американского агентства Reform Collective.
Lookout
Ребрендинг компании по кибер-безопасности Lookout от американского агентства Emotive Brand.
Ostro
Ребрединг медицинского сервиса Ostro от испанского агентства Mucho.
DailyMotion
Ребрендинг видео-сервиса DailyMotion.
Тренды
Алгоритмический дизайн
AI-Powered Tools for UX Research — Issues and Limitations
Feifei Liu и Kate Moran из Nielsen/Norman Group изучили сервисы для обработки результатов пользовательских исследований, которые обещают готовить инсайты на их основе. В целом всё плохо — корявые выводы, невозможность отследить исходный материал конкретной сессии, непонимание контекста.
Clipdrop Launches Stable Doodle
Инструмент Clipdrop от создателей Stable Diffusion научился превращать наброски от руки в фото и иллюстрации.
Photoshop Generative Expand
В Adobe Photoshop появилась функция Generative Expand на основе их движка алгоритмического дизайна Firefly. Она продолжает Generative Fill, но более удобна для дорисовки изображения за текущими границами. Как она работает.
GetIMG.AI — A Suite of Powerful AI Tools
Ещё один инструмент алгоритмического дизайна, который собрал вместе кучу модных утилит — генерация картинок и расширение существующих изображений, обучение собственного стиля и всё такое.
AI and the automation of work
Benedict Evans считает, что алгоритмические инструменты не сократят рабочие места, а наоборот — создадут много новых. Он ссылается на парадокс Jevons, который показал — когда какой-то ресурс становится дешевле, его наоборот начинают потреблять больше. И приводит много подходящих примеров.
The workers at the frontlines of the AI revolution
Журнал Rest of World пообщался с низкооплачиваемыми работниками в нескольких профессиях (иллюстратор, редактор, ассистент, аналитик), которых потенциально могут заменить алгоритмы. Что они делают с этим прямо сейчас и видят ли свою полную замену (скорее нет, хотя работать придётся больше). Интересно, что журналисты попросили сделать одинаковую задачу руками и с помощью новых инструментов.
Canva Magic Design — Free Online AI Design Tool
Canva запустила алгоритмического помощника, который помогает генерировать шаблоны, изображения и другие аспекты дизайна.
Stable Diffusion XL 1.0
Stable Diffusion выпустили версию XL 1.0 для всех.
Shopify Reveals Generative AI ‘Sidekick’ for Shopping
Shopify готовят алгоритмического помощника Sidekick. Он анализирует исторические данные по интернет-магазину, предлагает рекомендации по перестройке ассортимента и может обновить сайт по этим рекомендациям.
Pika Labs
Генератор видео по текстовому описанию.
SciSpace Copilot Chrome Plugin
Плагин для Chrome помогает анализировать научные публикации и выделять из них основное.
YouTube experiments with AI auto-generated video summaries
YouTube запустил бета-версию пересказа содержания видео. Как это работает.
Kraftful — AI for Product Builders. The Ultimate Copilot for User Feedback
Помогают разбирать обратную связь от пользователей и раскладывать её по категориям с помощью ChatGPT.
HiFA — High-fidelity Text-to-3D with Advanced Diffusion Guidance
Экспериментальный инструмент генерирует 3D-модели по текстовому описанию.
If a hammer was like AI…
Per Axbom собрал проблемы с этикой и качеством инструментов алгоритмического дизайна в виде инфографики.
Design Army used Midjourney to design a campaign from scratch
Рекламная кампания очков Georgetown Optician, которую агентство Design Army сделало в Midjourney.
Для общего и профессионального развития
Taste
Годная статья журнала DOC о вкусе в дизайне с прагматичной точки зрения. О его отличии от вкусовщины, разумном отношении к трендам и накоплению в целом.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
