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

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

  • 10 июля 2022

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

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

Редизайн дайджеста на подходе

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

Если вы готовы помочь с развитием дайджеста и уделить для этого 30-45 минут своего времени, оставьте свой контакт в этой форме. Интервью пройдет в Zoom.

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

Идеи и гайдлайны для интернет-магазинов

Станислав Хрусталёв собрал каталоги паттернов интернет-магазинов:

  • Допродажи и кросс-продажа
  • Характеристики и описание товара
  • Фотографии и видео товара

Luxury Shopping User Groups and Journeys

Kate Moran описывает 4 типа пользователей, которые покупают люксовую одежду и аксессуары. Чем отличается их поведение и каковы их потребности. В другой статье она сравнивает ожидания типичных пользователей и примеры реализации.

UX Writing: Study Guide

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

The World’s Most Satisfying Checkbox

Andrew Allen попробовал сделать экспериментальное приложение-планировщик, которое делает момент закрытия задачи выдающимся.

Touch-First Cursor — Round Pointers vs. Mouse Arrows

Graeme Fulton анализирует особенности работы курсора в iPad, который развивает классическую идею курсора, существовавшую много десятилетий без особых изменений.

Exploring the Boundaries of Unmanned Restaurant Services: A Case Study

Беглый обзор особенностей взаимодействия с ресторанами без обслуживания людьми от Leeloo Tang и Feifei Liu из Nielsen/Norman Group.

UX and NPS Benchmarks of Real Estate Websites (2022)

Свежее сравнительное исследование американских сайтов и сервисов недвижимости от MeasuringU. Они выделяют ключевые драйверы, влияющие на оценку.

Redesigning Salesforce Maps to Improve Accessibility

Jonathan Jordan рассказывает о доработке интерфейса карт в Salesforce для пользователей с нарушениями цветового восприятия.

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

WWDC 2022

6-10 июня прошла ежегодная выставка новых операционок Apple. Как и месяц назад в Android 13, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Но два раза пропускать анонсы грешно, так что подсвечу хотя бы это:

iOS 16

Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр. Как его делали.

Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение.

А ещё — скопировать текст из видео.

В браузерах на базе WebKit появятся пуш-уведомления — в первую очередь в iOS и iPadOS.

Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.

Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.

Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном мест.

Объявили финалистов Apple Design Awards.

Ну и самое главное — обновили Human Interface Guidelines. И шаблон для Figma от Joey Banks.

Несколько полезных сессий с WWDC:

  • Расширенное шрифтовое семейство San Francisco (появились Condensed, Compressed и Expanded).
  • Как грамотно писать тексты в интерфейсе.

iPadOS 16

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

Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.

CarPlay

Более тесная интеграция в интерфейс машины.

watchOS 9

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

Отслеживание сна.

Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.

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

Design System in 90 Days — A workbook from SuperFriendly

Команда SuperFriendly выпустила мини-книгу о дизайн-системах «Design System in 90 Days», в дополнение к которой идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.

Тёмная тема оформления

Primer Prism

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

How to add a theme switcher to Storybook

Yann Braga показывает, как сделать переключатель темы оформления в Storybook.

The Guide To Windows High Contrast Mode

Christian Diaz показывает, как поддержать высококонтрастную тему оформления в Windows через CSS.

Notes on maintaining an internal React component library

Годные советы Gabe Scholz по разработке компонентов дизайн-системы. Многие из них полезны для управления процессом и дизайна.

The Folly of Design System “Foundations”

Dan Mall критикует подход к созданию дизайн-систем, когда команда тратит слишком много сил на старте на определение «фундамента» — например, системы цветов и отступов. Для начинающих компаний проще взять хоть что-то, а потом дорабатывать — при правильной архитектуре дизайн-системы это быстро и недорого. Ну а вместо этого сфокусироваться на главном — покрытии в продуктах и вовлечении команд.

Why most design systems implode

Беседа с Brad Frost о текущем состоянии дизайн-систем и его работе со Storybook.

Reinventing Adobe Spectrum’s colors

Nate Baldwin рассказывает об очередном обновлении цветовой палитры в дизайн-системе Adobe Spectrum. Её использует сотня приложений компании.

How we designed an accessible color palette from scratch

Jade Mihami из WTTJ рассказывает о работе над новой цветовой палитрой дизайн-системы, которая соответствует требованиям accessibility.

Material Icons: Sehee Lee

Интервью с Sehee Lee из команды Material Design, в которой она рассказывает о процессе добавления новых иконок в дизайн-систему.

The 2022 Design Systems Survey

