Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-ноябрь 2022.
Паттерны и лучшие практики
It’s Time We Addressed Time-Zone Selectors
Maria Rosala и Kelley Gordon рассуждают о хорошем интерфейсе выбора часового пояса. Nielsen/Norman Group провели своё исследование разных подходов и дают рекомендации по проектированию.
Mobile Robot Software — UX Design Patterns & Benchmarking
Агентство Creative Navy сравнивает интерфейсы программ для программирования мобильных роботов.
Do No Harm Guide — Centering Accessibility in Data Visualization
Большое исследование с рекомендациями по поддержке accessibility в инфографике и визуализации данных от Jonathan Schwabish, Susan J. Popkin и Alice Feng.
UX and NPS Benchmarks of Restaurant Reservation Websites (2022)
Jim Lewis и Jeff Sauro обновили своё сравнительное исследование сервисов бронирования ресторанов. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Дизайн-системы и гайдлайны
Design System Maturity Levels
Годнейшее мышление Derek Boman о модели зрелости дизайн-системы. Он взял за основу концепцию Джеффри Мура «преодоления пропасти» для стартапов и грамотно переложил на этапы внедрения дизайн-системы внутри организации.
Storybook 7.0
Открыли бета-версию. Редизайн, новый формат описания компонентов, интеграции по API, документация через MDX 2, дополнительные возможности тестирования и многое другое.
Building the design system as you fly it
Андрей Сундиев рассказывает о пилотном запуске дизайн-системы Beamery. Как выбрали часть продукта для него и упрощали процесс, чтобы не делать лишнего на раннем этапе.
W3C Design Tokens with Style Dictionary
Lukas Oppermann сделал обзор черновика стандарта W3C для токенов и показал, как научить Style Dictionary понимать эту нотацию.
The Best of Material in 2022
Все заметные обновления Material Design в 2022 году.
Design System Canvas
Paavan Buddhdev предложил канву для создателей дизайн-системы. Она помогает описать цели, проблемы, команду и другие аспекты создания и внедрения.
Taking The Stress Out Of Design System Management
Советы по менеджменту дизайн-системы от Маши Шапошниковой из Karat. Она делится своим планом.
CSS Style Queries
Ahmad Shadeed показывает, как работают экспериментальные style queries для адаптивности на уровне компонента.
Понимание пользователя
Personalization Pyramid — A Framework for Designing with User Data
Фреймворк Colin Eagan и Jeffrey MacIntyre по персонализации продукта для пользователей. Они также описывают формат воркшопа для его заполнения.
Информационная архитектура, концептуальное проектирование, контент-стратегия
How Much Time Does It Take to Create a Customer Journey Map?
Kate Kaplan делится цифрами недавнего опроса Nielsen/Norman Group среди специалистов по интерфейсам: сколько времени занимает создание CJM? Если очень грубо — около 2 недель.
Новые инструменты дизайна интерфейсов
Figma
Проверка орфографии, передача проектов и команд другим людям и другие обновления интерфейса.
Freeform
Доска Apple для совместной работы теперь доступна для всех.
CSS mesh gradients generator
Генератор mesh-градиентов в браузере. Выдаёт CSS.
Пользовательские исследования и тестирование
Опыт настройки каналов сбора обратной связи (ОС) от пользователей
Владислава Епифанова рассказывает о настройке каналов сбора обратной связи в одном из продуктов Контура. Через какие способы они прошли и что сработало лучше всего.
Avrio — Where teams analyze and share customer research
Сервис для ведения базы знаний и инсайтов из пользовательских исследований.
Increasing ResearchOps Impact Through Automation
Rodrigo Dalcin показывает примеры автоматизации процесса планирования и проведения пользовательских исследований в Auth0.
Supercharge UX Research by Automating Workflows and Repetitive Tasks
Kim Salazar из Nielsen/Norman Group приводит пример нескольких способов автоматизации рутинных задач в подготовке и проведении пользовательских исследований.
Does Thinking Aloud Increase Task Time?
Jeff Sauro и Jim Lewis проверили, насколько метод рассуждения респондентом вслух увеличивает время выполнения задания в удалённом немодерируемом пользовательском исследовании. В целом увеличивает, хотя ещё и повышает успешность прохождения сценариев.
Визуальное программирование и дизайн в браузере
Accessible Front-End Patterns For Responsive Tables, part 1
Adrian Bece собрал лучшие практики вёрстки адаптивных таблиц с учётом требований accessibility. Часть 2.
Дизайн-менеджмент и DesignOps
Eat your broccoli
Платиновая памятка Tomer Sharon по запуску современного процесса пользовательских исследований в компании. Точнее, это его видение как должно быть, но оно очень здравое и выверенное его гигантским опытом.
Audit Content Using UX Heuristics
Samantha Campbell показывает пример подхода к аудиту контента в Atlassian.
How to Answer UX Job Interview Questions
Evan Sunwall из Nielsen/Norman Group описывает два типичных подхода к вопросам на собеседованиях (прошлое поведение и выдуманная ситуация). И предлагает пару способов системно отвечать них (STAR и METEOR).
How We Jam. Creating space to solve problems together
Mary Schwab описывает формат сессий дизайн-критики в Sprout Social.
Кейсы
From Web Page to Web Player — How Spotify Designed a New Homepage Experience
Alexandria Goree и Faith McAllister рассказывают о редизайне главной страницы Spotify в вебе — теперь это плеер.
Тренды
The 10 biggest web design trends of the year
Тренды 2022-2023 года от EditorX. Они выделяют свежие визуальные приёмы из заметных запусков агентств и продуктовых компаний.
12 graphic design trends for 2023
Тренды 2023 года от 99designs.
Pantone Color of the Year 2023
Pantone объявляет цвет: наконец-то энергичный Viva Magenta («карминово-красный»).
2022 Design Tools Survey
Результаты свежего опроса UX Tools про популярность инструментов дизайна. Figma продолжает рвать рынок, FigJam догоняет Miro. Они добавили срезы про пользовательские исследования, хотя пока выглядит сумбурно. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
Pinterest Predicts — 2023 Trend Forecast
Тренды 2023 года.
Webflow in 2022
Итоги 2022 года от Webflow.
#FramerAwards2022
Лучшие сайты 2022 года на Framer Sites.
Creative Trends 2023 — Anime Thrill, Wellness Upgrade, and a Blast of Joy
Тренды 2023 года от Depositphotos.
The 103 Best Book Covers of 2022
Лучшие обложки книг 2022 года от Literary Hub. Есть также подборки от NY Times, Fast Company и Chicago Public Library.
Top 10 Title Sequences of 2022
Лучшие титры к фильмам и сериалам 2022 года. Есть также подборки от Slash Film, Print Mag и Salon.
Milo Design Trends 2023
Общедизайнерские тренды 2023 года от Milo.
Graphic Design Trends 2023
Общедизайнерские тренды 2023 года от Graphic Mama.
Icon Design Trends For 2023
Тренды (точнее, жанры) в дизайне иконок от Shakuro.
Top Design Trends to Watch in 2023
Тренды 2023 года от Shutterstock.
The Performance Inequality Gap, 2023
Обзор текущего состояния оптимизации производительности веба от Alex Russell.
2022 Craft Beer Branding and Package Design Trends
Тренды в дизайне упаковки крафтового пива.
The Best in Packaging From 2022 — Dieline Awards Winners Revealed
Лучший дизайн упаковки.
Best Data Visualization Projects of 2022
Лучшие проекты 2022 года по визуализации данных от Flowing Data.
Top Pens of 2022 on CodePen
Лучшие эксперименты 2022 года на CodePen.
2023 Creative Trends
Тренды 2023 года от Adobe.
Gartner Top 10 Strategic Predictions for 2023 and Beyond
Технологические от Gartner (ещё).
Fast Company’s Innovation by Design Awards 2022
Заметные инновации 2022 года.
The top 100 new technology innovations of 2022
Журнал Popular Science выделил интересные технологические новинки 2022 года.
Все тренды 2023 года: забирайте скорее в работу!
Подборка подборок трендов из смежных областей от агентства WebCanape.
Алгоритмический дизайн
When Machines Change Art
Aaron Hertzmann проводит интереснейшие параллели текущего бума инструментов алгоритмического дизайна и других веток искусства и культуры за последние пару сотен лет. Он видит текущую стадию развития как промежуточную и показывает много уместных аналогий.
A Conversation With ChatGPT
Matthias Ott провёл интересный эксперимент — пообщался с новым ботом ChatGPT на тему типографики и продуктового дизайна. Ответы звучали правдоподобно, хотя это главный риск этой модели — она часто выдаёт просто салат из слов, где не эксперту сложно оценить достоверность. С другой стороны, если посмотреть прорву статей на Medium от начинающих дизайнеров — там тоже хватает этих проблем. Так что нас ждёт много интересных этических вопросов.
ChatGPT and Other Chat Bots Are a ‘Code Red’ for Google Search
Google считает ChatGPT угрозой своему основному бизнесу. Ведь если пользователь получит ответы на вопрос без перехода по ссылке — будет сложнее продавать рекламу в выдаче.
Microsoft is reportedly integrating ChatGPT’s technology into Bing
Bing встроит ChatGPT в поисковик. Он поможет давать развёрнутую информацию о каждой ссылке.
Image Creator now live in select countries for Microsoft Bing and coming soon in Microsoft Edge
Поисковик Bing теперь может генерировать фото и иллюстрации по текстовому описанию на базе DALL-E 2.
Point-E — Point cloud diffusion for 3D model synthesis
Генератор 3D-моделей объектов по текстовому запросу от OpenAI. Обзор.
Empty Pointers and Constellations of AI
Maggie Appleton отмечает, что использование термина «искусственный интеллект» для описания текущих экспериментов и продуктов стало бессмысленным — надо говорить о конкретной модели и технологии.
Midjourney vs. human illustrators — Has AI already won?
Alena Kirdina и Travis Turner из Evil Martians рассказывают о своём эксперименте — они дали одинаковую задачу иллюстратору и Midjourney. И сравнивают итоговый результат по качеству, срокам создания и менеджерским трудозатратам, а также цене.
Interior AI
Инструмент алгоритмического дизайна помогает делать наброски интерьеров.
A.I.-Generated Art Is Already Transforming Creative Work
New York Times сделали мини-интервью о применении новых инструментов алгоритмического дизайна в разных отраслях — игры, интерьеры, реклама, проектирование услуг.
From Hot Wheels to handling content — How brands are using Microsoft AI to be more productive and imaginative
Как дизайнеры игрушек Hot Wheels в Mattel делают наброски новых моделей в DALL-E 2. Microsoft встроил их в своё облако Azure и помогает бизнесу активнее использовать алгоритмический дизайн.
The Future Of Design — Human-Powered Or AI-Driven?
Keima Kai анализирует, может ли алгоритмический дизайн помочь на каждом этапе работы над сайтом.
Amplifying human creativity: Adobe Stock defines new guidelines for content made with generative AI
Adobe Stock разрешил продавать фото и иллюстрации, сделанные с помощью алгоритмического дизайна. Правда, с пачкой ограничений (например, нельзя копировать чужой стиль).
Ghostwriter — AI typewriter
Печатная машинка использует ChatGPT для генерации текстов и автоматической печати от Arvind Sanjeev.
Как мы сделали настолку с помощью нейросети
Настя Никулина из Calibri рассказывает, как делали иллюстрации для настольной игры «Колибриум» с помощью Midjourney.
Studio
В 2017 году они запустились как обычный инструмент дизайна интерфейсов, а теперь переосмыслили себя в сторону связки с алгоритмическим дизайном. Пока можно только встать в очередь на бета-версию.
Nestle: It’s so pleasurable to take the time
Агентство Ogilvy Paris расширило картину Вермеера «Молочница» с помощью DALL-E 2 для рекламной кампании Nestle.
How BBDO Is Supercharging the Creative Process With Generative AI
Как BBDO пробует использовать в проектах инструменты алгоритмического дизайна, генерирующие графику по текстовому описанию. Спойлер: пока больше для экспериментов.
Для общего и профессионального развития
Reading Design
Годная подборка важных публикаций, которые разбирают дизайн как дисциплину с критической точки зрения.
Материалы конференций
Storybook Day
Storybook запускают свою конференцию по дизайн-системам. Первая пройдёт 14 марта 2023 года в онлайне.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
