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

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

  • 5 декабря 2024

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

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

Лучшие продуктовые дизайн-команды в России: 2024

Зимой запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1637 человек. Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли»:

  • Яндекс
  • Тинькофф
  • Авито
  • Aviasales
  • Ozon
  • Альфа-Банк
  • Самокат
  • VK Group
  • Сбер
  • МТС

Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2023, 2021, 2020, 2019 и 2018 годы.

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

Baymard — Add UX Best Practice Cards To Your Designs

Baymard Institute собрали свои лучшие практики и паттерны для интернет-магазинов в виде виджета для Figma. Их можно использовать в своих проектах как памятки.

Alt Text ― Don’t Just Describe Images

Советы Emma Cionca и Tanner Kohler из Nielsen/Norman Group по уместному описанию сути изображений на сайтах в теге Alt. Так, чтобы это улучшало accessibility. Продолжение.

Tim Brown — Flexible Typesetting

Tim Brown выложил в бесплатный доступ свою книгу «Flexible Typesetting» об адаптивной типографике.

How UX Design Boosts Technology Adoption in Healthcare

Советы агентства Creative Navy по проектированию профессиональных интерфейсов для здравоохранения.

10 Sales UX Best Practices For E-Commerce

Советы Sonia Sousa из Baymard по улучшению продаж в интернет-магазинах.

Дизайн-системы и гайдлайны

The Making of the Figma Pattern Library

Ana Boyer рассказывает, как Figma привела в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.

Unlocking component flexibility with slots in Figma

В Material Design добавили концепцию слот-компонентов. Это область компонента, в которую можно добавлять другие интерфейсные решения, не заданные изначально. Подход позволяет командам добавлять свои уникальные вариации под редкие задачи.

Design Systems Q&A with Brad Frost

Большая сессия вопросов и ответов о дизайн-системах с Brad Frost.

Meta Horizon OS UI Set

Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.

eBay Playbook — One system for everyone to love

Дизайн- и бренд-система eBay Playbook. Правда, вместо реальных компонентов — скриншоты.

Storybook 8.4

Быстрое тестирование компонентов прямо на их странице, сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.

Понимание пользователя

Jobs to Be Done — разные подходы за общим названием

GoPractice собрали памятку по разным вариациям Jobs to Be Done от разных авторов. Как они появились и чем отличаются.

Neurodiversity — Inclusive User Experience

Простой чеклист Claudia Gutierrez и Rajesh Kalidindi по улучшению интерфейса для пользователей с особенностями восприятия.

Новые инструменты дизайна интерфейсов

Figma

Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков. Переработали выбор цвета и попап подключаемых библиотек.

Pixelmator

Apple покупает этот графический редактор.

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

UX Tools Map 2024

Каталог инструментов для пользовательских исследований за 2024 год от User Interviews. Он снова удвоился (828 инструментов). Основные выводы из него (например, ИИ перестал быть выделяющим свойством и стал просто обязательной утилитарной частью функциональности почти везде).

Research basics every designer should know

Lirra Hill из Adobe описывает методы пользовательских исследований, которые использует команда Lightroom. Это достаточно понятные вещи, но написанные таким зрелым и осмысленным языком, что должны быть ориентиром для всех.

Why an Interview Snapshot Streamlines UX Research Analysis (w/ Free Template)

User Interviews описывают формат выжимки из интервью с пользователем, которая делается сразу же после проведения сессии. Это облегчает дальнейшую работу с результатами исследования.

Incorporating Clutter in the SUPR-Q Measurement Framework

Jim Lewis и Jeff Sauro пробуют вывести метрику «замусоренности» интерфейса. Они проверили её взаимосвязь с другой стандартизированной метрикой, SUPR-Q.

How Well Does the Net Promoter Score Measure Likelihood-to-Discourage?

Jim Lewis и Jeff Sauro разбирают гипотетическую метрику про пользователей готовых «отсоветовать» продукт, обратную NPS.

Screening Participants for User-Research Studies

Памятка Maddie Brown из Nielsen/Norman Group по отбору респондентов для пользовательских исследований. Опрос и процесс.

Four ways PMs can master product discovery with Dovetail

Dovetail показывает типичные сценарии использования базы знаний и инсайтов из пользовательских исследований для менеджеров продуктов.

Response Instability in User Experience Questionnaires

Martin Schrepp и Jörg Thomaschewski анализируют причины вариаций в ответах пользователей в стандартизированных опросниках.

Дизайн-менеджмент и DesignOps

Как мы обучаем коллег исследованиям — подход ecom.tech

Константин Коваленко рассказывает, как обучали коллег основам пользовательских исследований в Самокате / Мегамаркете. Они построили мощную и гибку программу курсов.

Теперь вы — дизайн-лид. Как выжить и начать перформить

Александр Букин из Магнита описыает особенности становления дизайн-менеджером. Что происходит с зоной ответственности и командой в этот момент.

Продуктовый менеджмент и аналитика

We did all this discovery… now how do we decide?

Ryan Singer из Basecamp описывает свой подход к ранжированию проблем пользователей, которые может решить продуктовая команда. Он идёт от того, какую боль испытывает пользователь, от того что решения сейчас нет.

Кейсы

Pablo Sánchez’s 7 Rules for Designing the Unexpected

Pablo Sánchez рассказывает о работе над приложением Ableton Note. Это яркий пример переосмысления большого профессионального инструмента для компьютеров под специфику телефонов. Они сделали сервис «музыкальных набросков» и необычно подошли к упрощению работы с ним. Его выступление на Figma Config 2024.

Behind the design ― Adobe’s new splash screens

Как Adobe обновили экраны загрузки своих продуктов и привели их к дизайн-системе.

Behind the Scenes: Designing Atlassian’s New Navigation

Дизайн-команда Atlassian рассказывает о переработке навигации в продуктах компании. У них большая и сложная линейка продуктов, где непросто найти единое решение.

Брендинг цифровых продуктов

Jacquard

Ребрендинг ИИ-платформы Jacquard для оптимизации рекламы от британского агентства MultiAdaptor.

Philo

Ребрендинг видео-сервиса Philo от американского агентства Sibling Rivalry. Он полностью построен на иллюстрациях.

Kajabi

Ребрендинг сервиса Kajabi для блогеров и создателей цифрового контента.

Kindsight

Ребрендинг сервиса для сбора пожертвований Kindsight.

Upwork

Ре-ребрендинг сервиса работы с фрилансерами Upwork от британского подразделения агентства Wieden+Kennedy.

Freetrade

Ребрендинг инвестиционного сервиса Freetrade от британско-американского агентства Koto.

Pienso

Ребрендинг ИИ-платформы Pienso от американского агентства Pentagram.

Mozilla

Ребрендинг браузерной компании Mozilla от американского агентства Jones Knowles Ritchie.

Robinhood

Дебрендинг инвестиционного сервиса Robinhood от американского агентства Porto Rocha, которые уничтожили легендарную работу Collins 🙁

Тренды

Алгоритмический дизайн

When combinations of humans and AI are useful — A systematic review and meta-analysis

Интереснейшее исследование Michelle Vaccaro, Abdullah Almaatouq и Thomas Malone о связке человека и ИИ. Во многих задачах она работает хуже, чем самый сильный из них по отдельности. Поэтому один из выводов – лучше разделять этапы процесса создания между ними.

Adobe Express Logo Maker

Генератор логотипов внутри инструмента Express. Подбирает стиль, текстовое написание и знак на основе названия и отрасли компании.

Microsoft Paint Generative Fill & Erase

Алгоритмический дизайн пришёл и в Microsoft Paint — можно сгенерировать или удалить элемент изображения.

SeedEdit

Генератор фото и иллюстраций по текстовому запросу от ByteDance. Он сохраняет композицию и стиль при создании новых версий изображения (например, персонаж может повернуть голову, при этом останется тем же персонажем). Попробовать.

Stable Diffusion 3.5 Prompt Guide

Памятка создателей Stable Diffusion по генерации добротных изображений в инструменте.

Text Behind Image AI Editor

Инструмент позволяет написать текст за изображением (например, на фоне человека). Альтернативный интерфейс.

