Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-октябрь 2024.
Лучшие продуктовые дизайн-команды в России: 2024
Зимой запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1637 человек. Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли»:
- Яндекс
- Тинькофф
- Авито
- Aviasales
- Ozon
- Альфа-Банк
- Самокат
- VK Group
- Сбер
- МТС
Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2023, 2021, 2020, 2019 и 2018 годы.
Паттерны и лучшие практики
Baymard — Add UX Best Practice Cards To Your Designs
Baymard Institute собрали свои лучшие практики и паттерны для интернет-магазинов в виде виджета для Figma. Их можно использовать в своих проектах как памятки.
Alt Text ― Don’t Just Describe Images
Советы Emma Cionca и Tanner Kohler из Nielsen/Norman Group по уместному описанию сути изображений на сайтах в теге Alt. Так, чтобы это улучшало accessibility. Продолжение.
Tim Brown — Flexible Typesetting
Tim Brown выложил в бесплатный доступ свою книгу «Flexible Typesetting» об адаптивной типографике.
How UX Design Boosts Technology Adoption in Healthcare
Советы агентства Creative Navy по проектированию профессиональных интерфейсов для здравоохранения.
10 Sales UX Best Practices For E-Commerce
Советы Sonia Sousa из Baymard по улучшению продаж в интернет-магазинах.
Дизайн-системы и гайдлайны
The Making of the Figma Pattern Library
Ana Boyer рассказывает, как Figma привела в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.
Unlocking component flexibility with slots in Figma
В Material Design добавили концепцию слот-компонентов. Это область компонента, в которую можно добавлять другие интерфейсные решения, не заданные изначально. Подход позволяет командам добавлять свои уникальные вариации под редкие задачи.
Design Systems Q&A with Brad Frost
Большая сессия вопросов и ответов о дизайн-системах с Brad Frost.
Meta Horizon OS UI Set
Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.
eBay Playbook — One system for everyone to love
Дизайн- и бренд-система eBay Playbook. Правда, вместо реальных компонентов — скриншоты.
Storybook 8.4
Быстрое тестирование компонентов прямо на их странице, сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.
Понимание пользователя
Jobs to Be Done — разные подходы за общим названием
GoPractice собрали памятку по разным вариациям Jobs to Be Done от разных авторов. Как они появились и чем отличаются.
Neurodiversity — Inclusive User Experience
Простой чеклист Claudia Gutierrez и Rajesh Kalidindi по улучшению интерфейса для пользователей с особенностями восприятия.
Новые инструменты дизайна интерфейсов
Figma
Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков. Переработали выбор цвета и попап подключаемых библиотек.
Пользовательские исследования и тестирование
UX Tools Map 2024
Каталог инструментов для пользовательских исследований за 2024 год от User Interviews. Он снова удвоился (828 инструментов). Основные выводы из него (например, ИИ перестал быть выделяющим свойством и стал просто обязательной утилитарной частью функциональности почти везде).
Research basics every designer should know
Lirra Hill из Adobe описывает методы пользовательских исследований, которые использует команда Lightroom. Это достаточно понятные вещи, но написанные таким зрелым и осмысленным языком, что должны быть ориентиром для всех.
Why an Interview Snapshot Streamlines UX Research Analysis (w/ Free Template)
User Interviews описывают формат выжимки из интервью с пользователем, которая делается сразу же после проведения сессии. Это облегчает дальнейшую работу с результатами исследования.
Incorporating Clutter in the SUPR-Q Measurement Framework
Jim Lewis и Jeff Sauro пробуют вывести метрику «замусоренности» интерфейса. Они проверили её взаимосвязь с другой стандартизированной метрикой, SUPR-Q.
How Well Does the Net Promoter Score Measure Likelihood-to-Discourage?
Jim Lewis и Jeff Sauro разбирают гипотетическую метрику про пользователей готовых «отсоветовать» продукт, обратную NPS.
Screening Participants for User-Research Studies
Памятка Maddie Brown из Nielsen/Norman Group по отбору респондентов для пользовательских исследований. Опрос и процесс.
Four ways PMs can master product discovery with Dovetail
Dovetail показывает типичные сценарии использования базы знаний и инсайтов из пользовательских исследований для менеджеров продуктов.
Response Instability in User Experience Questionnaires
Martin Schrepp и Jörg Thomaschewski анализируют причины вариаций в ответах пользователей в стандартизированных опросниках.
Дизайн-менеджмент и DesignOps
Как мы обучаем коллег исследованиям — подход ecom.tech
Константин Коваленко рассказывает, как обучали коллег основам пользовательских исследований в Самокате / Мегамаркете. Они построили мощную и гибку программу курсов.
Теперь вы — дизайн-лид. Как выжить и начать перформить
Александр Букин из Магнита описыает особенности становления дизайн-менеджером. Что происходит с зоной ответственности и командой в этот момент.
Продуктовый менеджмент и аналитика
We did all this discovery… now how do we decide?
Ryan Singer из Basecamp описывает свой подход к ранжированию проблем пользователей, которые может решить продуктовая команда. Он идёт от того, какую боль испытывает пользователь, от того что решения сейчас нет.
Кейсы
Pablo Sánchez’s 7 Rules for Designing the Unexpected
Pablo Sánchez рассказывает о работе над приложением Ableton Note. Это яркий пример переосмысления большого профессионального инструмента для компьютеров под специфику телефонов. Они сделали сервис «музыкальных набросков» и необычно подошли к упрощению работы с ним. Его выступление на Figma Config 2024.
Behind the design ― Adobe’s new splash screens
Как Adobe обновили экраны загрузки своих продуктов и привели их к дизайн-системе.
Behind the Scenes: Designing Atlassian’s New Navigation
Дизайн-команда Atlassian рассказывает о переработке навигации в продуктах компании. У них большая и сложная линейка продуктов, где непросто найти единое решение.
Брендинг цифровых продуктов
Jacquard
Ребрендинг ИИ-платформы Jacquard для оптимизации рекламы от британского агентства MultiAdaptor.
Philo
Ребрендинг видео-сервиса Philo от американского агентства Sibling Rivalry. Он полностью построен на иллюстрациях.
Kajabi
Ребрендинг сервиса Kajabi для блогеров и создателей цифрового контента.
Kindsight
Ребрендинг сервиса для сбора пожертвований Kindsight.
Upwork
Ре-ребрендинг сервиса работы с фрилансерами Upwork от британского подразделения агентства Wieden+Kennedy.
Freetrade
Ребрендинг инвестиционного сервиса Freetrade от британско-американского агентства Koto.
Pienso
Ребрендинг ИИ-платформы Pienso от американского агентства Pentagram.
Mozilla
Ребрендинг браузерной компании Mozilla от американского агентства Jones Knowles Ritchie.
Robinhood
Дебрендинг инвестиционного сервиса Robinhood от американского агентства Porto Rocha, которые уничтожили легендарную работу Collins 🙁
Тренды
Алгоритмический дизайн
When combinations of humans and AI are useful — A systematic review and meta-analysis
Интереснейшее исследование Michelle Vaccaro, Abdullah Almaatouq и Thomas Malone о связке человека и ИИ. Во многих задачах она работает хуже, чем самый сильный из них по отдельности. Поэтому один из выводов – лучше разделять этапы процесса создания между ними.
Adobe Express Logo Maker
Генератор логотипов внутри инструмента Express. Подбирает стиль, текстовое написание и знак на основе названия и отрасли компании.
Microsoft Paint Generative Fill & Erase
Алгоритмический дизайн пришёл и в Microsoft Paint — можно сгенерировать или удалить элемент изображения.
SeedEdit
Генератор фото и иллюстраций по текстовому запросу от ByteDance. Он сохраняет композицию и стиль при создании новых версий изображения (например, персонаж может повернуть голову, при этом останется тем же персонажем). Попробовать.
Stable Diffusion 3.5 Prompt Guide
Памятка создателей Stable Diffusion по генерации добротных изображений в инструменте.
Text Behind Image AI Editor
Инструмент позволяет написать текст за изображением (например, на фоне человека). Альтернативный интерфейс.
Strella — AI-Powered Customer Research
Сервис автоматизирует проведение интервью с пользователями, заменяя живого модератора. Затея, правда, сомнительная — подходит только для простых немодерируемых интервью.
AI-Powered Accessibility
Сервис AccessiBe для улучшения accessibility запустил ИИ-инструменты. Они помогают находить проблемы и лучше понимать их глазами пользователей.
UserTesting AI — AI-Powered UX Platform
UserTesting тоже добавили ИИ-инструменты для пользовательских исследователей. Они помогают суммировать данные, находить инсайты и в целом упрощают повседневную работу.
Runway Frames
Генератор изображений по текстовому описанию от Runway. Также можно расширить видео.
Introducing Freepik AI Video Generator
Генератор видео по фото или текстовому запросу. Можно выбрать модель: Runway, Kling AI, Mochi V1, Luma Labs или Minimax.
Krea Training
Генеративный инструмент Krea можно тренировать на своих персонажах, стилях, продуктах и т.п.
Flux 1.1 Pro
Вышла обновлённая версия генеративной модели Flux 1.1 Pro.
Vidu 1.5
Теперь может генерировать видео на основе нескольких фото или иллюстраций — они станут анимированными.
Wildberries запустил ИИ-сервис для генерации виртуальных моделей в одежде продавцов
Генератор фотографий моделей в вашей одежде.
Suno Personas
Suno теперь может генерировать целый «альбом» — т.е. много песен с похожим по духу вокалом и вайбом.
Amazon Prime Video’s new feature uses generative AI to recap what you’re watching
Amazon пересказывает сезоны, серии сериалов и их отрывки, но без спойлеров.
Where The Robots Grow
Полнометражный мультфильм, сделанный с помощью Adobe Firefly и Stable Diffusion.
Google Learn About
Экспериментальный сервис Learn About от Google помогает объяснять понятия, книги и т.п.
Luma AI запустил сервис генерации изображений и объединил его с генератором видео Dream Machine
Luma AI запустил генератор изображений — можно скрестить две картинки или сделать человека персонажем других изображений.
Nvidia LLaMA Mesh
Экспериментальный сервис Nvidia генерирует полигональные 3D-модели.
edify-3d
Генератор 3D-моделей по изображению или текстовому запросу от Nvidia и Shutterstock.
OpenAI Nears Launch of AI Agent Tool to Automate Tasks for Users
OpenAI готовит к запуску управление компьютером через своего ИИ-помощника.
Fugatto — World’s Most Flexible Sound Machine, Debuts
Генератор звуков по текстовому описанию от Nvidia. Любые безумные сочетания и человеческие голоса с нужным акцентом и эмоцией.
Made a full game using GPT free + Unity
Joel Tempero сгенерировал пиксельную игру для своего младшего брата связкой GPT и Unity.
hertz-dev
Генератор голоса, который может имитировать диалог.
ElevenReader
ElevenLabs запустили приложение ElevenReader AI. Оно может превращать статьи, PDF и книги в подкасты.
Tailor Claude’s responses to your personal style
Claude может переключать стили общения. Можно также научить её своему стилю.
OpenAI considers taking on Google with browser, the Information reports
OpenAI изучает возможность запуска своего браузера.
Shop like a Pro
В ИИ-поисковике Perplexity теперь можно покупать товары не уходя из чат-бота.
Introducing the Model Context Protocol Anthropic
Claude может подключаться к сторонним сервисам через новый протокол Model Context Protocol (MCP), специально разработанный для ИИ-помощников. Например, опубликовать сгенерированный код на GitHub.
Для общего и профессионального развития
Ask Adobe Design — What are the non-design skills you rely on in your work?
Советы дизайнеров Adobe по прокачке важных навыков помимо узкоспециализированных.
Материалы конференций
#gamesUR 2024 — Online Speaker Series
Записи выступлений с онлайн-конференции Games User Research 2024, посвящённой пользовательским исследованиям в играх.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
