Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-февраль 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 для неё.
Новые скрипты
Дизайн-менеджмент и 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. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