Свежее исследование текущего состояния дизайн-систем от Sparkbox. Они опросили 219 специалистов на тему их главных задач и болей во внедрении.

Универсальный виджет комментариев: правила создания и кастомизации

Андрей Каменецкий рассказывает о тематизации виджета комментариев для разных сервисов Рамблера. Как выделить общие и настраивающиеся элементы.

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

How Effective Personas Inspire Customers to Say ‘Yes’

Paul Landon делится опытом практического использования персонажей в Salesforce.

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

Natalie Marie Dunbar — From Solo to Scaled

Rosenfeld Media выпустили книгу Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.

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

Figma

Июньские обновления: виджеты, поиск плагинов и шаблонов прямо в интерфейсе, переработанная документация по API, поддержка Chromebook.

Плагины

  • Supa Palette: Генератор цветовых палитр с учётом accessibility и экспортом в популярные фреймворки.
  • Anima: Теперь можно импортировать компоненты из кода популярных фреймворков.

Статьи

  • Андрей Ждан: Памятка по работе с таблицами.
  • Bitepix: Как импортировать данные из таблиц Google.

Adobe Photoshop

Тестируют полу-бесплатную версию в браузере, достаточно функциональную.

Ingradients

Подборка симпатичных mesh-градиентов, созданных вручную. Можно скачать в растре, векторе или сразу Figma.

Sketch 89

Возможность создавать шаблоны артбордов и общие обновления интерфейса.

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

How to choose the right research methods for your discovery process

Отличная памятка по выбору методов исследований при поиске и понимании проблемы пользователей от Robin Zaragoza.

How to keep games secret in playtests

Советы Steve Bromley о том, как избежать утечки при проведении игровых тестов до выпуска игры.

The Many Ways of Thinking Aloud

Jeff Sauro и Jim Lewis сравнивают разные способы проведения пользовательских исследований, в которых респондент проговаривает свои действия. Насколько критичны прерывания от модератора и какой ценой можно избежать их.

Scaling Research — Using Rapid Research to level-up your teams

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

Five principles for scaling and democratizing product research

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

Democratize User Research in 5 Steps

Советы Kara Pernice из Nielsen/Norman Group по демократизации пользовательских исследований. Как научить коллег проводить простые исследования, чтобы у профессионалов оставалось время на сложные.

How Research Operations Supports Scaling and Democratized Teams

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

How to use mixed method research to drive product decisions

Raschin Fatemi показывает, как её команда в Shopify использует комбинацию методов исследований в продуктовой работе.

Mixed methods research for feature prioritization

Sutong Liu делится опытом IBM по комбинации методам исследований для ранжирования беклога.

A simple process to find playtesters

Советы Steve Bromley по поиску респондентов для игровых тестов.

Consent Forms for UX Research

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

Automating Recruitment for User-Research Panels

Советы по созданию собственной панели респондентов для пользовательских исследований от Peter Veto из Airtime.

Conducting a UX Research Kick-off Meeting

Советы Preeti Srinivasan по проведению установочной встречи перед стартом проекта по исследованию пользователей.

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

Internet Explorer Still Does Not Go Away Today

15 июня 2022 года Microsoft прекратили поддержку Internet Explorer. Ушла эпоха со своими взлётами и пролётами. Но пользователи с этим браузером просто так не исчезнут — в некоторых отраслях их нужно будет продолжать поддерживать (они зачастую не могут выбирать рабочие инструменты).

Voice Control Usability Considerations For Partially Visually Hidden Link Names

Советы Eric Bailey по оформлению ссылок и кнопок со скрытым полным названием для правильной поддержки accessibility.

Just How Long Should Alt Text Be?

Geoff Graham пытается разобраться, какая оптимальная длина ALT-текста у картинок, чтобы её было комфортно читать экранному диктору.

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

  • AutoAnimate: Набор скриптов помогает быстро и аккуратно анимировать интерфейс, написанный на JavaScript.
  • Анимация SVG-фигур при прокрутке.

Метрики и ROI

Measuring The Performance Of Typefaces For Users

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

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

Paying off design debt

Шикарная инструкция по пополнению и разбору дизайн-долга от Alicja Suska. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.

Setting UX Roles and Responsibilities in Product Development — The RACI Template

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

Deliver with less fuss — a Jira Software guide for Designers

Памятка Mat Ferello из Atlassian по планированию в Jira для дизайнеров.

What is Strategy Design & Why Does It Matter?

Steph Shapiro, Micah Eberman и Denise Burchell рассуждают о роли дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.

Кейсы

6 tips for building a genuinely helpful chatbot

Ruth Drake рассказывает о работе над чат-ботом поддержки в британских государственных сервисах. Как проектировали его и с какими проблемами столкнулись.

