Редизайн дайджеста идёт полным ходом, так что не успевал собирать выпуски в последние недели. Давайте тизерну ещё кусочек того, куда идёт стилёк, чтобы канал не застаивался.

Это, если что, скриншот из первых свёрстанных страниц, а не просто Фигмы. Идея с шоколадками в обложках будет буйно цвести по всему сайту — начал пилотировать их ещё весной. Думаю, до конца октября заработает альфа-версия на Webflow. А дальше буду переносить контент и жить в этой прекрасной новостройке.

#announcements

На конференции Adobe MAX 2023 традиционно показали пачку экспериментов с Adobe Firefly (раньше он назывался Sensei). И прокачали саму платформу алгоритмического дизайна:
 
1. Обновили базовую модель Firefly. Она научилась генерировать картинки в заданном стиле (нужно дать несколько примеров или выбрать из существующих рефов). Точнее генерирует людей и позволяет настраивать параметры «фотосъёмки». Помогает задавать правильные запросы (и предлагает подсказки). Ну и, само собой, даёт более лучшее качество.
 
2. Добавили векторную модель Firefly. Она помогает генерировать объекты, которые вписываются в стиль целевой иллюстрации, делает текстуры и градиенты, ну и правильно организует геометрию и слои.
 
3. Сделали модель Firefly Design. Она генерирует цельные редактируемые шаблоны (пока для их инструмента Adobe Express), которые адаптируются для разных сред вроде соцсетей или печати. Предлагает варианты текста, графики и композиции.
 
Кстати, недавно Firefly стал доступен через API в платформе NVIDIA Omniverse.
 
А вот свежие дикие штуки Adobe Sneaks:
 
#ProjectFastFill: Добавляет и удаляет объекты на видео таким же простым способом, то и Generative Fill.
 
#ProjectDraw&Delight: Превращает простейшие наброски рисунков в базовые контурные или полноцветные иллюстрации. Сюжет можно развивать и дополнять постепенно, менять позы персонажей, а также раскрашивать в духе недавнего запуска Illustrator Generative Recolor, ну и доделывать в самом Illustrator.
 
#ProjectNeo: Создаёт псевдо-трёхмерные иллюстрации с помощью простейших объектов. В примере делают архитектурный объект, который выглядит как векторная иллюстрация.
 
#ProjectSceneChange: Позволяет вставить персонажа из видео в любую другую сцену. Причём он докручивает оба видео, чтобы подходили друг к другу.
 
#ProjectPrimrose: Платье из простых текстур меняет цвет. Причём может делать анимацию из этого.
 
#ProjectGlyphEase: Создаёт шрифт на основе трёх знаков для примера, даже если это набросок на бумаге. И стилизует его в нужной технике, в том числе сверх-декоративной.
 
#ProjectPoseable: Генерирует наброски персонажей для сценарных раскадровок. Можно быстро настроить позу модели среди предложенных и описать нужный образ со сценой.
 
#ProjectResUp: Повышает разрешение видео маленького размера.
 
#ProjectDubDubDub: Генерирует дубляж видео или перевод аудио-записей на любой язык. Пытается вписаться в акустическое окружение сцены.
 
#ProjectStardust: Редактирует фото простым способом: переместить, добавить или убрать объекты, поменять одежду или дорисовать недостающую часть человека.
 
#ProjectSeeThrough: Убирает отражения и блики с фото, сделанных через стекло.
 
Скорость попадания этих набросков в основные продукты сильно выросла и в этом Adobe здорово уделывает хейтеров. И если в 2020 году тема почти сдулась, то сейчас снова тонна вдохновляющего.
 
#ai #algorithms #adobe #events

Продолжим новости с конференции Adobe MAX 2023 — что там нового во флагманских продуктах Creative Cloud:
 
Photoshop: Всё катанули ещё до мероприятия. В основной версии вышли из беты алгоритмические фукнкции Generative Fill и Generative Expand, упростилось удаление объектов. На iPad появился фильтр Camera Raw. А накануне дали доступ к браузерной версии с частью функциональности для всех.
 
