Michael McWatters собрал подборку неприятных открытий в карьере дизайнера интерфейсов. Жиза, но не демотиватор.

Цветной изометрический шрифт, одна из горячих тем текущих экспериментов с будущим веба.

Frigis9 осовременил персонажей старых пиксельных игр с помощью Stable Diffusion.

Maciej Lipiec сгенерировал монстров из японского фольклора с помощью Midjourney.

Генератор видео по текстовому описанию от Google Imagen. Научная публикация.

Matthew Ström научился генерировать картинки Open Graph для своего блога с помощью алгоритмического дизайна. Он рассказывает, как это работает.

Meg Kurdziolek рассказывает о концепции XAI (Explainable AI). Она помогает рассказать пользователям и специалистам о принципах работы систем с искусственным интеллектом.

Большая коллекция людей в полный рост, сгенерированных с помощью алгоритмического дизайна.

Дополнение к Unreal Engine, которое позволяет генерировать реалистичных людей с помощью алгоритмического дизайна.

Сервис помогает генерировать правильные текстовые запросы для инструментов алгоритмического дизайна вроде DALL-E.

Другие помощники в формулировании запроса:

• PromptHero: Каталог изображений, сгенерированных с помощью инструментов генерации изображений по текстовому запросу. Он помогает лучше понимать, какие запросы работают лучше.
• The DALL·E 2 Prompt Book: Методичка в помощь генерации правильных текстовых запросов для инструмента алгоритмического дизайна DALL-E.

• Dallelist: Сервис помогает генерировать правильные текстовые запросы для инструмента алгоритмического дизайна DALL-E. Версия для браузера.
• Midjourney Prompt Generator: Сервис помогает генерировать правильные текстовые запросы для инструмента алгоритмического дизайна Midjourney.

Автоматический генератор рекламных текстов в разных форматах — от баннера до промо-сайта. Бонусом можно генерировать и графику.

Jay Alammar разобрал на пальцах, как работает Stable Diffusion. Отличное наглядное пояснение механики работы и общего устройства.

Ещё несколько интерфейсов для Stable Diffusion:

• SuperMachine
• Pinegraph
• Phase

• Nolibox Creator: Даёт гибкие настройки для работы с результатом.

И генераторы без информации о модели:

• Photosonic AI Art Generator

• IMGCreator.ai

Graeme Fulton разбирается в отношении фотобанков к фото и иллюстрациям, созданным с помощью инструментов алгоритмического дизайна. Классические осторожничают (хотя Shutterstock запустил партнёрство с DALL-E 2), но есть новые специализированные.

Вот некоторые из них:

• StockAI: Фотобанк, который базируется на фото и иллюстрациях, сгенерированных с помощью алгоритмического дизайна.
• Lexica: Поисковик по изображениям, которые сгенерированы Stable Diffusion.

• GhostlyStock: Фотобанк, который базируется на фото и иллюстрациях, сгенерированных с помощью алгоритмического дизайна.

На недавней конференции Adobe MAX 2022 традиционно показали пачку экспериментов с Adobe Sensei.

• #CleverComposites: Вставляет объекты на фото с учётом композиции, перспективы и освещения.
• #InstantAdd: Вставляет элементы в видео с обтравкой и учётом движения объекта, на который добавили картинку.
• #ProjectMagneticType: Добавляет графические элементы к шрифту, которые потом ведут себя как его часть при изменении надписи.
• #ProjectVectorEdge: Накладывает графические элементы на макеты упаковки, которые органично ложатся на поверхность в любой проекции.
• #ProjectMotionMix: Совмещает движущуюся модель объекта и фото другого объекта, так что он сам начинает двигаться.

• #ProjectBlink: Позволяет редактировать видео выступлений почти как текст — искать по фразе, вырезать ненужное и т.п.
• #ArtisticScenes: Создаёт 3D-модель из фото пространства и накладывает на него любой стиль.
• #ProjectAllofMe: Даёт расширенное редактирование фото: дорисовать недостающее по краям, поменять одежду и т.п.
• #ProjectBeyondTheSeen: Генерирует полную 3D-сцену помещения по фото и позволяет добавлять туда другие объекты.
• #ProjectMadeInTheShade: Работает с тенями на фото — перерассчитывает их при добавлении новых элементов на фото или перемещении по сцене.

Geri Reid рассказывает о нововведениях в стандарте поддержки accessibility в вебе WCAG 3.0. Он смотрит на тему гораздо шире и предъявляет более жёсткие требования.

История дизайна главной страницы Apple.

Большая коллекция иллюстраций самых разных стилей из разных СМИ и публикаций.

Ребрендинг сервиса маркетинговой автоматизации Ortto от австралийского агентства Christopher Doyle & Co.

Рекламная кампания Figma, которую они сделали вместе с американским агентством Collins. Базируется на общей айдентике и здорово передаёт силу командной работы.

Команда бренда Square вместе с агентством Athletics описала язык анимации для дизайн-системы, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.

Игорь Кусов из сервиса Профи описывает своё понимание продуктового процесса с точки зрения дизайна интерфейсов. Это вариация концепции discovery + delivery.

Max Burkhardt и Olabode Anise рассказывают, как и какие данные и аналитику использует Figma при работе над инструментом.

Rachell Lee из User Interviews описывает разные подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.

