UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Руководство по созданию дизайна ИИ-помощника
Редакція
Редакція

Опубліковано

Руководство по созданию дизайна ИИ-помощника

#ux

С релизом iOS 15 и смартфона Google Pixel 6 с чипом Google Tensor мы скоро увидим жесткую конкуренцию между двумя технологичеcкими гигантами в области искусственного интеллекта. Искусственный интеллект – будет играть важную роль, потому что

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

Это руководство поможет вам улучшить работу ИИ-помощника.

Визуальный дизайн

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

Объект, форма, цвета

Как должны выглядеть ИИ-помощники? Что в первую очередь приходит в голову, когда вы думаете о них? С точки зрения дизайна, искусственный интеллект – вещь абстрактная, поэтому создать визуальный образ может быть сложно. В научно-фантастических фильмах ИИ обычно изображается в виде 3D-сфер или волн.

Hall 9000 из фильма "Космическая одиссея 2001 года"

Если вы поищите на Dribbble или Behance, то найдете десятки трехмерных сфер или волн. На мой взгляд, Глеб Кузнецов сделал один из лучших примеров визуализации ИИ-помощника :

Дизайн распознавания голоса от Gleb Kuznetsov✈

Простой домашний голосовой ассистент от Gleb Kuznetsov✈

Голосовой ИИ-помощник визуальное исследование Gleb Kuznetsov✈

Всегда показывайте запрос пользователя

Когда пользователь взаимодействует с ИИ-помощником он не должен задаваться вопросом типа: «Поняла ли система, что я сказал?». Пользователь должен видеть, что система правильно понимает его запрос.

Визуальный дизайн голосового ассистента от Gleb Kuznetsov✈

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

ИИ-помощник — 3D визуализация от Outcrowd

Подумайте о взаимодействии в динамике

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

Голосовой файловый менеджер от Gleb Kuznetsov✈

Создайте уникальный язык движения

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

Дизайн должен быть до странного знакомым.

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

Функциональное поведение

Несомненно, визуальный аспект ИИ-помощников важен, но еще важнее то, что он может сделать для пользователей.

Вам необходимо адаптироваться к техническим ограничениям и использовать технические возможности для создания ИИ-помощника следующего поколения.

Проектирование беседы

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

Всегда начинайте с того, что люди хотят делать. Задайте вопрос: «Что бы пользователь сказал или сделал в конкретной ситуации?»

Создайте скрипты диалога между пользователем и помощником:

  • Представьте себе взаимодействие с пользователем. Сосредоточьтесь на полезности. Найдите моменты в повседневной жизни пользователя, которые можно улучшить с помощью ИИ-помощника. Цель состоит в том, чтобы пользователям было проще и увлекательнее совершать желаемые действия. Набросок диалога поможет понять, как люди взаимодействуют с ИИ-помощником. Создайте успешный диалог (когда все пойдет по плану).
  • Запишите. Вы должны учитывать, что, взаимодействуя с ИИ-помощником разные люди могут следовать различными путями. Обозначьте альтернативные пути и деревья решений. Например, они могут использовать разные слова, когда просят ИИ-ассистента что-то сделать (например, «Помощник, включи свет» или «Помощник, зажги свет»). Используйте эскиз диалогового окна, основанный на предыдущем шаге, и охватите все ветви, по которым пользователи могут переходить, взаимодействуя с ИИ. В конце этого шага у вас будет опыт, который визуализирует все возможные пути.
  • Практикуйте. Сосредоточьтесь на взаимодействиях, когда все работает хорошо, и пользователь получает желаемый результат, и когда ситуация идет не так, как планировалось. Практикуя взаимодействие с ИИ-помощником, вы будете определять ситуации, которые, возможно, еще не учли.
  • Уточните. Не думайте, что пользователь знает, что делать или что произойдет, когда он будет взаимодействовать с ИИ-помощником. Постарайтесь определить и устранить препятствия, с которыми пользователи сталкиваются при взаимодействии с помощником, даже если они этого не осознают.

Вот несколько конкретных рекомендаций, как упростить взаимодействие пользователя с ИИ-помощником:

  • Используйте раскадровку, чтобы описать, как люди будут взаимодействовать с ИИ-помощником. Размышление о взаимодействии, как о диалоге в фильме или спектакле – отличный способ определить, как будет развиваться разговор. Это поможет вам определить важные детали и варианты взаимодействия.
  • Постарайтесь ограничить количество предлагаемых вами вариантов. Например, когда пользователь задает вопрос «Куда мне поехать в отпуск?» В идеале помощник должен предлагать один лучший вариант. Если он не может этого сделать, то должен предложить пользователю 3 наиболее подходящих варианта.
  • Учитывайте когнитивную нагрузку. Если вам нужно запросить у пользователей дополнительную информацию, задавайте по одному вопросу за раз. Это поможет не перегружать пользователя.
  • Когда пользователь предоставляет частичную информацию, предложите ему возможные варианты, чтобы он мог выбрать один. Когда ИИ-помощник не уверен, что именно хочет пользователь, он может прямо спросить: «Вы имеете в виду [X]?»
  • Предложите контекстную помощь. Когда пользователь общается с ИИ-помощником, система может направить его в правильном направлении. Например, она может сказать: «Вы можете сделать [это]», чтобы помочь пользователю понять, как взаимодействовать с этой конкретной функцией.

