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

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

  • 8 августа 2022

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

Дайджест продуктового дизайна, июль 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 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.

Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂

Паттерны и лучшие практики

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

Запустили библиотеку компонентов, которые можно использовать в своих проектах.

Sketch

Обновили приложение для iPhone.

Пользовательские исследования и тестирование

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-библиотека для работы с разными цветовыми пространствами в вебе. Анонс публичного запуска.
  • Как сделать индикатор загрузки в 3D на CSS.
  • Наложение световых эффектов на фото с помощью CSS.

Дизайн-менеджмент и 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

Генератор фото и иллюстраций по текстовому описанию. В отличие от многих других — доступен вообще для всех.

Концепт-художник Евгений Зубков экспериментирует с 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 ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.

Юрий Ветров

Директор по бренду и дизайну (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

  • Юрий Ветров
  • 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
Дайджест продуктового дизайна, август 2024
View Post
  • Дайджест

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

  • Юрий Ветров
  • 4 сентября 2024

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

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

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

Input your search keywords and press Enter.