Взаимодействие человека и компьютера: как улучшить UX в 2024 году

В современном мире все больше внимания уделяется новым формам взаимодействия человека с компьютером (Human-Computer Interaction, HCI). Внедрение инновационных цифровых платформ и инструментов открыло перед дизайнерами и разработчиками возможность создавать больше интерактивных продуктов, тем самым революционизируя пользовательский опыт (User Experience, UX).

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

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

В отличие от искусственно созданной виртуальной (Virtual reality, VR), дополненная реальность (Augmented reality, AR) объединяет физический и цифровой миры. Это происходит с помощью наложения виртуальных изображений, видео, звуков, текста или анимации на реально существующую среду.

Многие крупные компании активно используют AR-технологии, в том числе из-за их влияния на уровень вовлеченности пользователей. Перечислим некоторые из сфер.

•

Ритейл — для создания возможности покупателям примерять одежду или аксессуары прямо на себе через смартфон или другое устройство;

•

Образование — для более четкого отображения сложных графиков, схем и интерактивных учебных
материалов;

•

Медицина — для тренировки специалистов с помощью симуляторов, моделирующих операции и внутренние органы пациентов;

•

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

Необходимо любое устройство с камерой и установленным на нем специальным AR-программным обеспечением. Так, пользователь видит реальный мир через экран смартфона, планшета или умных очков, а программа с помощью технологии компьютерного зрения распознает окружающий мир и проецирует на него виртуальные 3D-объекты.

Уникальный опыт — Google Lens

Фото: Google Play

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

Just for fun — маски и эффекты в TikTok, Instagram* и Snapchat

Фото: Canva

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

*Организация Meta и её продукты признаны экстремистскими на территории РФ

Определите цели и задачи

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

Выберите подходящие платформы и технологии

02

•

Веб-дополненная реальность (WebAR)
Инструменты для интеграции: AR.js, three.js, A-Frame, 8th Wall

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

•

Приложения дополненной реальности (AppAR)
Инструменты для интеграции: Unity, Vuforia, ARKit (iOS), ARCore (Android)

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

Разработка визуала

03

Для дизайнеров полезно изучить принципы и техники создания дополненной реальности, а также использовать специальные программы для создания и редактирования 3D-моделей и анимаций.
Инструменты для интеграции: Blender, Unity, Adobe Aero

Убедитесь, что AR-элементы гармонируют с общим дизайном проекта: сохраняют единый стиль и идентичность бренда. Основные моменты, на которые стоит обратить внимание, — оптимизация размера и формы виртуальных объектов. Важно, чтобы они не загромождали интерфейс и не отвлекали внимание пользователей от основного контента.

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

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

Десятилетия назад идея управлять машиной голосом была предметом научной фантастики. Однако именно сейчас человеческие разговоры вдохновляют дизайнеров продуктов на создание и модернизацию голосовых пользовательских интерфейсов (Voice User Interfaces, VUI), которые дают возможность взаимодействовать с машинами, используя естественный человеческий язык.

В 1952 году Bell Labs создала систему под названием «Одри». Из-за технических ограничений она могла распознавать только произнесенные цифры от "0″ до "9″. Тем не менее так появилось первое поколение VUI.

Второе поколение датируется 1980−1990-ми годами — тогда началась эпоха интерактивного голосового меню (Interactive voice response, IVR). Впервые в истории цифровая система с помощью стационарного телефона смогла распознать голос человека и выполнить поставленные задачи. Например, узнать статус рейса, забронировать гостиницу или перевести деньги между счетами.

А уже основной рассвет технологии пришелся на второе десятилетие XXI века. Разница между последним и предыдущими поколениями стала именно в сочетании голоса с технологией искусственного интеллекта. Умные помощники могут понимать, что говорит пользователь, и предлагать подходящие варианты ответов или решений. Причем на большом количестве устройств: начиная от умных колонок и смартфонов, заканчивая автомобильными системами.

«Привет, Siri»

Одно из направлений в дизайне VUI сосредоточено на том, чтобы сделать технологии более доступными. Siri от Apple стала пионером в области голосовых помощников и прекрасно справляется с этой задачей.

Фото: Apple

Она доступна на iPhone, Apple Watch, iPad, Macbook и может закрывать множество задач, большинство из которых пользователи выполняют, даже не прикасаясь к устройствам: от отправки текстовых сообщений и установки напоминаний до запуска приложений и управления умными устройствами в доме.

Быстрота и эффективность

Скорость взаимодействия — основная область работы как дизайнеров, так и разработчиков продуктов. Голосовой пользовательский интерфейс должен быть отзывчивым, чтобы действие выполнялось почти сразу после запроса пользователя.

Естественность общения

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

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

Персонализация

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

Контекст: кто, где и как

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

Легкость использования

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

Голосовой пользовательский интерфейс — важное звено в дизайне продуктов и услуг. Эта технология не ограничивается поиском или услугами голосового помощника. Хорошее взаимодействие с VUI всегда должно приводить к укреплению доверия с брендом.

•

Не забывайте регулировать сенситивный контент по возрасту, региону или стране.

•

Избегайте оскорбительного контента.

•

Не передавайте личную информацию и будьте осторожны при озвучивании конфиденциальных данных.

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

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

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

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

Microsoft Kinect: сыграть легким движением руки

Разработанная компанией Microsoft в 2010 году технология позволила пользователям управлять игровой консолью Xbox без использования контроллера благодаря инфракрасным датчикам и камерам для отслеживания движений тела.

Интересный факт!

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

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

Внедрение жестового управления в интерактивный дизайн зависит от сферы применения и потребностей аудитории. Ниже мы приведем общие рекомендации.

•

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

•

Определите набор жестов, которые будут наиболее естественными и интуитивными.
Для книг, документов или фотографий — это будет движение «перелистывания» и «прищепки», то есть масштабирования.

•

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

•

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

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

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