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

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

  • 13 апреля 2023

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

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

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

Modern iOS Navigation Patterns

Frank Rausch собрал простую памятку по современным навигационным паттернам в iOS.

Cohesion in UX writing

Марина Неволина из Acronis делится своим опытом работы с текстами в интерфейсе. Как добиться согласованности по всему продукту.

Livestream Ecommerce Supports Both Goal-Oriented and Impulsive Shoppers

Feifei Liu из Nielsen/Norman Group проанализировала подходы к китайским «интернет-магазинам на диване». Как они ведут трансляции и связывают их с покупкой товара.

What we’ve learned about designing for accessibility from our users

Andrew Gosine рассказывает о поддержке accessibility в Slack. Как прорабатывали эти возможности и тестировали с пользователями.

Same data, different stories — How to manipulate the graphs to support your narrative

Gil Bouhnik показывает примеры манипуляции с данными на графиках. Как искажают информацию с помощью тёмных паттернов.

The Psychology Behind Loom’s Explosive Growth

Сайт Growth Design анализирует процесс встречи нового пользователя в сервисе Loom. Как они ненапряжно вовлекают.

Chamjo — Design Inspiration from live apps, games, and websites

Ещё одна коллекция интерфейсных паттернов для мобильных.

The playful design details of the Playdate console

Daley Wilhelm разбирает интерфейс игровой приставки Playdate.

Technical Jargon

Kate Moran из Nielsen/Norman Group советует ограничивать использование технического жаргона в интерфейсах. Он уместен только для узкоспециализированных сервисов, для остальных — стоит давать расшифровку или вообще избегать их.

3 lessons from Bumble’s onboarding

Rosie Hoggmascall анализирует процесс встречи нового пользователя в приложении для знакомств Bumble.

Do You Know How to Design with Color Contrast? Quiz Yourself to Find Out

Простой тест по accessibility от Kellen Mannion из Salesforce.

Data Dashboards UX — Design Patterns & Benchmarking

Агентство Creative Navy сделало большой обзор интерфейсных паттернов, которые используются в сервисах-дашбордах.

Provide a “Fully Automatic Address Lookup” Feature (55% Don’t)

Edward Scott из Baymard даёт советы по проектированию подсказок точного адреса в интернет-магазинах.

Symptom Tracker UX Design Patterns & Benchmarking

Creative Navy сравнили интерфейсы приложений для отслеживания симптомов хронических болезней.

Sparkles aren’t good UX

Daley Wilhelm заметила популярность эмоджи и иконок искр в интерфейсах. Она копнула, откуда они появились и не советует увлекаться ими.

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

How we built our multi-platform design system at Booking.com

Nicole Saidy описывает процесс работы над компонентом в дизайн-системе Booking.com (он есть в Figma). И рассказывает о других инструментах в работе над ней.

Scaling Design — Building Lyft’s plug-and-play payment system

David Wu описывает процесс внедрения платформы для платежей в Lyft. Самая ценная часть статьи — подход к оценке новых запросов в дизайн-систему.

Styling Addon — Configure styles and themes in Storybook

Storybook сделали дополнение, которое позволяет переключать тему оформления для любого фреймворка.

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

Microsoft Inclusive Design — Cognition Exclusion Guidebook

Microsoft расширили свои гайдлайны по инклюзивному дизайну — появился раздел про когнитивные ограничения и работу с ними. Tracy Jones сделала обзор основных тезисов и приводит примеры решений из продуктов компании.

Behavioral science as a specialization

Connor Joyce описывает роль и задачи специалиста по поведенческой науке.

Software accessibility for users with Dyslexia

Советы Eva Katharina Wolf по поддержке пользователей с дислексией в интерфейсах.

Информационная архитектура, концептуальное проектирование, контент-стратегия

Using scenario building to think through options for your service or policy

Serena Nϋsing из Gov.uk рассказывает о подходе с построением возможных сценариев, которые решают проблемы в customer journey map.

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

Figma

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

В FigJam появились полноценные таблицы.

Плагины

  • Include: Документирование accessibility.


Статьи

  • Reactive: Задачи футбольного клуба Амкар. Отличный пример автоматизации.
  • Make: Дизайн игровых уровней.

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

ResearchOps Toolbox

Сообщество ResearchOps запустило каталог инструментов для всех видов и задач пользовательских исследований. Они также провели опрос про их популярность. Как его делали.

