Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-май 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: Теперь можно импортировать компоненты из кода популярных фреймворков.
Статьи
- Андрей Ждан: Памятка по работе с таблицами.
Adobe Photoshop
Тестируют полу-бесплатную версию в браузере, достаточно функциональную.
Ingradients
Подборка симпатичных mesh-градиентов, созданных вручную. Можно скачать в растре, векторе или сразу Figma.
Пользовательские исследования и тестирование
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.
Метрики и 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 ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
