Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-январь 2024.
Книга «Паттерны дизайн-менеджмента»
Моя книга «Паттерны дизайн-менеджмента» снова в продаже. Первый тираж разлетелся за три недели, так что вышла заминка из-за подписания нового договора, исправления небольших косяков и всего такого. Изначальный план с Альпиной был напечатать 1000 штук и посмотреть на динамику, с которой они расходятся. Кажется, что идёт бодро для такой нишевой темы (даже заработал бедж «бестселлер»).
Паттерны и лучшие практики
Board game UX — Including technology
Michael Molen собрал примеры настольных игр, которые работают вместе с приложением-компаньоном. Или наоборот — цифровых игр, которые сделали настолки-дополнения. Как строится взаимодействие между ними.
Бонус: Как применить классические эвристики Нильсена к настолкам. Он показывает, какие принципы работают и где их можно нарушать.
Mobile search — Which pattern should you choose?
Обзор лучших практик дизайна поиска на мобильных от Ксении Толокновой и Марины Сапожниковой.
Mobile Accessibility Barriers For Assistive Technology Users
Обзор способов работы пользователей с ограниченными возможностями с приложениями Android и iOS от Kate Kalcevich.
13 QR-Code Usability Guidelines
Tanner Kohler из Nielsen/Norman Group лучшие практики использования QR-кодов. Как показывать их, какие аннотации давать, куда вести.
In Loving Memory of Square Checkbox
Николай Тонский отмечает, что чекбоксы всё чаще делают круглыми, так что теряется их изначальная задумка — отличие от радиокнопок.
How Accessibility Standards Can Empower Better Chart Visual Design
Kent Eisenhuth из Google описывает лучшие практики поддержки accessibility в интерфейсах с инфографикой и визуализацией данных.
Comparison Tables for Products, Services, and Features
Nielsen/Norman Group обновили свою топчанскую памятку по дизайну интерфейса сравнительных таблиц.
Top Medical Device Manufacturers Websites — UX Design Best Practices
Агентство Creative Navy проанализировало сайты производителей медицинских устройств. Они выделили лучшие практики.
Top Chemical Manufacturers Websites — UX Design Best Practices
Агентство Creative Navy проанализировало сайты химических концернов. Они составили рекомендации по интерфейсу.
Tesler’s Law
Jon Yablonski рассказывает о законе Теслера в дизайне. Он о минимальной сложности конкретного интерфейса, ниже которой его не упростить.
Retain Data in Sensitive Credit Card Fields after Validation Errors (34% Don’t)
Sonia Weaver из Baymard пишет о проблеме валидации полей формы оформления заказа — по закону нельзя даже временно хранить данные карты, так что они пропадают после перезагрузки страницы. И предлагает несколько подходов к реорганизации интерфейса.
Dead Simple Sites — Minimal Website Inspiration
Коллекция минималистичных сайтов.
Names are complex — Displaying initials for an avatar component in a design system
Georgie Cooke разбирается, как сделать заглушку аватара с инициалами пользователя, если у него нет своего изображения. По факту всё не так тривиально.
UX and NPS Benchmarks of Home Furniture Websites (2024)
MeasuringU опубликовали новое сравнительное исследование сайтов по продаже мебели. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Дизайн-системы и гайдлайны
AI and Design Systems
Kevin Coyle собрал для Brad Frost примеры использования алгоритмических инструментов в дизайн-системах. Код компонентов, тестирование, документация.
Are Design Systems a zero-interest rate phenomenon?
Dave Rupert выделяет толковую мысль: настоящая ценность дизайн-системы проявляется в триггерные моменты. Он составил пример таких событий вроде обновления бренда.
Дизайн-система НЛМК
Дизайн-система металлургической компании НЛМК. Есть компоненты в коде и Figma.
Figma to Frontend — как мы автоматически синхронизируем дизайн и код
Анастасия Кабалкина из VK для бизнеса описывает генератор токенов и компонентов в коде на основе Figma.
Storybook 8 Beta
Вышла бета 8 версии с улучшенной поддержкой мобильных, автоматизрованными визуальными тестами и в целом инструментами тестирования, серверными компонентами. Также обновилась версия для React Native.
Visual Tests addon enters public beta
Появилась бета-версия плагина Visual Tests для визуального тестирования компонентов в Storybook.
Supernova 2.0
Вышла вторая версия инструмента для описания дизайн-систем. Добавили совместную работу над документами и быстрый глобальный поиск.
Понимание пользователя
Accelerating JTBD Research with AI
Jim Kalbach экспериментирует с ChatGPT для помощи в процессе описания Jobs to Be Done. Он сделал два плагина в дополнение к своей фирменной канве — Scope и Investigate. Они помогают заполнять JTBD Canvas.
Новые инструменты дизайна интерфейсов
Figma
Много доработок интерфейса, включая просмотр прототипа в рамке устройства (как это сделали). Доработка ревью веток, проверенные библиотеки команд.
Интервью Dylan Field о сорвавшейся сделке Figma с Adobe с кучей интересных деталей. Полная версия.
Статьи
- Павел Киселёв: Создание дизайн-системы с гибкой тематизацией для разных брендов. Он сделал плагин Source Foundation, который помогает в этом, а также приложил кучу примеров.
- Clara Ujiie: Толковая памятка по переезду команды на Figma от официального адвоката инструмента.
- Javier Cuello: Чеклист по дизайну и тестированию компонентов.
Шаблоны
Пользовательские исследования и тестирование
The ‘I wish I had known this before’ of building an insights repository
Johanna Jagow делится шишками, которые она набила при внедрении базы знаний и инсайтов из пользовательских исследований.
Foundations of Survey Design in UX Research
Памятка Jeff Sauro и Jim Lewis по основам проведения опросов пользователей. Много полезных способов категоризации.
Should You Run a Survey?
Maddie Brown из Nielsen/Norman Group описывает ситуации, в которых хочется провести опрос, но на самом деле не стоит.
A Primer on Biases and Errors in Survey Design
Jeff Sauro и Jim Lewis описывают типичные проблемы выборки при проведении опросов, которые искажают результат.
Time Estimation for Quant UXR Projects
Chris Chapman описывает свой подход к планированию количественных пользовательских исследований. Времени на них нужно с запасом — он подсвечивает основные риски.
A simple set-up for recording mobile games playtests
Steve Bromley описывает конфигурацию оборудования и программ для проведения игровых тестов мобильных игр.
Becoming a UX Researcher in the Games Industry
Обзор роли и особенностей работы пользовательского исследователя в играх от Steve Bromley и Pejman Mirza-Babaei.
UX-исследования — Практики крупных компаний
Александр Замахов сделал подборку статей о проведении пользовательских исследований в известных продуктовых компаниях.
ESUS — Aligning and Simplifying SUS for Enterprise Applications
Stephen Schneider, Serena Hillman, Paula Bach и Guoping Ma сделали упрощённую версию SUS для корпоративных интерфейсов. Они сократили опросник до 5 вопросов и назвали его ESUS (Enterprise SUS).
Generalized User Experience Questionnaire (UEQ-G) — Holistic Measurement of Multimodal UX
Chase S. Boothe, Lesley Strawderman, Reuben F. Burch V, Brian K. Smith, Cindy L. Bethel и Kate Holmes предлагают вариацию для UEQ-G для стандартизированного опросника UEQ (User Experience Questionnaire). Он состоит из 26 вопросов про ощущения от продукта.
Designing for Trust — The Crucial Role in Digital User Experiences
Vandhana Bhaskaran пишет о формировании доверия в цифровых продуктов. Она ссылается на несколько исследований по теме.
Research mindshare and presence in tech orgs
Jake Burghardt пишет о востребованности конкретных инсайтов в базе знаний из пользовательских исследований.
Визуальное программирование и дизайн в браузере
High Definition CSS Color Guide
Подробная памятка по использованию расширенных цветовых пространств в вебе от Adam Argyle.
Going beyond pixels and (r)ems in CSS — Relative length units based on font
Brecht De Ruyte разбирает несколько сравнительно новых способов задавать размеры элементов в CSS на базе параметров шрифта типа высоты буквы «x» или строки.
SVG Filter Maker
Инструмент позволяет создавать SVG-фильтры в браузере.
Новые скрипты
Метрики и ROI
Метрика «полярной звезды» или NSM ― North Star Metric
Советы по выбору метрики «полярной звезды» от редакции GoPractice.
Дизайн-менеджмент и DesignOps
How We Engineer Feedback at Figma with Eng Crits
Laura Pang показывает, как Figma проводит сессию регулярной критики текущих задач для разработчиков. Их шаблон в FigJam.
Командное взаимодействие
The Loop — Project Communications for Teams-of-Teams
Atlassian собрали памятку для коммуникации внутри больших команд, которая повышает прозрачность и снижает нагрузку на всех.
Кейсы
3 дизайн-решения, которые улучшили показатели мобильного сайта Альфа-Банка в несколько раз
Команда Альфа-Банка рассказывает о редизайне мобильной версии основного сайта и её отдаче в деньгах.
История
How I Developed the 10 Usability Heuristics
Jakob Nielsen рассказывает, как он придумал свои классические 10 эвристик юзабилити 30 лет назад. Он также показывает, почему они не устаревают — в их основе фундаментальный рассинхрон между пользователями и компьютерами, который не зависит от конкретной платформы и трендов.
Тренды
Monotype Type Trends 2024
Шрифтовые тренды 2024 года от Monotype. Выдержка из полного отчёта.
Pinterest Emerging Colour Trends
Цветовые тренды 2024 года от Pinterest.
Pentawards Trends Report 2023-2024
Тренды 2023-2024 года от Pentawards.
Top 11+ Trends in Interior Design for 2024
Выдержка из полного прогноза трендов на 2024 год от American Society of Interior Designers (ASID).
Алгоритмический дизайн
OpenAI Sora
OpenAI анонсировали генерацию видео по текстовому запросу с помощью инструмента Sora (выглядит фешенебельно). Как это работает.
Stable Video — Generate Videos with AI
Генератор видео по текстовому запросу от создателей Stable Diffusion.
Video generation models as world simulators
Команда iA развивает свою критику клишированности генеративной графики и на видео.
The Shape of AI
Emily Campbell собрала коллекцию паттернов проектирования инструментов алгоритмического дизайна.
Design Principles for Generative AI Applications
Justin Weisz, Jessica He, Michael Muller, Gabriela Hoefer, Rachel Miles и Werner Geyer из IBM собрали шикарнейший набор принципов дизайна инструментов алгоритмического дизайна. Они дают удачные примеры реализации для каждой рекомендации.
Wix AI Website Builder — Create A Website In Minutes
Второй заход Wix на поляну алгоритмического дизайна после ADI. В этот раз он генерируется по текстовому запросу.
«Яндекс Лавка» представила бренд фермерских и премиальных продуктов «Лавка 100» — за дизайн упаковки отвечала нейросеть
«Яндекс Лавка» начала оформлять упаковку с помощью алгоритмического дизайна на базе YandexArt.
«Вкусвилл» начал генерировать дизайн упаковок с помощью нейросетей, чтобы ускорить выпуск продуктов
«Вкусвилл» начал оформлять упаковку с помощью алгоритмического дизайна.
Pixel-Art.ai — AI Pixel Art Generator
Алгоритмический инструмент генерирует пикселизованную графику.
AI Models and Headsets
Luke Wroblewski размышляет о совмещении очков дополненной реальности и возможностей алгоритмического дизайна на лету.
Conversational AI Search Engines — Implications for Usability and the User Experience
Silvia Podesta сравнивает ментальные модели обычного поиска и новых подходов на базе чат-ботов типа Perplexity. Как отличается поведение и ожидания пользователей.
Introducing Gemini 1.5, Google’s next-generation AI model
Google выпустили свою новую модель Gemini 1.5. Она умеет, например, анализировать видео. Они переименовали Bard в Gemini.
Google CEO says Gemini image generation failures were ‘unacceptable’
Google перекрутил ручку инклюзивности Gemini и он стал выдавать нелепые исторические сюжеты.
Mistral AI — Frontier AI in your hands
Французский аналог ChatGPT с инвестициями от Microsoft.
Claude
Выходцы из OpenAI запустили свои большие языковые модели. Анонс.
BRIA RMBG 1.4
Сервис удаляет фон на фото с очень пристойным качеством.
ASML brand film
Маркетологи компании ASML сделали фильм о бренде с помощью Midjourney и RunwayML. Для этих 1 минуты и 50 секунд собрали 7852 изображений на основе 1963 текстовых запросов в MJ, потом обработали в Runway.
Apple made an AI image tool that lets you make edits by describing them
Экспериментальный инструмент от Apple, который позволяет редактировать и ретушировать фотографию по текстовому запросу.
ImageFX
Генератор фото и иллюстраций по текстовому описанию от Google.
MusicFX
Генератор музыки и битов по текстовому запросу от Google.
DignifAI — Ethical AI in Fashion
Угарный эксперимент от 4chan — инструмент алгоритмического дизайна одевает откровенные фото.
Яндекс запустил нейробраузер
Яндекс добавил возможности YandexGPT в свой браузер. Он помогает писать тексты, пересказывать и переводить видео и генерировать изображения. Это также повысит безопасность.
Memory and new controls for ChatGPT
ChatGPT тестирует возможность запоминать диалоги и строить следующие с их учётом.
Build a Custom LLM with Chat With RTX
NVIDIA выпустила свою языковую модель для локальной работы.
Adobe Brings Conversational AI to Trillions of PDFs with the New AI Assistant in Reader and Acrobat
Adobe Acrobat сможет пересказывать содержание PDF-документов.
Afforai — Powerful AI Research Assistant & Chatbot
Профессиональный поисковик по исследовательским публикациям. Он может просуммировать найденное.
‘Amazon Rufus’ AI experience comes to the Amazon Shopping app
Экспериментальный помощник при покупках на Amazon. Он может дать общие рекомендации перед покупкой, подобрать товары или ответить на вопросы о конкретных вещах.
Apple Vision Pro: First Experience
Luke Wroblewski делится своими впечатлениями об интерфейсе Apple Vision Pro. Что удачно получилось, а что нет.
Для общего и профессионального развития
State of Design
Исследование профессии дизайна в Швеции за 2023 год.
A generation of design leaders grapples with their future
Размышления Robert Fabricant на тему «коррекции рынка» в отношении дизайн-менеджеров высокого уровня. В целом это понятная ситуация на фоне массовых сокращений и окончания конфетно-букетного периода. Хотя выводы и способы решения спорные — они не адресуют реальные проблемы. А они в том, что у компаний разные потребности в дизайне, разная зрелость и половинчатые изменения.
Материалы конференций
Quant UX Conf
Конференция о количественных методах пользовательских исследований Quant UX Conf пройдёт 12-13 июня в онлайне.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.