Illustrator: Запустили бету для веба. В основной версии можно генерировать векторные иллюстрации по текстовому описанию через Firefly, накладывать графику на макет мерча с предложением перспективы (выросло из прошлогоднего концепта #ProjectVectorEdge), преобразовывать растровый текст в редактирумый, оптимизировать векторы.
 
Firefly: Доступен в вебе, работает на базе новой модели Firefly Image 2.
 
InDesign: В основной версии можно оформить большой кусок контента с помощью автостилизации на базе наборов стилей, встраивать Google Analytics, лучше контролировать экспорт.
 
Lightroom: В основной версии можно играть с глубиной на фото через инструменты размытия (тоже родом из экспериментов Sneaks).
 
AfterEffects: В основной версии новая Roto Brush лучше выделяет объекты на видео, прокачали работу с цветом и скриптами.
 
Express: Основная версия генерирует цельные редактируемые шаблоны, которые адаптируются для разных сред вроде соцсетей или печати. Предлагает варианты текста, графики и композиции. Переводит на 45 языков.

Premiere Pro: В основной версии можно искать по транскрипции текста и вырезать эти части из видео (прошлогодний эксперимент #ProjectBlink), подчищать качество диалогов, экономить время на цветокоре, плюс оптимизировали интерфейс таймлайна.
 
Fresco: В основной версии обновления вышли ещё в сентябре. Вертикальные тексты, улучшение экспорта видео, больше кистей.

Общий тюнинг в Animate и Character Animator.

Дикий крутяк то, что многие из алгоритмических нововведений основаны на экспериментах Adobe Sneaks, которые тизерили последние годы. Так что компания смогла наладить понятный путь реализации этих диких идей, а не просто хайпанула потешками.
 
#tools #adobe #events

Дайджест продуктового дизайна за сентябрь 2023. Тренды в иллюстрации и UX-исследованиях, архитектура сложных дизайн-систем, отношение к отечественным продуктовым командам, алгоритмический дизайн, клавиатуры на мобильных, адаптивность, автомобильные интерфейсы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

Пятый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2021, 2020, 2019 и 2018.

Держите много свежих и вдохновляющих примеров связи бренда с интерфейсом:
 
Patreon: Сервис для поддержки авторов контента от британского агентства Wolff Olins и внутренней команды.
 
Goodnotes: Приложение для заметок от американского агентства Motto.
 
Webflow: Ребрендинг платформы для сайтов, сделанный внутренними силами.
 
Miro: Сервис командной работы от американского агентства AKQA.
 
Marshmallow: Цифровая страховая компания от американского агентства Ragged Edge.
 
Sock: Финтех от британского агентства Koto.
 
Elizabeth Goodspeed: Почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
Hiro: Web3-платформа для разработчиков от американского агентства Porto Rocha.
 
Facebook: Обновление, сделанное внутренними силами.
 
Dribbble: Ребрендинг, сделанный внутренними силами.
 
Android: Обновление лого, сделанное внутренними силами.
 
Shop: Сервис для интернет-заказов от американского агентства Porto Rocha.
 
P.S. Рассказал о своём подходе к анализу брендов цифровых продуктов в «Рефодушке» Антона Черногорова. Похоже, через какое-то время зайду ещё раз — следите за анонсами на канале Дизайн-комьюнити.
 
#branding

Не успевал упаковать весь свежак про свежие интерфейсные паттерны и лучшие практики, да как вдруг успел:
 
1. Casper Kessels: Отличная памятка по прототипированию автомобильных интерфейсов подручными средствами. Инструменты и способы быстрого вывода на устройство.
 
2. Scott Jenson: Шикарный детальный анализ проблем в клавиатурах на мобильных от легенды нашей профессии. Он также предлагает своё решение, которое представил на симпозиуме UIST.
 
3. Коллекция примеров интересных «подвалов» сайтов.
 
4. Dongkyu Lee: Как сделать анимацию переходов между экранами и их состояниями более логичной и симпатичной.
 
5. Swiggy: Редизайн процесса встречи нового пользователя в приложении. Как упрощали его и вовлекали людей.

6. NN/g: Структурированная подборка своих статей об accessibility и инклюзивности.
 
7. Аида Пачева: Подход к адаптивности в вебе. Она ориентируется на современные подходы вроде component queries, а не жёсткие breakpoints для всего макета.
 
8. Creative Navy: Интерфейсы производственных линий по сборке автомобилей.
 
9. Slack: Рассказ о недавнем крупном редизайне интерфейса. Результат неоднозначный, но интересно посмотреть на ход процесса. Отдельные статьи про мобильную версию и боковую панель.
 
10. NN/g: Оглавления в вебе и на мобильных.
 
11. Growth Design: Эффект «фрейминга» в интерфейсах. Как правильно подавать варианты выбора и рекомендации.
 
12. Peter Ramsey: Процесс оформления подписки на сервис доставки готовой еды Hello Fresh.
 
13. Creative Navy: Интерфейсы медицинских приборов для диализа.
 
14. Jason Grigsby: Просит не использовать «ленивую загрузку» для абсолютно всей графики — это ломает саму идею и пользовательский опыт.
 
15. Ксения Толокнова: Разница между action sheets, диалогами и панелями для уведомлений в мобильных приложениях. Когда и для чего их использовать.
 
16. MeasuringU: Сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns

Как всегда, подборка свежего по алгоритмическому дизайну с трудом помещается в один выпуск:

DALL-E 3: Новое поколение позволяет точнее описать детали сцены, рисует людей с меньшим количеством галлюцинаций и генерирует корректный текст. Этические барьеры расширили — помимо известных людей, теперь нельзя мимикрировать под стиль ныне живущих художников (как убрать себя из обучения модели).

v0 by Vercel: Платформа для разработчиков Vercel запустила генератор интерфейсных компонентов. На выходе — код React на базе shadcn/ui и Tailwind CSS. Логика построения компонентов рандомная, но затея интересная.

Getty Images Generative AI: Официальный генератор фото от Getty Images и NVIDIA. Они тренировали его на своей базе фотографий и вроде как платят авторам рефов. Обещают полную лицензионную безопасность.

Baymard: Попробовали ChatGPT для экспертной оценки интерфейса по скриншоту и настоящей ссылке. Результаты мусорные ― находит крайне мало реальных проблем и выдумывает много несуществующих.

NN/g: Типичные задачи, для которых дизайнеры используют алгоритмические инструменты.

User Interviews: Что и для каких задач используют UX-исследователи.

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

NN/g: Несколько моделей поведения пользователей при работе с генеративными сервисами.

Louis Charron: Как «галлюцинации» в генераторах картинок помогают креативности. Он сравнил разные версии Midjourney, которые сначала теряли поэтичность, а под конец немного вернули её.

Андрей Ковалёв: Коллекция стилей, в которые умеет Midjourney. Их можно использовать в своих запросах.

Vizcom: Превращает наброски от руки в полноценные 3D-рендеры.

YandexArt: Обновлённый генератор графики, который развивает прошлое поколение Шедеврум.

NN/g: Почему пользователи присваивают человеческие качества генеративным чат-помощникам и общаются с ними соответствующе.

Алина Сидоренко: Толковая памятка по работе с Midjourney. Как получить результат в разных стилях и видах дизайна (иллюстрации, текстуры, логотипы, интерфейсы и т.п.).

NN/g: Исследование генеративных ботов Bard, Bing и ChatGPT. Насколько хорошо они решают разные задачи.

YouTube: Будет предлагать идеи и сценарии для видео на основе данных об аудитории и её предпочтениях. Авторы смогут генерировать фоны по текстовому запросу и автоматически дублировать ролики на другие языки.

ChatGPT: Сможет принимать запросы голосом и лучше анализировать загруженные картинки. Например, предложит рецепт на основе фото продуктов в холодильнике. На такой картинке можно выделить детали, про которые хочется узнать. Тест-драйв.

Генератор скрытых слов на изображениях на базе Stable Diffusion и ControlNet.

Александр Селедчик: Чеклист поможет определить фото, сгенерированное алгоритмами.

Android 14: Генерирует фоны для телефона.

TryOnDiffusion: Экспериментальный инструмент «примеряет» любую одежду на ваше фото.

Jakob Nielsen: Какие метафоры кроме клишированного робота предлагают инструменты для показа самого ИИ.

Javi Lopez: Мини-игра Angry Pumpkins, сделанная с помощью DALL-E и Midjourney (графика) и GPT-4 (код).

Мета: Оцифровали пару десятков знаменитостей вроде Mr Beast и Snoop Dogg в качестве ИИ-ботов для чата с говорящей головой. И добавили много разных функций вроде алгоритмической генерации стикеров и редактирования фото.

Luma AI: Генератор 3D-моделей и сцен.

Kaiber: Генератор видео-клипов на основе текстового запроса, других видео, фото и аудио.

Suno AI: Генератор песен с вашими словами в разных жанрах.

Just AI Copilot: Свой ChatGPT от Just AI.

IKEA Instructions: Генератор иллюстраций в духе инструкций IKEA на базе Stable Diffusion XL.

Microsoft Copilot: Выходит в свежем обновлении Windows.

Spirals: Генератор спиралевидных фото.

AI Dubbing: Сервис переводит видео на другой язык. При этом он сохраняет голос персонажа.

EmojiGen: Генератор memoji.

#ai #algorithms

Дайджест продуктового дизайна за октябрь 2023. Большие обновления Adobe и Webflow, дизайн-системы, анимация, алгоритмический дизайн, креативные методики, инфляция профессионального словаря, как организовать стажировки и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Большие и маленькие статьи о дизайн-системах за последние полтора месяца, ну и всякое такое на тему:
 
1. Brad Frost: Глоссарий терминов и понятий современной дизайн-системы в большой компании. Не везде нужно всё из описанного, но оно востребовано на масштабе. Его выступление на эту тему.
 
2. Josh Clark: Предлагает смириться с тем, что команда дизайн-системы не успевает за скоростью изменений в продуктах и пересмотреть её роль. Это инфраструктурная часть, которая должна быть надёжной и продуманной. Её роль ― не придумывать любые возможные решения, а курировать уже созданные в продуктовых командах. Сама мысль не новая, но предложение идти от этой реальности ― достаточно свежее и абсолютно разумное.
 
3. Material Web: Вышла первая версия библиотеки компонентов для веба.
 
4. Rama Krushna Behera: Памятка по созданию компонента. От проектирования логики работы до реализации и гайдлайнов. Шаблон в Figma.
 
5. Список конференций и митапов на тему в разных странах мира.
 
6. Wise: Доработка цветовой палитры под требования accessibility. Часть 2 говорит о типографике, иконках и других аспектах.
 
7. Deliveroo: Обновление цветовой палитры. Как она стала лучше в плане accessibility.
 
8. Odido: Запуск дизайн-системы (слияние голландских T-Mobile и Tele2). Как выбирали стратегию перехода на неё и организовали иерархию стилей.
 
9. zeroheight: Победители их награды этого года.
 
10. Jonathan Dallas: Советы по именованию переменных в CSS.
 
11. Netlify: Канонически обновили интерфейсы под ребрендинг через дизайн-систему с помощью инструментов Storybook.
 
12. Intuit: Инструкция по настройке синхронизации переменных в Figma и токенов их дизайн-системы.
 
13. Sam Gordashko: Шпаргалка по использованию токенов в Figma на основе множества сторонних материалов.
 
14. Вышел Storybook 7.5. На подходе версия 7.6 с развитием инструментов тестирования.
 
#designsystems

Много полезных и познавательных букв о пользовательских исследованиях, написанных за последние месяц-полтора:
 
1. User Interviews: Каталог инструментов за 2023 год. Он масштабно разросся (400 инструментов) и получил топчанский редизайн в стиле средневековых карт (как его делали). Памятка по использованию. Отдельно ― про проблемы универсальных комбайнов.
 
2. Figma: Отличный пример тесной связки аналитиков и исследователей. Они хотели переработать уведомления и вместе искали потенциальные проблемы и точки боли.
 
3. Scott Sehlhorst: Грамотная формулировка проблемы для продуктовой команды с точки зрения конкретной группы пользователей и ситуации, в которой она возникает.
 
4. GE: Система обработки обратной связи от пользователей. Как они категоризуют обращения в поддержку в разных каналах и в целом упростили жизнь этой команде.
 
5. User Interviews: Памятка по проведению интервью с пользователями на основе своих статей за последние годы.
 
6. Steve Bromley: Рекомендации по выбору правильного момента для проведения игрового теста. Когда не слишком поздно и не слишком рано.
 
7. Sofya Bourne: Советы по поиску респондентов в B2B-среде. Она перечисляет основные проблемы и даёт способы их решения.
 
8. MeasuringU: Насколько легко пользователи справляются с заданием отсортировать что-то в опросниках. Они сравнивают зависимость от темы и количества элементов.
 
9. Hannah Campbell, Jeff Sokolov и Rachel Searing: Опыт внедрения базы знаний и инсайтов в iRhythm Technologies. Какие цели они ставили, как общались с будущими пользователями и выбирали пилот.
 
10. Jeff Sauro и Jim Lewis: Чем отличаются респонденты, которые соглашаются или отказываются на исследование с рассуждением вслух. В целом разницы нет, кроме возраста и страны.
 
11. Kate Fisher и Julia Cowing: Как команда ResearchOps помогает эффективнее планировать и проводить исследования в разных командах компании.
 
#research

Небольшая, но ёмкая выгрузка свежих материалов по дизайн-менеджменту:
 
1. Shishir Mehrotra (со-основатель Coda): Отличный список командных ритуалов и методов, которые помогают решать задачи быстрее и в целом двигаться вперёд.
 
2. Контур: Объединение исследователей в компании. Они составили памятку по поиску нужных экспертов в компании.
 
3. Wise: Запуск программы стажировки. Как получили поддержку руководства, строили отбор и вели стажёров по процессу.
 
4. IBM: Стажёрская программа Patterns в японском отделении. Программа и цели.
 
5. NN/g: Эффект «общеизвестного знания», который мешает продуктовым командам принимать качественные решения. На простом эксперименте он показывает, как включается групповое мышление.
 
6. Readymag: Опрос 370 дизайнеров на тему особенностей командной работы.
 
P.S. Продолжаю собирать данные для пятого исследования: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте их в крупных дизайн-каналах и изданиях.
 
#designmanagement

Новые ссылки об алгоритмическом дизайне пополняются быстрее, чем пакет с пакетами:
 
1. tldraw Make Real: Экспериментальный инструмент превращает наброски интерфейса от руки в аккуратный визуальный результат и код на React с помощью инструментов OpenAI. Можно дополнить скетч текстовым описанием того, что нужно. Причём интерфейс может иметь небанальную логику поведения. Обзор от создателей.
 
2. Midjourney: Бета-версия в браузере с человеческим интерфейсом.
 
3. KREA: Генератор изображений и видео по текстовому описанию (можно сделать условный набросок для точности). Умеет делать это в реальном времени (ещё пример). Может натренироваться на вашем собственном стиле.
 
4. NN/g: 6 типов общения с алгоритмическими чат-ботами и структура запроса к ним. Они провели дневниковое исследование среди пользователей ChatGPT, Bing Chat и Google Bard.
 
5. Luke Wroblewski: Подходы к интеграции алгоритмических возможностей в интерфейс цифровых продуктов.
 
6. Canva: Интегрировала инструменты алгоритмического сервиса Runway через встроенное приложение Magic Media.
 
7. Fusion Brain: Инструмент генерирует изображения и видео с помощью нейросети Kandinsky от Сбера.
 
8. YouTube: Серия экспериментов с генеративной музыкой. Dream Track создаёт композиции для коротких видео в духе нескольких музыкантов, вписавшихся в пилот. Music AI Tools генерирует музыку по текстовому описанию. Можно просто напеть зарисовку или сделать её другим способом, а потом перебирать инструменты и варианты звучания.
 
9. It's Nice That: Несколько дизайнеров описали свой рабочий процесс для задач, где они использовали инструменты алгоритмического дизайна. У всех достаточно хитрая солянка классических и новых приёмов.
 
10. Stable Diffusion: Теперь умеет генерировать видео по текстовому запросу.
 
11. Runway Motion Brush: Можно анимировать конкретную часть фото, если выделить её.
 
12. CLO: Генератор текстур для одежды по текстовому запросу в инструменте для цифровой моды.
 
13. Google: Экспериментальный генератор графики по текстовому запросу.
 
14. Runway TV: Экспериментальный генеративный телеканал от создателей алгоритмического инструмента для видео Runway.
 
15. Яндекс Маркет: Массовая генерация описаний товаров с YandexGPT.
 
16. Simon Willison: Советы по формулированию запросов в DALL-E 3.
 
17. Jakob Nielsen: Советует сравнивать алгоритмические инструменты не с лучшим экспертом в отрасли, а среднестатистическим. Ведь их основная ценность — повышать средний уровень в отрасли, а не обязательно совершать прорывы.
 
18. ChatGPT: Обновили модель до GPT-4 Turbo. Она обучалась на более свежей информации (до апреля 2023 года) и дешевле для разработчиков.

Также за последние месяцы начали появляться плагины вокруг дизайна вроде DoritosGPT (генерирует любые пачки чипсов Doritos), ConvertAnything (конвертирует кучу форматов изображений, видео, аудио и документов в кучу других форматов) и Canva (генерирует макеты для соцсетей и другие промо-материалы).
 
19. Яндекс Практикум: Пересказывает урок или объяснит сложный термин через YandexGPT.
 
20. Модельное агентство, которое предлагает алгоритмически сгенерированных моделей.
 
#ai #algorithms

Моя книга «Паттерны дизайн-менеджмента» наконец-то доступна для предзаказа. Она предлагает модель зрелости и фреймворк, который помогает внедрить дизайн с учетом особенностей именно вашей компании. Все практики дизайн-менеджмента выделены в паттерны, которые можно применять отдельно друг от друга — так, как нужно именно вашей организации. Поэтому и структура книги построена вокруг того, что нужно делать в первую очередь в вашей ситуации.

Символично, что сегодня ровно 10 лет с моего первого выступления на эту тему на конференции UX People 2013 в Минске. Позже оно вылилось в серию статей для UXmatters, а потом превратилось в курс и книгу. Это была долгая эпопея, о которой я ещё расскажу подробно.

А пока — поблагодарю всех, кто помог сделать эту книгу возможной. Дизайнеров, редакторов, методистов, юристов, менеджеров, продюсеров, операторов — полный список не поместится в один пост. И, самое главное — мою семью, которая помогала, поддерживала, терпела и верила, что это всё не зря. Спасибо вам и люблю вас!

Дайджест продуктового дизайна за ноябрь 2023. Книга «Паттерны дизайн-менеджмента», сокращения в IDEO, умные часы, алгоритмический дизайн, push-уведомления, интернет-магазины, иллюстрации, интервью с пользователями, story mapping, дизайн-системы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Связи бренда с интерфейсом устанавливаются не всегда и везде, но если выходит — это по любви. Вот кто пытался решить эту задачу за последний месяц-полтора (где получилось — судите сами):
 
1. Deezer: Музыкальный сервис от британского агентства Koto.
 
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
 
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
 
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
 
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
 
6. Reddit: Сообщество от американского агентства Pentagram.
 
7. МТС Junior: Подбренд от отечественного агентства ONY.
 
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
 
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
 
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
 
#branding

На редкость длинная пауза вышла с мини-выпусками про свежие интерфейсные паттерны и лучшие практики. Обнуляю её:
 
1. Baymard: Как выводы из их многочисленных пользовательских исследований сайтов и приложений электронной коммерции во многом пересекаются. Это в целом и так понятно, но он приводит конкретные доли таких пересечений.
 
2. NN/g: Годное дневниковое исследование паттернов использования умных часов. Они выделили 6 основных задач и приводят нюансы работы пользователей по ним. В 80% случаев используют только встроенные приложения от производителя и не ставят дополнительные.
 
3. Pushkeen: Коллекция примеров push-уведомлений.
 
4. Storefront: Коллекция примеров главных страниц интернет-магазинов одежды.
 
5. Emailspiration: Коллекция примеров писем рассылки.
 
6. Индия запретила использование «тёмных паттернов» в интерфейсах. Jakob Nielsen разбирает 12 таких манипулятивных приёмов, которые упомянуты в этом законе.

7. Creative Navy: Подробный обзор интерфейсов сервисов для нанимающих менеджеров.
 
8. Alaïs de Saint Louvent: Сайт-памятка по поддержке accessibility.
 
9. Baymard: Типичные проблемы интерфейса проверки адреса в интернет-магазинах.
  
10. Peter Ramsey: Разбирает парадоксальный сайт Zara. Это богатейшая компания с огромным оборотом, интернет-магазин которой — полнейшая катастрофа.
 
11. MeasuringU: Новое сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns

Небольшая, но жирнючая, как приближающийся оливье, подборка нового о дизайн-системах:
 
1. Rosenfeld Media выпустили книгу Dan Mall «Design That Scales».
 
2. Атомаро: Ростелеком сделал отчуждаемую версию своей дизайн-системы. Можно поставить её себе и настроить свою тему оформления. Под капотом React с токенами.
 
3. Design Systems Database: Ещё один каталог дизайн-систем.
 
4. StyleX: Фреймворк для токенов Меты, который используют все их продукты (Facebook, Instagram, Whatsapp, THreads).
 
5. Figma: Свежие обновления переменных. Что уже внедрили и как планируют развивать.
 
6. Luis Ouriach: Подробная инструкция по созданию компонентов в Figma и организации дизайн-системы в инструменте в целом. Он стремится создавать их для реального и широкого использования. Рекомендации по организации библиотек.
 
7. Виталий Капустьянов: Подгонка толщины линий иконок под разные размеры шрифта.
 
8. Вышел Storybook 7.6. Но уже есть ранняя версия 8.0.
 
#designsystems

Небольшой выпуск о пользовательских исследованиях, а то вы и так все в запаре:
 
1. Jakob Nielsen: Нужна ли в современном мире классическая юзабилити-лаборатория как помещение. Офлайновые юзабилити-тесты нужны, но достаточно обычной переговорки. Кстати, в статье есть рарные фото такой лаборатории Sun 1994-1995 года, где Jakob провёл первое в мире юзабилити-тестирование (хотя сейчас делают гораздо проще и менее киношно).
 
2. Adobe: Интереснейший фреймворк LOAF (Learning Outcomes Assessment Framework) для оценки процесса обучения в интерфейсе. Он помогает оценить эмоциональный и функциональный результат по нескольким параметрам.
 
3. Connor Joyce: Процесс анализа и изменения поведения пользователей. Он проанализировал 4 популярных фреймворка и соединил их идеи вместе.
 
4. Adobe: Как устроена команда ResearchOps (у них 65 качественных и количественных исследователя).
 
5. Okta: Как команда работает с базой знаний и инсайтов в инструменте Dovetail.
 
#research

Опять снова не успел сделать трушный обзор трендов 2024 года с попыткой анализа (но с перезапуском сайта дайджеста в январе исправлюсь). Так что (как и в прошлый раз) просто настрогал питательный салат из пристойных обзоров и прогнозов.
 
Начнём с печальки — EditorX схлопнулся внутрь Wix, так что их годнейших больше обзоров не будет. А те выпустили совсем проходную статью.

Зато родился новый жанр. Плагин Trend Sheep для ChatGPT суммировал 80 отчётов о трендах 2023-2024 года и выдаёт прогнозы из них (архив исходных материалов). Ещё один похожий плагин — Meta Trends 2024. Правда, по дизайну ничего нет — из близкого только маркетинг и реклама. Но задумка занятная.
 
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Добавилась категория алгоритмических инструментов и исследовательских репозиториев, Sketch готовится коснуться нулевого значение оси, FigJam обошёл Miro, у Framer не выходит ворваться в топ. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
 
Разносол из итогов 2023 года
— Яркие проекты на Readymag и Framer Sites
— Крафтовуха (и ещё)
— Упаковка
— Логотипы
— Новые шрифты и прогноз начала года.
— Лучший дизайн по версии журнала Core77
— Заметные инновации от Fast Company, TIME и Popular Science
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
 
И немного визуальных всплесков 2023 года
— bento-сетки, которые отлично подходят для кейсов и обзоров
— шрифты, вырезанные из бумаги.
 
Про 2024 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, Graphic Mama, Depositphotos, Shutterstock, Adobe и Webflow.
 
2. Pantone объявляет цвет: добродушный Peach Fizz («персиковый пушок»).
 
3. Письма рассылки от Designmodo.
 
4. Иллюстрации от Jacky Winter Group и Skillbox.
 
5. Дизайн и профессия в целом от Creative Boom.
 
6. Культурные от Pinterest и Instagram.
 
7. Технологические от Gartner: стратегические.
 
8. Интранеты от Nielsen/Norman Group.
 
Интересные дизайнерско-технологические подвижки
1. Алгоритмический дизайн снова на коне, так что я пересобрал свой сайт-коллекцию (хотя ещё не успел загрузить туда новости за последние месяц-два).
 
2. Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
 
3. Ключевые обновления CSS в 2023 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2023 года.
 
4. Стандарт accessibility в вебе обновился до WCAG 2.2.
 
5. Дикий концепт операционной системы Space OS. Немецкая команда энтузиастов Deta предложила свежий заход с веб-сервисами вместо приложений и канвой а-ля Miro и FigJam вместо обычного оконного интерфейса. Ну и, само собой, генерация всего и вся по текстовому запросу. Самое крутое, что это не просто видос — можно пощупать альфа-версию.
 
Вышли пара публикаций толковой критической рефлексии
1. Elizabeth Goodspeed пытается разобраться, почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
2. Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
 
До выставки CES 2024 всего пара недель, а там завсегда есть на что поглазеть.
 
Для сравнения: что обещали на 2023, 2022, 2021, 2020, 2019 и 2018 год.
 
#trends

Прошёл всего месяц, а по теме алгоритмического дизайна опять выше крыши новья:
 
Pika 1.0: Генератор видео по текстовому описанию вышел из беты и порвал танцпол своей безумной демкой.
 
Midjourney 6: Вышла альфа-версия нового поколения. Увеличили разрешение до 2048x2048, добавили генерацию небольших текстов, улучшили понимание самих запросов.
 
StorybookGPT: Плагин для ChatGPT генерирует описание компонентов для живого гайдлайна Storybook. Памятка по работе с ним.
 
iA (эксперты в работе над текстами): Оценивают сильные и слабые стороны алгоритмических инструментов в этом плане. Где они помогают и где бесполезны. В новой версии своего текстового редактора iA Writer 7 они использовали это понимание для интересной разметки авторства (вы, ChatGPT или другой источник).
 
DALL-E Party: Занятный эксперимент, который по циклу искажает цепочку генерации DALL-E. Он описывает картинку текстом, потом генерирует из него ещё одну картинку — и так по кругу.
 
Figma: Пообщались с менеджерами продуктов для массового пользователя, которые внедряют функции на базе ИИ. Как они строят продуктовую работу в таких случаях.
 
Angie Wang: Топчанское интерактивное размышление-повесть, в котором она сравнивает процесс обучения алгоритмов и маленького ребёнка — .
 
FlutterFlow AI Gen: Сервис для быстрой разработки мобильных приложений научился генерировать дизайн и код (фронт + бек) по текстовому запросу или наброску на бумаге. Он автоматизирует все этапы от идеи до реализации.
 
Alex Ivanovs: Описывает хронологию развития первого года жизни ChatGPT.
 
Krea: Добавили интересный метод «overlay view», который позволяет схематично набросать перспективу объекта и в целом основные элементы.
 
Microsoft Paint: Теперь тоже генерирует графику по текстовому описанию с функцией «Cocreator» на базе DALL-E 3. Видео-обзор.
 
Amazon Titan: Генератор изображений по текстовому описанию доступен на платформе AWS (видео-обзор).

Amazon Q: Ещё один алгоритмический помощник в AWS. Он подключается к корпоративным сервисам и помогает анализировать информацию из них.
 
Audiobox: Новая модель для генерации аудио от Меты. Может взять за основу ваш голос, текстовый запрос, готовую музыку и сгенерировать или доработать/переосмыслить их.
 
Output Co-Producer: Генератор семплов по текстовому запросу от создателей инструмента Output.
 
Instagram: Пробует менять фон в stories с помощью алгоритмического дизайна (ещё).
 
Исследователи Hugging Face и Carnegie Mellon University посчитали энергозатраты на генерацию изображений с помощью алгоритмического дизайна. Выходит много — сопоставимо с полной зарядкой телефона (исследование).
 
HeyGen Custom Avatar: Сервис создаёт фотореалистичные аватары пользователей, которые могут читать текст на видео. Голос и мимика — тоже ваши.
 
Magnific: Один из самых качественных алгоритмических сервисов по улучшению качества фото на базе.

Prompt Brush: Пародия на инструменты, работающие по текстовому запросу. Иллюстрацию по такому запросу руками рисует иллюстратор Pablo Delcan.
 
Luke Wroblewski: Советует давать подсказки в инструментах, работающих по текстовому запросу. Пользователи часто не понимают, как правильно что-то спросить у них.
 
YandexART: Научился генерировать ёлочные игрушки в нескольких стилях.
 
Google и Vogue: Изучили, как ИИ влияет на процессы и сценарии покупки модной одежды.
 
Spotify: Тестирует генерацию плейлистов по текстовому запросу.
 
Точка: Усилила интерактивный справочник с помощью ChatGPT. Сервис «Ассистент» помогает отвечать на бухгалтерские вопросы.
 
Curio: Говорящие игрушки, которые придумывают истории и диалоги с помощью ChatGPT. Анонс — https://www.youtube.com/watch?v=f5rLMWzjDIg.
 
Ars Technica: Сравнили, кто лучше хохмит — ChatGPT или Bard (спойлер: ChatGPT).
 
Битрикс CoPilot: Алгоритмические инструменты, встроенные в платформу. Генерирует, анализирует и улучшает контент.
 
Яндекс Недвижимость: Может искать квартиры по текстовому запросу вместо перебора фильтров с помощью YandexGPT.
 
#ai #algorithms