Проектируйте простые и сложные диалоги

Словосочетание «искусственный интеллект» подразумевает, что помощник должен уметь делать много разных вещей. В идеале пользователи должны думать об ИИ-помощнике, как о реальном человеке, который может понять их намерения и делать то, что они ему говорят.

ИИ должен поддерживать как простые, так и сложные разговоры. Сложный разговор – это разговор с несколькими поворотами, в котором помощник ИИ задает вопросы, а пользователь отвечает).

  • Пример простого диалога: «Помощник, который сейчас час?»
  • Пример сложного диалога: «Помощник, я хочу прогуляться. Покажи мне актуальные события, происходящие сегодня в Сан-Франциско». Эта голосовая команда запускает естественный разговор, который может течь в разных направлениях.

Система должна понимать контекст разговора, и это позволяет обеспечить более естественное поведение и вести многооборотные разговоры.

ИИ-помощник должен быть персонализированным

ИИ должен использовать всю имеющуюся у него информацию о пользователе и превращать ее в ценность для пользователя. Например, ИИ-помощник должен изучать предпочтения пользователей в еде и музыке, и удивлять пользователя соответствующими вариантами всякий раз, когда он решит послушать музыку или заказать доставку еды.

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

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

Уведомление от Gleb Kuznetsov✈

Никогда не используйте ИИ ради ИИ

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

Всегда смотрите, как люди используют ваш продукт.

Вам следует добавить ИИ, когда с его помощью будет проще выполнить задачу. Хороший пример – поиск конкретной фотографии в большом фотопотоке. Гораздо проще сказать: «Ассистент, найди мою фотографию на Таймс-сквер», вместо того, чтобы искать это фото вручную.

Средства взаимодействия

Есть два основных средства взаимодействия с ИИ-помощниками:

Голосовой интерфейс

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

Если вы хотите получить конкретные советы, как проектировать голосовой интерфейс, я рекомендую ознакомиться с рекомендациями Google и Amazon.

Камера (фото / видеострим)

Камера – еще одно ценное средство для пользователей. Apple, Google и другие крупные компании уже используют возможности искусственного интеллекта для улучшения качества фотографий, снятых пользователями на камеры своих девайсов.

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

Пользователь наведет камеру на объект, на мгновение задержится на нем, и система поймет, что он заинтересован в этом объекте.

Google Lens позволяет искать то, что вы видите. Вы получаете контекст об объекте. Изображение Google.

Можно смешать ИИ с AR, чтобы создать новую среду.

Google Lens shows interactive pins on top of real objects. Изображение Google.

Впечатление от взаимодействия с ИИ

Должен ли ИИ-ассистент иметь характеристики настоящего человека?

Подумайте, как вы хотите, чтобы человек, использующий вашего ИИ-помощника, думал о нем. Многие дизайнеры задаются вопросом: «Должен ли искусственный интеллект ощущаться, как человек? Должен ли он иметь уникальный голос и индивидуальность?» В идеале – да, но мы еще далеки от искусственного интеллекта, изображенного в фильмах "Она" (2013) или "Из машины" (2014).

Ава из фильма «Из машины» (2014)

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

ИИ-помощник должен ощущаться ненавязчивым

ИИ-помощник не должен раздражать или заставлять пользователей делать то, что они не хотят делать.

Clippy из MS Office – яркий пример надоедливого помощника

ИИ не должен усложнять опыт

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

Упростите выполнение задач с помощью одного лишь ИИ-помощника

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

Пользователи должны быть готовы взаимодействовать с ИИ

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

Вам необходимо определить не только возможности вашего ИИ-помощника, но и преимущества его использования.

Вот несколько вопросов, которые могут вам в этом помочь:

  • Почему люди захотят использовать этого помощника? (понять мотивацию)
  • Как люди узнают о навыках, которыми обладает ИИ-помощник? (легкость обнаружения)
  • Что будет делать человек до, во время и после взаимодействия с ассистентом? (понять контекст взаимодействия)
  • Что люди получат от ИИ-помощника, чего они не могут получить иным образом? (понять уникальные преимущества)

Вывод

В 1981 году Стив Джобс сравнил компьютеры с «велосипедами для ума». Сорок лет спустя эта метафора становится еще более очевидной.

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

Скоро ИИ-помощник и ваш телефон станут одним целым.

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

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


Перевод статьи uxplanet.org

Найновіші коментарі (0)