AI против UX: кто победит?


18.03.2020 Время чтения - 8 минут 1204

Теоретически AI может полностью уничтожить графический дизайн и UI. Но UX безопасен, потому что он работает не только с данными, но и с восприятием. Поэтому здесь AI бессилен, хотя может помочь проанализировать информацию и взять на себя функцию создания прототипов.

Состояние AI

Персонализация — это путь к сердцу клиента. Искусственный интеллект может собирать информацию о пользователе по всему Интернету, анализировать её и предоставлять именно те решения, которые ищет клиент.

Уже были коммерческие попытки использовать AI для работы в области дизайна. Как правило, они сосредоточены на областях, где дизайнер должен работать в рамках определённых визуальных ограничений. Например, Logojoy предлагает услугу дизайна логотипа на основе AI.

Однако AI будет играть роль в ускорении и дополнении процессов проектирования, выполняемых людьми. Например, AI может создавать сотни макетов, цветовых схем и логотипов за считанные секунды, что позволяет дизайнеру гораздо быстрее выбирать привлекательные и жизнеспособные идеи. Гораздо эффективнее и приятнее поручить машине создание тысяч различных опций, чтобы человек мог выбрать отдельные жемчужины из этой массы.

Голосовые пользовательские интерфейсы (VUI) уже используются во многих технологиях. У Apple есть Siri, у Google есть OK Google, у Microsoft есть Cortana, а у Amazon есть Alexa. Amazon, например, использует голосовые интерфейсы в таких продуктах как Fire TV и Echo. Определенно, пользователи оценят голосовые интерфейсы в ситуациях, когда визуальное внимание направлено на что-то другое, например, при управлении автомобиля или просмотре телевизора.

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

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

Инструменты на базе AI, которые могут заставить дизайнеров работать быстрее

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

  1. RemoveBg
    100% автоматическое удаление фонов в течение 5 секунд без единого клика.
  2. Khroma
    Хрома использует AI чтобы узнать, какие цвета вам нравятся, а также создаёт палитры.
  3. Let’s Enhance
    Улучшение изображения с помощью AI. Улучшайте цвета, удаляйте сжатие и увеличивайте изображение до 16 раз.
  4. Fronty
    Конвертируйте изображение в HTML, генерируйте интерфейсный код на основе вашего дизайна в один клик, используя AI.
  5. FontJoy
    FontJoy помогает дизайнерам выбирать лучшие комбинации шрифтов, смешивать их для идеального сочетания.
  6. Colormind
    Colormind — это генератор цветовых схем, который использует глубокое обучение. Он может узнать цветовые стили из фотографий, фильмов и популярного искусства.
  7. Visual Eyes
    Инструмент для отслеживания зрения с помощью AI, карта внимания пользователя, локализация интересующих областей, показатель чёткости, тепловые карты и т. д.
  8. This person doesn’t exist
    Создавайте лица людей, генерируемые AI без роялти. Может быть загружено как эскизный плагин.
  9. AI generated photos
  10. Autodesk Dreamcatcher
    Инструмент, основанный на идее генеративного дизайна:
    1. Алгоритм генерирует множество вариантов дизайна, используя предопределённые правила и шаблоны.
    2. Результаты фильтруются на основе качества дизайна и требований к задачам.
    3. Дизайнеры выбирают наиболее интересные и адекватные варианты, редактируя их при необходимости.

Почему люди до сих пор побеждают

У UX-дизайнеров есть одно важное преимущество: они являются инсайдерами человеческого общества и понимают потребности людей. В 2020 году мы ещё не знаем, как (с философской точки зрения) оценить ситуацию, когда машина способна на сочувствие или сострадание. Поэтому мы, пожалуй, далеки от создания такой машины в реальности. По аналогии, вклад человека также необходим в визуальном дизайне. Ведь только человек может понять сложные культурные и эмоциональные особенности восприятия цветов и их сочетаний и создать вдумчивый, эмоционально привлекательный образ продукта.

Когда речь идёт о дизайне, он не состоит из одних и тех же действий, выполняемых снова и снова каждый день. Только люди могут испытывать сочувствие к другим пользователям. Согласно исследованию, 62% дизайнеров интересуются искусственным интеллектом и машинным обучением, а также преимуществами, которые он может добавить в свой рабочий процесс.

Автоматизация уменьшает количество рабочих мест. Так, согласно исследованию Deloitte, в Великобритании за последние 15 лет автоматизация сократила 800 тысяч человек. Не торопитесь паниковать, потому что это помогло создать 3,5 миллиона новых рабочих мест с большей зарплатой (но требующей более высокой квалификации).

Что касается работы UX-дизайнеров, то вряд ли в скором времени удастся автоматизировать большинство их задач. Например, эффективное исследование и тестирование пользователей — это сложный процесс, который требует эмоционального интеллекта и, что наиболее важно, способности понять, какие потребности и поведение отсутствуют среди представленных.

В книге Даниэля Х. Пинка «Совсем новый ум», автор упоминает машины, которые заменят человечество. Но в вопросах понимания людей, их потребностей и симпатии машины не смогут превзойти человека.

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

Сетка CMS

Искусственный интеллект выбирает шаблоны и стили представления контента, а также ретуширует и обрезает фотографии. Кроме того, система запускает A/B-тесты, чтобы выбрать наиболее подходящий шаблон.

