Июнь '23

Сайт дизайн-команды Ростелекома.

Paul Boag даёт советы дизайнерам о том, как снимать ограничения в своей работе. Они отличают дизайн от искусства, но не всегда высечены в камне.

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

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

Инструмент алгоритмического дизайна помогает делать наброски планов помещений.

Как самому сделать иллюстративные QR-коды от nhciao, которые собраны с помощью Stable Diffusion и работают на самом деле. Оригинальный пост.

Сервис позволяет проверить, использовались ли ваши данные или фото для обучения алгоритмов. Это часть более крупной инициативы Spawning по защите своих персональных данных от обработки.

Arvind Sanjeev показывает, как закрытые личные данные утекают для обучения алгоритмов. Например, многие генераторы лиц как будто ненастоящих людей на самом деле берут настоящие фото и просто немного дорабатывают их.

Duolingo встроили модель GPT-4 в продукт — пользователи смогут учиться в диалоге и получать дополнительные пояснения.

Сервис клонирует ваш голос и может озвучить им любой текст.

Яндекс Маркет будет генерировать описание товаров с помощью YandexGPT

Mercedes добавит ChatGPT в свою автомобильную платформу MBUX. Он расширит возможности голосового помощника.

TikTok добавил генератор сценариев для рекламных роликов.

TikTok запустили экспериментальное приложение Ripple, которое помогает пользователям генерировать и редактировать музыку. Можно напеть мотив и оно превратит его в заготовку песни.

Генератор музыки по текстовому описанию от Meta. Обзор.

Maggie Appleton сделала несколько концептов интерфейса взаимодействия с чат-ботами на базе алгоритмического дизайна. Как они могут уточнять и дополнять текст.

Генератор векторных иллюстраций по текстовому запросу.

Инструмент генерирует короткие видео по текстовому описанию.

Инструмент Spline для 3D научился генерировать объекты по текстовому описанию и накладывать стиль по примеру.

Stephen P Anderson разбирает проблемы генераторов текстов а-ля ChatGPT. Они способны создавать черновики, но многие забывают, что эти черновики нужно критически анализировать и доводить до ума.

Простой сервис позволяет дорисовать то, что было за границами изображения (примерно как Generative Fill у Photoshop).

Adobe добавили в Illustrator экспериментальную функцию Generative Recolor. Она меняет цвета на сложных иллюстрациях с помощью их движка алгоритмического дизайна Firefly.

Adobe запустили новый простой инструмент дизайна Express для несложных макетов и видео. Он умеет генерировать изображения и шрифты с помощью Firefly, готовит макет под разные размеры.

Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.

Toyota экспериментирует с алгоритмическим дизайном для работы над машинами. Это один из самых разумных процессов — дизайнер делает первый набросок стиля, дальше алгоритм предлагает несколько вариантов его оптимизации (например, для лучшей аэродинамики). Дизайнер выбирает одно из предложений и дорабатывает его.

Framer запустил ветку алгоритмического дизайна в своём инструменте. Он позволяет сгенерировать сайт по текстовому описанию, а потом докручивать отдельные элементы из набора предложений.

Сайт-коллекция трендовых бенто-сеток.

Тренды в упаковке 2023 года от Dieline.

Тренды в логотипах 2023 года от LogoLounge.

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

Ребрендинг сервиса Unmind для ментального здоровья сотрудников компаний от американского агентства Ragged Edge

Айдентика сервиса Askly для общения с пользователями сайта от эстонского агентства Tabasco.

Обновление айдентики InVision от британского агентства Ensemble.

Ребрендинг сервиса бронирования ресторанов TheFork от британского агентства Design Studio.

Айдентика горячей OpenAI от французско-американского агентства Area17 (больше деталей).

Язык анимации Pinterest от американского агентства DIA.

Dylan Babbs рассказывает о редизайне навигации в Uber. Они делали много интерактивных прототипов разного уровня сложности и активно тестировали их.

Alex Hollender и Jon Robson рассказывают о редизайне Wikipedia в формате интервью.

Jenny Hsiao Sanchez из IBM описывает памятку для фасилитатора рабочих сессий. Как понять, что всё идёт хорошо.

Советы Design Dept. для дизайн-менеджеров в ситуациях экономического кризиса, когда компании колбасит.

Shamsi Brinn предлагает концепцию «no handoff» (без передачи проектных артефактов от дизайнера разработчикам). Это процесс, в котором нет явного перехода между этапами, а постоянная совместная работа.