Hey, check out this egg-laying wool-milk-pig: said no one ever

Как команда Wikimedia работала над функциями редактирования материалов Wikipedia в версии для Android.

Instamart’s take on lightning speed, Episode I: Your go-to items

Amrita Ganguly рассказывает о работе над функцией популярных заказов в Instamart. Как пришли к идее, анализировали и исследовали её.

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

Why Fonts Make Us Feel

Словолитня Monotype и исследовательская компания Neurons изучили эмоциональный эффект от шрифтов. Они сравнили три шрифта в разных ситуациях среди 400 респондентов.

CNET

Ребрендинг крупного новостного сайта CNET от американского агентства Collins. Их любимый рецепт — совсем новый и нетипичный для рынка подход к иллюстрациям, харáктерный шрифт.

Tranch

Айдентика финтех-сервиса Tranch от австралийского агентства Lovework Studio.

Freetree

Айдентика благотворительного браузерного плагина Freetree от португальского агентства How&How.

Jiffy

Айдентика сервиса доставки еды Jiffy от Щуки.

GoTo

Ребрендинг сервисов для совместной работы и администрирования GoTo от британского агентства Moving Brands.

Тренды

2022 Logo Trend Report

Тренды в логотипах 2022 года от LogoLounge.

Core77 Design Awards 2022

Лучший дизайн 2022 года по версии журнала Core77.

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

В этом году подборка новостей алгоритмического дизайна = подборка новостей про DALL-E 2. Это второе поколение экспериментального генератора фотографий и иллюстраций реальных и выдуманных объектов по текстовому описанию от OpenAI. Уровень, конечно, фантастический — многие из результатов можно хоть сейчас без стыда использовать в реальных продуктах. Одно из самых сильных явлений в истории алгоритмического дизайна.

Scott Alexander учил нейросеть рисовать витражи с определёнными сюжетами. Рассказ чумовой — он постоянно уточнял формулировку запроса, чтобы добиться определённого результата. Это отличный пример того, как дизайнеры могут управлять роботами-дизайнерами.

Энтузиасты налево и направо упражняются в том, что можно сделать:

Красочные иконки от Charlota Blunarova. Фантастическое качество и модный стиль.

Шикарный мемасный форс. Дикие концепции вроде «Ice Cube in an ice cube», «Plague doctor Onlyfans» или «Jesus speaking at a TED talk».

Обложка Cosmopolitan, на которую у Карен Ченг ушло под сотню часов правильного формулирования запросов.

Фотореалистичные люди.

Развитие классических картин.

Фотоаппараты в духе персонажей «Звёздных войн» и других фильмов от Mathieu Stern.

Забавный гибрид Wordle и DALL-E.

Слабых место, правда, полно. Статья дотошно разбирает, что нейросеть умеет хорошо, а где лажает. В целом — безумно круто, но непредсказуемо. Хотя в любом случае круче абибасной версии ruDALL-E.

После долгой стагнации в теме идёт мощный качественный прорыв, который реально снимает часть рутины с дизайнера. Правда, немного позже — когда инструмент полноценно станет доступен всем).

Digital Design Is Now A Real Job

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

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

Your UX Career Is a Product — with Sarah Doody of Career Strategy Lab

Толковая дискуссия с рекрутёром дизайнеров Sarah Doody. Она советует рассматривать свою карьеру как продукт — я стараюсь делать так же.

Setting Yourself Up for Success On a New Team

Советы Ashley Kraner для дизайнеров, которые только что пришли в компанию. Как грамотно влиться в команду и показать свою пользу за первые 90 дней.

UI Coach — Become a better UI designer

Серия упражнений для начинающих дизайнеров интерфейсов.

Подпишитесь на дайджест в Телеграме, ВКонтакте или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.

Юрий Ветров

Директор по бренду и дизайну Muse Group, ранее — Райффайзен Банка и Mail.ru Group. Я руковожу несколькими командами, которые отвечают за дизайн бренда и интерфейсов. Веду блог и курс о дизайн-менеджменте, делаю дайджесты, со-организовывал Fintech Design Conf, Mail Design Conf и московский Dribbble Meetup, Russian Design Cup, читаю лекции в Британке, курирую курс Future London Academy в Лондоне, публикуюсь на Smashing Magazine, UXmatters и UX Collective. Подробнее обо мне.

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

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

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

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

  • Юрий Ветров
  • 19 февраля 2023
View Post
  • Дайджест

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

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

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

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

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

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

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

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

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

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

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

  • Юрий Ветров
  • 8 августа 2022

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

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

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

Input your search keywords and press Enter.