Wix Advanced Design Intelligence

Полуавтоматический способ создания сайта для непрофессионалов. Wix изучает алгоритм, предоставляя множество примеров высококачественных современных веб-сайтов. Кроме того, он старается сделать предложения стилистически актуальными для соответствующей индустрии клиента.

Firedrop

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

Vox.com

Генератор домашней страницы, использующий аналогичные идеи. Алгоритм находит всевозможные верные макеты, комбинируя различные примеры из библиотеки шаблонов. Затем каждый макет рассматривается и оценивается на основе определённых характеристик. Наконец, генератор выбирает «лучший» макет — в основном, тот, который набрал наибольшее количество очков.

Flipboard Duplo

Автоматизированная система верстки журналов.

uKit AI

Анализирует существующий веб-сайт и перестраивает его по собственной технологии с предложенным новым дизайном.

Airbnb: эскизы интерфейсов

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

UI Bot

Лучший пример инструмента проектирования на основе алгоритма, применённого к пользовательским интерфейсам Janne Aukia. Он генерирует стилистические вариации приборной панели и даже пытается изменить макет.

Плагин BillUI Sketch

Саймон Такман использовал идеи Джона Голда для создания нескольких вариантов UI-компонента. Он изменяет радиус угла, цвет, границу и тень.

pix2code

Экспериментальный инструмент UIzard генерирует HTML или собственный мобильный код из снимка экрана пользовательского интерфейса с точностью более 77%.

Brandmark

Универсальный инструмент, который позволяет пользователям создавать логотип, простой фирменный стиль и набор пользовательского интерфейса с этим визуальным стилем в коде.

Adobe Fontphoria

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

InspiroBot

Генератор вдохновляющих цитат.

Bloma

Инструмент дизайна от команды Creative.ai. позволяет создавать плакаты, рекламу и другие графические дизайнерские работы. Инструмент исследует, разрабатывает и уточняет варианты дизайна для вас.

Logojoy

Продукт заменяющий фрилансеров, генерируя простой дизайн логотипа. Вы выбираете любимые стили, выбираете цвет и вуаля, Logojoy генерирует бесконечные идеи. Вы можете уточнить конкретный логотип, посмотреть пример корпоративного стиля на его основе и заказать пакет фирменной символики с визитками, конвертами и т. д. Это идеальный пример инструмента проектирования на основе алгоритма в реальном мире!

Logoshuffle и My Brand New Logo похожие инструменты.

Photoshop Контентно-зависимый кроп

В версии 2016 Photoshop есть контент-ориентированная функция, которая интеллектуально заполняет пробелы, когда вы используете инструмент кадрирования для поворота изображения или расширения холста за пределы исходного размера изображения.

Nutella Unica

Алгоритм извлёк из базы данных десятки образцов и цветов, чтобы создать семь миллионов различных версий графической идентичности Nutella, которые были размещены на передней части банок в Италии.

Google AutoDraw

Экспериментальный проект превращает эскизы в иконки.

Fast Mask

Еще один эксперимент, который выбирает и отслеживает объект в видео. То есть вы можете выделить объект и поместить текст или другие предметы позади.

AI Imaging Technique восстанавливает фотографии с реалистичными результатами

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

Ganbreeder

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

Guardian Headliner

Эксперимент с дизайн-студией BERG, который даёт возможность подчеркнуть глаза на фотографии и выделить эмоции.

«Обратная Призма»

Исследователи из Калифорнийского университета в Беркли преобразуют картины импрессионистов в более реалистичный стиль фотографии.

Prisma

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

Google Storyboard

Мобильное приложение превращает видео в одностраничные комиксы. Оно автоматически выбирает интересные видеокадры, размещает их и применяет один из шести визуальных стилей.

Microsoft AI Drawing Bot

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

Двигатели восприятия

Алгоритм Тома Уайта рисует абстрактные иллюстрации объектов реального мира.

Stylit

Экспериментальный инструмент, который создает трёхмерную модель из эскиза.

Nvidia GauGAN

Программное обеспечение мгновенно превратит пару строк в великолепный закат на вершине горы.

GANPaint Studio

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

Vincent

Cambridge Consultants создали инструмент для иллюстраторов, который превращает наброски в картины Ван Гога, Сезанна или Пикассо.

MS Word Resume Assistant

Дополнение анализирует LinkedIn, чтобы показать соответствующие примеры резюме, определить лучшие навыки, настроить резюме на основе реальных объявлений о работе и получить дополнительную помощь.

Variable Fonts

Параметрическая типография основана на идее интерполяции из нескольких ключевых переменных: веса, ширины и оптического размера. В 2016 году он стал частью спецификации формата OpenType. Раньше в Интернете можно было использовать переменные шрифты только с помощью хаков или настольных инструментов, таких как Robofont.

Fontjoy

Инструмент, который поможет вам соединить шрифты с помощью векторов шрифтов.

Фото Wake-Up

Экспериментальный инструмент может оживить персонажа на фотографии. Смотрите также эксперимент от Samsung, который заставляет фотографии говорить.

Microsoft Animation Autocomplete

Экспериментальный инструмент для автозаполнения иллюстраций и анимации. Shadow Draw имеет похожую концепцию.

Оригинал статьи.

Читайте также: Психология цифры

Психология цифры