User-Feedback Requests: 5 Guidelines

Anna Kaley из Nielsen/Norman Group показывает удачные и плохие примеры запроса обратной связи в интерфейсе. В какой момент показывать их и как делать короткими.

Notetaking for UX Research — Templates & Methods

Lizzy Burnam из User Interviews собрала шаблоны и методы для ведения заметок по ходу пользовательского исследования. Она также тезисно описала лучшие практики.

Amplify Your UX Research Impact Using Ideation Sessions

Paige Nuzzolillo из Indeed рассказывает о встречах по генерации идей, которые проходят после проведения пользовательских исследований.

Customer Success in UX Research — Roadblock or Valuable Resource?

Lizzy Burnam из User Interviews пишет о продуктивном взаимодействии пользовательских исследователей и команды поддержки.

Bias is Unavoidable in UX Research — Here’s What to Do About It

Lizzy Burnam из User Interviews пишет о когнитивных искажениях пользовательских исследователей. Как бороться с ними и вообще замечать на ранней стадии.

When is the Right Time to do UX Research?

Roberta Dombrowski делит методы пользовательских исследований на 4 ситуации, в которых они могут помочь продуктовой команде: видение, стратегия, поиск продуктового решения и его оценка.

Research democratization — Reframing the conversation from training to decision-making

Jenifer Bulcock из Condens размышляет об особенностях подхода к демократизации пользовательских исследований.

Визуальное программирование и дизайн в браузере

Getting Started with Style Queries

Una Kravets показывает, что могут style queries — относительно новая спецификация CSS.

Scrollbar

Сайт позволяет быстро стилизовать полосу прокрутки в браузере и получить CSS для неё.

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

  • Подборка иконок-переключаетелей тёмной темы оформления с кодом на CSS.

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

How the Figma design team level set on career leveling

Sara Culver рассказывает о новой версии карьерной лестницы для дизайнеров в Figma. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.

UX Strategy: Study Guide

Nielsen/Norman Group сделали структурированную подборку своих статей о UX-стратегии.

The ROI of User Research and Recruiting Tools — A Comparative Analysis

Сервис User Interviews провёл большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.

Yes, you should embed UX researchers into your design teams

Caylie Panuccio из Atlassian описывает плюсы и минусы централизованного и погружённого формата для пользовательских исследователей.

3 Content Design Artifacts I Can’t Live Without

Rebecca Anne Nguyen из Indeed описывает несколько способов оценить качество текстов в интерфейсе, которые готовит команда редакторов.

Командное взаимодействие

A Comprehensive Checklist For Running Design Workshops

Подробная памятка по проведению воркшопов по дизайну от Славы Шестопалова.

Avoiding 3 Common Pitfalls of Affinity Diagramming

Matt Brown из Nielsen/Norman Group перечисляет причины, по которым создание диаграмм родства для группировки идей может пойти не так.

Кейсы

Design notes on the 2023 Wikipedia redesign

Alex Hollender рассказывает о недавнем редизайне Wikipedia. Какие проблемы решали, как шёл дизайн-процесс и насколько сложно было согласовать выкатку.

Designing Zenly, Part I. 2015–2017

Julien Martin рассказывает о всех этапах работы над брендом и интерфейсом сервиса Zenly, который недавно закрылся.

The re-designed Uber App

Charlie Waite рассказывает о редизайне мобильного приложения Uber.

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

Принципы отрисовки новых иконок в шрифтовую пару на Авито

Максим Аксёнов рассказывает, как визуально срифмовали набор иконок со шрифтом. Отличная пошаговая инструкция для важной задачи, до которой редко добираются команды.

Wise

Ребрендинг финтеха Wise от американского агентства Ragged Edge.

Bolt

Брендинг платёжного сервиса Bolt от британского агентства Koto.

Как мы выстраивали визуальный стиль Яндекс Маркета

Анна Большакова рассказывает о создании визуального языка Яндекс Маркета.

Homa

Ребрендинг игровой студии Homa от американского агентства Ragged Edge.

Oppo

Ребрендинг мобильных телефонов Oppo от шведского агентства Stockholm Design Lab.

Going

Ребрендинг сервиса бронирования авиабилетов Going от британского агентства Design Studio.

The Org

Ребрендинг сервиса для нетворкинга The Org от голландского агентства Verve.

Frame.io

Ребрендинг Frame.io, дочерней компании Adobe, сделанный внутренними силами.

Around Pet

Айдентика сервиса мониторинга домашних питомцев Around Pet от немецкого агентства Navarra.

Brite

Айдентика платёжного сервиса Brite от британского агентства MultiAdaptor.

Тренды

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

Adobe Firefly — AI Art Generator

Генератор фото и иллюстраций по текстовому запросу от Adobe на базе их платформы Sensei. Их можно быстро редактировать всеми модными способами, которые они показывали последние годы в основные продукты.

Midjourney v5

В новой версии лучше получаются руки, глаза и зубы, больше детализация и размер 1024×1024 (было 512×512).

GPT-4

OpenAI выпустили свою новую языковую модель GPT-4: Она умеет анализировать и анализировать изображения (что на них происходит, включая пояснительную бригаду для мемов), менять стиль общения, превращать бумажный набросок интерфейса в готовую вёрстку, создать готовое мобильное приложение по описанию концепции. Они также сделали плагины — уже есть е-ком (Shopify, Klarna), бронирование билетов (Expedia, Kayak), еда (Instacart, OpenTable), автоматизация (Zapier) и другие. А также интеграцию через API.

Speed Up Your Design System Documentation — How Chat GPT is Changing the Game

Chris Lueders попробовал написать гайдлайны для компонента в дизайн-системе с помощью ChatGPT. В целом работает, хотя и слишком общо — важна специфика продуктов конкретной компании. Ведь такие тексты пишутся для облегчения жизни потребителей дизайн-системы, а не автора документации.

Noya

Инструмент алгоритмического дизайна от бывших дизайнеров Airbnb. Он превращает набросок интерфейса в готовый макет на базе компонентов дизайн-системы. Анонс.

GitHub Copilot X

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

Microsoft 365 Copilot

Приложения вроде Word, Excel, PowerPoint, Outlook и Teams могут генерировать и анализировать документы. Это большой рывок в продуктивности.

Google announces AI features in Gmail, Docs, and more to rival Microsoft

У Google Docs похожие планы.

The End of Front-End Development

Josh W Comeau считает, что ChatGPT не заменит разработчиков, несмотря на широкие возможности GPT-4. Это как визуальные конструкторы сайтов — они снизят порог входа, но помимо этого сделают разработчиков продуктивнее.

Introducing Fin — ChatGPT for customer service

Intercom встроили ChatGPT в свой сервис поддержки пользователей — он обрабатывает часть запросов. Как его делали.

Salesforce Einstein

Salesforce встроили ChatGPT в свою CRM, так что обещают генерировать и адаптировать контент для неё. Анонс.

Tome — The AI-powered storytelling format

Инструмент алгоритмического дизайна для презентаций. Может сгенерировать черновик с графикой на основе тезисов.

ECON — Explicit Clothed humans Obtained from Normals

Экспериментальный алгоритм позволяет создать 3D-модель человека на основе фото.

Piggy — Mobile Content Creator

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

Creating Isometric RPG Game Backgrounds

Рассказ об экспериментальной игре, графику для которой делали с целой связкой инструментов, включая Stable Diffusion.

DetectGPT — a GPT-2 Detector

Экспериментальный сервис помогает определить текст, написанный с помощью ChatGPT. Пока, правда, только для модели GPT-2.

Stable Diffusion Blender Add-On

Плагин Stable Diffusion для Blender. Помогает создавать и анимировать объекты.

Neural3D

Инструмент генерирует 3D-объекты по текстовому запросу.

What if AI tools paid artists?

Fawzi Ammache описывает концепцию сервиса ArtFair, который платит авторам иллюстраций и фотографий, которые использовались при тренировке инструментов алгоритмического дизайна.

Genius by Diagram

Новый загадочный проект от команды Diagram, делающей плагины алгоритмического дизайна для Figma. Позиционируется как компаньон.

Introducing AI-Generated Product Descriptions Powered by Shopify Magic (2023)

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

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

Creativity as a system. Seeing creativity as a system

Kazden Cattapan из Shopify описывает своё понимание креативности как системы. Как влиять на разные аспекты этого процесса и подхода.

Люди и компании в отрасли

What I Learned as a Product Designer at Apple

Andrea Pacheco рассказывает о своём опыте работы в Apple как продуктовый дизайнер. Она подсветила основные моменты, хотя не все рекомендации хороши (например, про пользовательские исследования).

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

  • Юрий Ветров
  • 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.