Laurah Mwirichia из Square пишет о концепции контент-долга наподобие технического и дизайнерского.

Беседа Design Dept. с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.

Команда Purrweb описывает серию регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.

Пара простых советов Design Dept. про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.

Памятка Rachel Krause из Nielsen/Norman Group по построению хорошего процесса адаптации новых сотрудников в компании.

Nielsen/Norman Group сделали структурированную подборку своих статей о работе с лицами, принимающими решения. Одна из свежих: памятка по проведению интервью с ними.

Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований от Lizzy Burnam из User Interviews. Основные зоны фокуса и план на первые 90 дней.

Генератор CSS-кода для резервного шрифта на случай, если долго грузится кастомный. Он позволяет минимизировать «прыжки» контента страницы.

Evil Martians рассказывают об OKLCH, ещё одном новом способе описания цветов. Они считают, что он лучше HSL в плане понятности и работы с accessibility.

Bramus Van Damme показывает, как включить расширенные цветовые пространства в вебе.

Jeff Sauro и Jim Lewis пытаются разобраться, какая часть респондентов пользовательских исследований готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.

Noah Ward рассказывает о пользовательском исследовании навигации по больнице, в котором использовали очки для eye tracking.

Советы Page Laubheimer из Nielsen/Norman по анализу путей пользователей в интерфейсе. Как находить проблемные места.

Сравнение сервисов для проведения опросов пользователей от User Interviews.

Советы Евгении Крупиной из Контура по составлению анкеты для опроса пользователей. Часть 2.

Майя Азарова из Nielsen/Norman Group описывает типичные проблемы при проведении этнографических исследований.

Rolf Molich, Bernard Rummel и Susanne Waßerroth изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.

Isabel Boettcher из Lucid описывает несколько методов интервью с пользователями, в которых они делают что-то с сырыми концептами интерфейса. Это позволяет собрать проблемы на ранней стадии.

Emily DiLeo описывает минимальную таксономию для базы знаний и инсайтов из пользовательских исследований. Это 11 полей, которые точно нужны на старте.

Jeff Sauro и Jim Lewis выпустили дополнение к своей памятке по методам пользовательских исследований — как выбирать их для конкретного этапа проекта.

Свежий анализ суммы вознаграждения респондентам пользовательских исследований от User Interviews. Разбивка по методам, длительности и другим параметрам исследования.

Бонус: Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам пользовательских исследований.

Сервис помогает делать текстовые транскрипции из сессий пользовательских исследований и вытаскивать ключевые инсайты. Пока в закрытой бете.

Nick Schäferhoff подробно разбирает новый интерфейс Wordpress для наглядного редактирования страниц сайта (Full-Site Editing). Это развитие редактора статей Gutenberg, которое позволяет легче верстать интересные публикации.

Information Architects запустили бета-версию своего инструмента для создания презентаций. Они полностью переосмыслили подход к их созданию и идут от рассказа истории, а не слайдов со списками.

Простой графический редактор от Microsoft для вещей типа публикаций в соцсетях. Может генерировать графику с помощью DALL-E 2 и рекомендовать композицию макета по текстовому описанию задачи.

Инструмент помогает создавать логотипы. Авторы собрали большую базу знаний, так что он неплохо направляет в плане характера и позволяет гибко настраивать любые параметры текстовой части.

Переработана работа с символами и общие обновления интерфейса.

Конференция Adobe MAX 2022 прошла 16-20 октября в Лос-Анджелесе и онлайне. Для дизайнеров интерфейсов на ней всё меньше полезного, но интересное есть. TechRadar сделали неплохую текстовую трансляцию с обзором хитов.

Photoshop и Lightroom развивают возможности алгоритмического дизайна: проще выделять и удалять объекты, людей, фон. В Illustrator появится простая работа с пересечениями объектов без создания кучи масок. Также развивается инициатива по проверке аутентичности контента, что особенно важно в эпоху взрывного роста генераторов фото и иллюстраций.

• Acronis: Экспорт макетов писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.

• Autoname: Экспериментальный плагин, который автоматически переименовывает слои в макете — он делает предположения, что это за элемент.

• Ando: Плагин для Figma от Antonio Cao позволяет генерировать фото и иллюстрации с помощью Stable Diffusion.

Google сделали связку между Figma и Android Studio. Можно экспортировать компоненты в Jetpack Compose.

Переработка поиска и замены (как её проектировали), поддержка экранных дикторов, секции из FigJam, вставка видео.

Nielsen/Norman Group сделали структурированную подборку своих статей о методе персонажей.

Nielsen/Norman Group сделали структурированную подборку своих статей о психологии пользователей.

Дизайн-система британского подразделения компании News Corp.

Brad Frost описывает свой опыт работы с веб-компонентами и в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.

Knapsack сделали калькулятор ROI дизайн-системы на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.

Google снова переработали сайт Material Design. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы.

Большое обновление шаблона Material Design 3 для Figma. Что появилось.

Adam Argyle показывает, как реализовать хорошую всплывающую подсказку в интерфейсе.

Jeff Sauro и Jim Lewis пытаются ответить на вопрос: влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.

Jim Lewis и Jeff Sauro обновили своё сравнительное исследование сайтов покупки билетов на мероприятия. Они сравнили их по метрикам SUS и NPS.