Советы Rohan Irvine по выстраиванию ResearchOps в компании. Он делится опытом удачных и проблемных ситуаций из компаний, где внедрял эти подходы.

Karin den Bouwmeester предлагает свой фреймворк для оценки выхлопа от пользовательских исследований в компании. Она делит их на влияние на бизнес и UX в целом, а также организацию и самих специалистов по исследованиям.

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

Tim Neusesser и Evan Sunwall из Nielsen/Norman Group предлагают чеклист для оценки качества отработки ошибок в интерфейсе. Это измеримый подход, к которому идёт шаблон в Excel.

• Автоматическая подсветка одного из элементов страницы при прокрутке на CSS.

• Как стилизовать элементы на CSS в зависимости от их расположения на экране или в конкретном блоке.

Sue Duris из Condens описывает метод кабинетных исследований и ситуации, в которых он полезен.

Jeff Sauro и Jim Lewis продолжают изучать метод юзабилити-тестирования, когда респондент проговаривает проблемы вслух. Так респонденты находят больше проблем, хотя они не проверяли реальность этих проблем.

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

Дмитрий Старков описывает методы пользовательского тестирования продуктов на базе алгоритмов.

Советы Mary Nolan по поиску респондентов для пользовательских исследований B2B-продуктов.

Памятка по поиску и отбору респондентов для пользовательских исследований от User Interviews.

Matt Brown из Nielsen/Norman Group говорит о пользе приглашения пользователей на воркшопы. Он описывает несколько форматов таких сессий и даёт советы по их проведению.

Памятка по проведению экспертной оценки от Kate Moran и Kelley Gordon из Nielsen/Norman Group. Они дают полезный шаблон, который основан на классических 10 эвристиках Нильсена.

Памятка MeasuringU по использованию метода тестирования интерфейсов с помощью «первого клика».

Jim Lewis и Jeff Sauro сравнивают несколько чеклистов для оценки компьютерной грамотности пользователей.

Коллекция рисованных от руки элементов дизайна на SVG.

Переименование сразу множества слоёв, приложение Mirror для iPad и другие обновления интерфейса.

Простой инструмент позволяет сделать что-то похожее на схематичную поверхность ландшафта.

Alex Ivanovs заметил, что Adobe постепенно убирает возможность скачать инструмент. Явно о его закрытии не говорили, но после покупки Figma это было неизбежно.

На конференции Config 2023 анонсировали одни из самых масштабных и ценных обновлений инструмента.

Самое главное — переменные. Они позволяют сделать две вещи — токены (причём они стараются соответствовать черновику будущего стандарта W3C) и более сложную логику взаимодействия в прототипах. Lukas Oppermann подробнейшей разложил по полочкам системную работу с токенами. Как реализовать все аспекты, важные для дизайн-системы и связать её с компонентами в коде. Ну и рассказал про текущие возможности и ограничения бета-версии.

Инструменты для разработчиков стали полноценным отдельным режимом работы. Он показывает спецификации дизайна на более понятном языке для программистов и верстальщиков, имеет плагины к популярным планировщикам задач и средам разработки (например, Jira, GitHub, Linear, Storybook и VS Code). Правда, есть риск что теперь придётся платить деньги и за разработчиков, при том что до этого они могли смотреть спецификации бесплатно.

Figma купила нашумевший стартап Diagram, который запустил энтузиаст алгоритмического дизайна Jordan Singer с командой. Они делают простые и достаточно прагматичные решения, которые наверняка скоро попадут в Figma. В статье описаны несколько сценариев использования, которые уже помогут в повседневных задачах — например, автоматическая категоризация идей из брейнштормов (дико нудное дело).

В самом редакторе тоже добавлено много крутого: auto layout теперь может переносить объекты внутри контейнера на новую строку при недостатке ширины, освежили общий интерфейс учётных записей и просмотра проектов, предпросмотр шрифтов в списке их выбора.

Dan Brown рассуждает о сложностях описания информационной архитектуры продуктов, где интерфейс строится вокруг центрального объекта (например, календарь или документ).

Mike Gower из IBM простым чеклистом разложил свежий стандарт accessibility WCAG.

Stephanie Eckles собрала все современные приёмы CSS для описания компонентов и дизайн-систем в целом.

Общие виджеты с iPhone:

Любые приложения для созвонов могут накладывать вырезанную фигуру говорящего на презентацию:

Можно поделиться любым файлом прямо в любое приложение для созвонов — хорошее соответствие стандарту удалённой работы:

Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле.