Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-декабрь 2022.
Паттерны и лучшие практики
The UX of Banking — 900 days of progress
Peter Ramsey освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.
Designing for Accessibility — Best Practices for Closed Captioning and Subtitles UX
Виталий Фридман описывает лучшие практики показа субтитров к видео.
Mission Control Software UX Design Patterns & Benchmarking
Агентство Creative Navy сравнило интерфейсы программ для управления космическими полётами.
Designing for the World: An Introduction to Localization
Mercedes Krimme, Melia Wagner и Faith McAllister рассказывают о подходах к локализации интерфейса и контента в Spotify.
The power of localization in user experience
Rotem Maor рассказывает о разных гранях локализации Wix. От простого перевода текстов до региональных доменов и конкретных посылов.
The hidden complexity of bank cards
Peter Ramsey обновил своё исследование британских банков — прошёлся по сценарию перевыпуска карты.
CAD Software UX Design Patterns & Benchmarking
Агентство Creative Navy сравнивает интерфейсы программ для 3D-моделирования.
Make “Guest Checkout” the Most Prominent Option (47% Don’t)
Edward Scott из Baymard Institute разбирает хорошую и плохую реализацию покупки без регистрации в интернет-магазинах.
Syringe Pumps UX — Design Patterns & Benchmarking
Агентство Creative Navy сравнивает медицинские интерфейсы шприцевых помп.
UX and NPS Benchmarks of Clothing Retail Websites (2023)
Jim Lewis и Jeff Sauro обновили своё сравнительное исследование интернет-магазинов одежды. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Дизайн-системы и гайдлайны
Sizing typography in design systems
Kevin Muldoon предлагает интересный подход к описанию типографической сетки в дизайн-системах. Он ориентируется на ширину типовых колонок контента в разных состояниях адаптивности.
Codex
Дизайн-система Wikimedia (команда, которая делает Wikipedia). Как и зачем её создавали.
Design Systems at Alibaba
Pooya Kamel рассказывает о переводе на дизайн-систему сервиса бронирования Atlas от Alibaba.
Mafs — React components for interactive math
Библиотека React-компонентов для визуализации данных.
Понимание пользователя
JTBD Canvas 2.0
Jim Kalbach и Elaine Matthias выпустили вторую версию своего шаблона JTBD Canvas. В сопроводительной памятке они описывают как работать с ним.
Neurodiversity Design System
Рекомендации по дизайну интерфейсов для людей с разными когнитивными способностями.
Информационная архитектура, концептуальное проектирование, контент-стратегия
How Practitioners Create Journey Maps: Typical Uses, Roles, and Methods
Nielsen/Norman Group опросили 343 специалиста на тему процесса создания CJM. Kate Kaplan делится основными выводами.
Новые инструменты дизайна интерфейсов
Figma
Официальные советы по организации команд, проектов и файлов. В самом интерфейсе — общие обновления.
Статьи
Brooke Altman делится подходом Deliveroo к организации проектов. Они сделали толковый шаблон, помогающий структурировать информацию о проекте и задаче.
Шаблоны
Pixelicious
Сервис конвертирует обычные фото и иллюстрации в пикселизованные из старых игр.
OKLCH Color Picker & Converter
Сервис помогает анализировать цвета в относительно новом формате записи OKLCH.
Sketch
Pieter Omvlee и Emanuel Sá анонсировали изменения в подходе к разработке. Команда стала компактнее и, по идее, динамичнее. Не факт, что это поможет им сократить отставание. Но скорость реакции и правда была вялой последние годы, так что интересно будет посмотреть.
Пользовательские исследования и тестирование
Continuous Research Trends Report 2023
Maze и Atlassian провели опрос 600 дизайнеров, исследователей и менеджеров продуктов о том, на каких этапах работы над продуктом они проводят пользовательские исследования. И в целом про развитие экспертизы в компаниях.
Формулировка гипотез для юзабилити-тестирования — на что обратить внимание
Памятка Юлианы Шевчук из Контура по формулировке гипотез для юзабилити-тестирования. Как правильно описывать их, чтобы получить хорошие ответы.
How to Write Study Invite Emails for UX Research
Памятка сервиса User Interviews по написанию хорошего письма-приглашения на пользовательское исследование. Бонусом идут шаблоны-примеры.
105 Free UX Research Templates for Tools You Already Use
User Interviews собрали большую коллекцию шаблонов для разных методов и задач пользовательских исследований.
6 Tips for Better Participant Engagement in Diary Studies
Советы Maria Rosala из Nielsen/Norman Group по повышению вовлечённости респондентов в дневниковые исследования. Многие не осознают, сколько времени они требуют и отваливаются на разных этапах.
Your UX research reports are boring
Советы Joyce S. Lee из Atlassian по презентации результатов пользовательских исследований команде. Она советует экспериментировать с подходами и вовлекать участников разными способами.
Как доносить знания про пользователей за пределами разработки
Эльмира Искакова перечисляет способы донести знания про пользователя для продуктовых команд Контура.
ResearchOps — Creating a system to scale User Research
Rachel Miles из IBM даёт советы по первым шагам внедрения ResearchOps в компании. Больше пересказ известного фреймворка, но есть и личный опыт.
What Dovetail does and does not do
Создатели сервиса ведения базы знаний и инсайтов из пользовательских исследований Dovetail описывают свою роль на рынке сопутствующих инструментов.
Does Thinking Aloud Affect Task Metrics?
Jeff Sauro и Jim Lewis провели серию экспериментов, чтобы замерить влияние метода рассуждения респондентом вслух на результаты удалённого немодерируемого пользовательского исследования. Спойлер: отклонения есть, хотя и не критичные.
Визуальное программирование и дизайн в браузере
Новые скрипты
Метрики и ROI
CASTLE Framework for Workplace Applications UX
Page Laubheimer предлагает фреймворк интерфейсных метрик CASTLE от Nielsen/Norman Group, который дополняет Google HEART для корпоративных продуктов. У них другие принципы использования и критерии успеха.
Дизайн-менеджмент и DesignOps
UX-Stakeholder Engagement 101
Sarah Gibbons из Nielsen/Norman Group разбирает лучшие практики вовлечения лиц, принимающих решения. Они предлагают необязательную смену терминологии («вовлечение» вместо «менеджмента»), хотя любой современный подход для кросс-функциональных команд предполагает вовлечение.
Maria Giudice & Christopher Ireland — Changemakers. How Leaders Can Design Change in an Insanely Complex World
Rosenfeld Media выпустили книгу «Changemakers» об управлении изменениями с помощью дизайна. Глава №1 в открытом доступе.
Measuring DesignOps with the REACH Metrics Framework
Kate Kaplan из Nielsen/Norman Group предлагает набор метрик REACH для оценки эффективности работы DesignOps. Не факт, что нужны количественные измерения для многих из перечисленных вещей (это отдельная работа), но подход интересный.
Командное взаимодействие
Groupthink in UX Work
Samhita Tankala из Nielsen/Norman Group пишет о проблеме группового мышления на встречах по обсуждению дизайна. И даёт советы по минимизации эффекта.
Методологии, процедуры, стандарты
The design process and the scaffolding within
Dan Ramsden описывает своё видение дизайн-процесса на теоретическо-концептуальном уровне.
Брендинг цифровых продуктов
Ребрендинг Whatsapp от британского агентства Koto.
История
Marcin Wichary — Shift Happens
Marcin Wichary выпускает книгу «Shift Happens» об истории клавиатур. Он проследил её за 150 лет от печатных машинок до современных.
Revisiting Apple’s ill-fated Lisa computer, 40 years on
Jeremy Reimer рассказывает историю интерфейса компьютера Apple Lisa. Давний дискурс про то, сколько они списали у Xerox PARC, тут тоже есть.
Тренды
CES 2023
Каждый год последние много лет начинается с разбора свежатины с выставки — она прошла с 5 по 8 января в Лас-Вегасе. Смотрю на всячину, которая имеет прямое или косвенное отношение к интерфейсам:
Экраны
Телевизор Displace TV можно приклеить к любой поверхности — он полностью беспроводной
Авто
Умные колонки и помощники
Наушники
Игры
Очки и шлемы
Носимые устройства
Методы ввода
Смартфоны
Всякое
А вот этим дивным делам не про интерфейсы позавидует король магазинов на диване Leomax: домашний дрон, унитазный анализатор, велотренажёр с компьютерным столом, веб-камера/лампа/док-станция, принтер для бровей, электроколяска для детей, подушка для снятия стресса, ложка с усилителем вкуса, перцовый баллончик сам звонит в полицию, няшный мини-робот Loona. В общем и в целом всё о проблемах белых людей.
Если вкрации — познавательно про то, для каких устройств можно будет поделать интерфейсы в будущем.
Monotype Type Trends 2023
Шрифтовые тренды 2023 года.
Wunderman Thompson The Future 100: 2023
Тренды 2023 года.
GSAP codepens 2022
Лучшие скрипты CodePen 2022 года для анимации на GSAP.
Статистика рынка за 2022
Алгоритмический дизайн
Can ChatGPT write a proper usability test script?
Lawton Pybus попробовал написать сценарий юзабилити-тестирования с помощью ChatGPT. По форме похоже на правду, по сути — много дырок и воды.
Runway — Next-generation creation suite. Everything you need to make content, fast
Инструмент алгоритмического дизайна, который собрал вместе популярные сейчас функции отдельных утилит.
Figma plugins development via ChatGPT
Сергей Никишкин из Acronis попробовал написать три плагина для Figma с помощью ChatGPT. В целом получается, хотя не сразу и не всегда оптимально.
Prompt-Driven Design
Инвестфонд Felicis Ventures вложился в много инструментов алгоритмического дизайна, основанных на вводе текстового запроса от пользователя. Они сделали обзор своего портфеля.
Poly — Generate design assets with A.I.
Инструмент алгоритмического дизайна генерирует текстуры для 3D-моделирования.
VALL-E
Экспериментальная модель Microsoft, которая генерирует аудио-запись любой фразы нужным голосом. Нужен только небольшой образец оригинала.
OpenAI Used Kenyan Workers on Less Than $2 Per Hour: Exclusive
Очередная дикая история про то, как качество результатов инструментов алгоритмического дизайна обеспечивается дармовым трудом людей из какой-нибудь далёкой страны.
Is Adobe’s AI art feature as creepy as it sounds?
Дизайн-сообщество обнаружило, что Adobe начали брать разрешение на запись действий пользователей в своих продуктах в пользу своей платформы алгоритмического дизайна Sensei. Кто-то подозревает, что они могут записывать действия при создании работы, чтобы научить Sensei генерировать похожие (но это не точно).
AI Text Classifier
OpenAI выпустили инструмент, помогающий отличить текст, написанный человеком, от работы ChatGPT. Анонс. Правда, пока срабатывает только в части случаев.
Generative AI — A Creative New World
Краткая предыстория развития генеративного ИИ в разных креативных отраслях от Sequoia Capital. И прогноз на будущее.
MusicLM — Generating Music From Text
Экспериментальная нейросеть Google, которая генерирует музыку по текстовому описанию. Научная публикация.
NVIDIA Broadcast 1.4 Adds Eye Contact and Vignette Effects With Virtual Background Enhancements
Сервис для видео-трансляций NVIDIA Broadcast научился имитировать взгляд человека в камеру в реальном времени.
ChatGPT for Search Engines
Плагин для Chrome показывает ответ на поисковой запрос от ChatGPT в выдаче Google, Bing и DuckDuckGo.
The Valley Times
Экспериментальный новостной сайт, на котором новости генерирует ChatGPT, а картинки — также нейросети.
Blueberry & the Bear and Other Stories — An Experiment in Human+AI Creative Collab
Детская книга, написанная с помощью ChatGPT. Иллюстрации к ней также сделаны инструментами алгоритмического дизайна.
IBM Design for Sustainability
Мини-фреймворк IBM по дизайну для устойчивого развития.
WonderOS
Экспериментальная концепция операционной системы от Alexander Obenauer.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