Strella — AI-Powered Customer Research

Сервис автоматизирует проведение интервью с пользователями, заменяя живого модератора. Затея, правда, сомнительная — подходит только для простых немодерируемых интервью.

AI-Powered Accessibility

Сервис AccessiBe для улучшения accessibility запустил ИИ-инструменты. Они помогают находить проблемы и лучше понимать их глазами пользователей.

UserTesting AI — AI-Powered UX Platform

UserTesting тоже добавили ИИ-инструменты для пользовательских исследователей. Они помогают суммировать данные, находить инсайты и в целом упрощают повседневную работу.

Runway Frames

Генератор изображений по текстовому описанию от Runway. Также можно расширить видео.

Introducing Freepik AI Video Generator

Генератор видео по фото или текстовому запросу. Можно выбрать модель: Runway, Kling AI, Mochi V1, Luma Labs или Minimax.

Krea Training

Генеративный инструмент Krea можно тренировать на своих персонажах, стилях, продуктах и т.п.

Flux 1.1 Pro

Вышла обновлённая версия генеративной модели Flux 1.1 Pro.

Vidu 1.5

Теперь может генерировать видео на основе нескольких фото или иллюстраций — они станут анимированными.

Wildberries запустил ИИ-сервис для генерации виртуальных моделей в одежде продавцов

Генератор фотографий моделей в вашей одежде.

Suno Personas

Suno теперь может генерировать целый «альбом» — т.е. много песен с похожим по духу вокалом и вайбом.

Amazon Prime Video’s new feature uses generative AI to recap what you’re watching

Amazon пересказывает сезоны, серии сериалов и их отрывки, но без спойлеров.

Where The Robots Grow

Полнометражный мультфильм, сделанный с помощью Adobe Firefly и Stable Diffusion.

Google Learn About

Экспериментальный сервис Learn About от Google помогает объяснять понятия, книги и т.п.

Luma AI запустил сервис генерации изображений и объединил его с генератором видео Dream Machine

Luma AI запустил генератор изображений — можно скрестить две картинки или сделать человека персонажем других изображений.

Nvidia LLaMA Mesh

Экспериментальный сервис Nvidia генерирует полигональные 3D-модели.

edify-3d

Генератор 3D-моделей по изображению или текстовому запросу от Nvidia и Shutterstock.

OpenAI Nears Launch of AI Agent Tool to Automate Tasks for Users

OpenAI готовит к запуску управление компьютером через своего ИИ-помощника.

Fugatto — World’s Most Flexible Sound Machine, Debuts

Генератор звуков по текстовому описанию от Nvidia. Любые безумные сочетания и человеческие голоса с нужным акцентом и эмоцией.

Made a full game using GPT free + Unity

Joel Tempero сгенерировал пиксельную игру для своего младшего брата связкой GPT и Unity.

hertz-dev

Генератор голоса, который может имитировать диалог.

ElevenReader

ElevenLabs запустили приложение ElevenReader AI. Оно может превращать статьи, PDF и книги в подкасты.

Tailor Claude’s responses to your personal style

Claude может переключать стили общения. Можно также научить её своему стилю.

OpenAI considers taking on Google with browser, the Information reports

OpenAI изучает возможность запуска своего браузера.

Shop like a Pro

В ИИ-поисковике Perplexity теперь можно покупать товары не уходя из чат-бота.

Introducing the Model Context Protocol Anthropic

Claude может подключаться к сторонним сервисам через новый протокол Model Context Protocol (MCP), специально разработанный для ИИ-помощников. Например, опубликовать сгенерированный код на GitHub.

Для общего и профессионального развития

Ask Adobe Design — What are the non-design skills you rely on in your work?

Советы дизайнеров Adobe по прокачке важных навыков помимо узкоспециализированных.

Материалы конференций

#gamesUR 2024 — Online Speaker Series

Записи выступлений с онлайн-конференции Games User Research 2024, посвящённой пользовательским исследованиям в играх.

Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Юрий Ветров
  • 4 августа 2024

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

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

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

Input your search keywords and press Enter.