Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге
Юрий Ветров об интерфейсах
Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге

Дайджест продуктового дизайна, июль 2023

  • 6 августа 2023

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

Дайджест продуктового дизайна, июль 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.

Новые скрипты

  • Эффект лёгкой подсветки окружения под видео а-ля YouTube на CSS.

Дизайн-менеджмент и 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 за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.

Юрий Ветров

Директор по бренду и дизайну (ex-Muse Group (Ultimate Guitar, MuseScore, Audacity и другие), Райффайзен Банк и Mail.ru Group). Я руковожу командами, которые отвечают за дизайн, исследования и редактуру бренда и интерфейсов, а также дизайн-систему в коде. Автор книги и курса «Паттерны дизайн-менеджмента» и «Дайджеста продуктового дизайна». Со-организовывал Fintech Design Conf, Mail Design Conf и московский Dribbble Meetup, а также Russian Design Cup. Читал лекции в Британке, курировал курс Future London Academy в Лондоне. Мои публикации есть на Smashing Magazine, UXmatters и UX Collective. Подробнее обо мне.

Другие статьи по теме
Дайджест продуктового дизайна, апрель 2025
View Post
  • Дайджест

Дайджест продуктового дизайна, апрель 2025

  • Юрий Ветров
  • 20 мая 2025
Дайджест продуктового дизайна, март 2025
View Post
  • Дайджест

Дайджест продуктового дизайна, март 2025

  • Юрий Ветров
  • 17 апреля 2025
Дайджест продуктового дизайна, февраль 2025
View Post
  • Дайджест

Дайджест продуктового дизайна, февраль 2025

  • Юрий Ветров
  • 16 марта 2025
Дайджест продуктового дизайна, январь 2025
View Post
  • Дайджест

Дайджест продуктового дизайна, январь 2025

  • Юрий Ветров
  • 8 февраля 2025
Дайджест продуктового дизайна, декабрь 2024
View Post
  • Дайджест

Дайджест продуктового дизайна, декабрь 2024

  • Юрий Ветров
  • 29 декабря 2024
Дайджест продуктового дизайна, ноябрь 2024
View Post
  • Дайджест

Дайджест продуктового дизайна, ноябрь 2024

  • Юрий Ветров
  • 5 декабря 2024
Дайджест продуктового дизайна, октябрь 2024
View Post
  • Дайджест

Дайджест продуктового дизайна, октябрь 2024

  • Юрий Ветров
  • 9 ноября 2024
Дайджест продуктового дизайна, сентябрь 2024
View Post
  • Дайджест

Дайджест продуктового дизайна, сентябрь 2024

  • Юрий Ветров
  • 16 октября 2024

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Юрий Ветров об интерфейсах
Дизайн-менеджмент цифровых продуктов, © 2007-2018

Input your search keywords and press Enter.