Мир веб-дизайна невероятно динамичен. Каждый год возникают новые тенденции и возможности, в первую очередь обусловленные появлением современных технологий.
В последние годы мы стали свидетелями того, как поменялся веб-дизайн, с появлением AR и VR. Качество видеоконтента повысилось, а потребность в инклюзивности и удобстве использования в корне повлияла на принципы создания сайтов и приложений.
Несмотря на это, по большей части тенденции веб-дизайна по-прежнему сосредоточены на визуальном оформлении.
Когда мы слышим слово «интерфейс», первое, что приходит на ум, это привычный всем графический интерфейс пользователя. Ведь он считается наилучшим способом связи пользователей с сайтами. Однако теперь у нас есть новый, более органичный способ взаимодействия пользователей с их цифровыми инструментами. Наступила эра голоса.
1. Каким должен быть пользовательский интерфейс в эру голоса
Технологический сектор добился невероятных успехов в разработке таких вещей, как автоматическое распознавание голоса и понимание устной речи.
Благодаря улучшениям автоматической обработки и понимания человеческой речи точность распознавания голоса теперь составляет 90% и выше. Пользователи могут разговаривать с умным помощником, динамиком или приложением на телефоне и без ошибок получать желаемые результаты. Многие люди уже не представляют своей жизни без этой возможности.
Упрощение взаимодействия с технологиями посредством голоса приводит к тому, что пользователи используют эти технологии невероятными темпами. По прогнозам, к концу этого года половина всех поисков будет осуществляться с помощью голосового управления.
Мы стоим на пороге фундаментального сдвига в способах взаимодействия с компьютерами и важнейшими инструментами. Поэтому дизайнерам и разработчикам важно влиться в эту новую среду.
Вот какие аспекты нужно учитывать дизайнерам при разработке голосового пользовательского интерфейса.
2. В первую очередь определите область для экспериментов
Чтобы сделать сайт более «разговорным», необходимо выполнить несколько шагов. Прежде всего дизайнер или разработчик обязан решить, какие голосовые взаимодействия будут использоваться для приложения или сайта.
Например, вместо того чтобы встраивать голосовые технологии на сайт, вы можете создать что-то отдельное. Так, например, поступил Amazon, разработав Alexa “Skill” для устройств наподобие Echo. Такие компании, как Capital One, уже инвестировали в эту технологию. Вскоре их пользователи смогут спрашивать свой умный динамик о балансе на счету, вместо того чтобы открывать ноутбук и заходить на сайт.
Чтобы определить, какой голосовой опыт вы должны создать для своего клиента, проследите за ним с картой пути потребителя. Если вы будете использовать карту взаимодействий для отслеживания своих пользователей, то сможете правильно выделить области, в которых отлично впишутся голосовые взаимодействия.
Например, если клиенты постоянно задают вопросы о бренде или его услугах, оснащенная ботом FAQ страница, где пользователь сможет получить голосовые ответы на свои запросы, будет отличным выбором.
UI дизайн призван решать проблемы. Изучение трудностей и разочарований, с которыми сталкиваются конечные пользователи во время своего путешествия, поможет вам решить, в каком направлении двигаться в разработке голосового UI.
3. Изучите анатомию голосовых команд
Прежде чем дизайнер приступит к созданию потока диалога для голосового UI, ему необходимо понять, устройство голосовых команд. Ключ к успеху в голосовом дизайне — это понимание цели взаимодействия. Голосовой UI состоит из трех важнейших составляющих, которые необходимо учитывать при разработке:
- Намерение. Намерение представляет предмет и контекст голосовой команды. Взаимодействие с высокой полезностью подразумевает запрос на выполнение конкретной задачи. Например, ваши пользователи могут запросить, чтобы приложение предоставило им список пятизвездочных отелей в определенном районе. Проектировать для таких запросов достаточно просто, поскольку вам понятно, что должен делать голосовой алгоритм. Однако запросы с низким уровнем полезности труднее расшифровать. Например, фраза «отели рядом со мной» может поставить в тупик, потому что у бота меньше конкретики для работы.
- Высказывание. Это понятие относится к тому, как пользователь произносит команду. Например, в случае поиска пятизвездочных отелей в Амстердаме клиент может сказать «покажите мне отели» или попросит назвать «места, где можно остановиться». Для разработки успешного UI, дизайнеры должны учитывать каждый возможный вариант голосовых команд.
- Факультативные переменные. Этот пункт относится к дополнительным фильтрам, о которых должен знать ваш голосовой интерфейс. В случае пятизвездочных отелей в Амстердаме дескриптор «пять звезд» является факультативным. Факультативный ввод должен перезаписывать значения по умолчанию и предоставлять более подробную информацию для поиска.
SideChef, например, представляет собой приложение с голосовыми рецептами, которое предлагает пользователям повествовательные инструкции и позволяет искать рецепты в соответствии с их конкретными потребностями. Приложение поставляется с широким набором встроенных переменных, позволяющих пользователям настраивать поиск в соответствии с такими дескрипторами, как «вегетарианская» или «быстрая» еда.
Как создать прототип для голосового UI
Чтобы научиться использовать сложную UI стратегию, такую как голосовой UI, необходимо время и практика. Дизайнерам прототипов приходится принимать на себя роль сценариста. Им нужно спроектировать множество диалогов в соответствии с различными потребностями клиентов и многочисленными взаимодействиями, с которыми они могут столкнуться.
В диалоговых потоках будут указаны:
- Ключевые слова, которые приводят к взаимодействию;
- Ветви диалога, символизирующие пути развития разговора; • Примеры диалогов для пользователя и голосового помощника.
Проектирование диалоговых потоков с помощью сценариев, иллюстрирующих обмен мнениями между голосовым помощником и пользователем, поможет дизайнерам и разработчикам понять различные нюансы, которые могут возникнуть при взаимодействии клиента с роботом.
Помните, что кроме поддержания диалоговой и прямолинейной коммуникации, вам необходимо обеспечить наличие диалогового потока для каждого обсуждения. Это является важной частью хорошего голосового UI дизайна. Нужно учесть все разговорные ситуации, которые могут происходить между конечными пользователями и их приложениями, сайтами или цифровыми инструментами. Пользователям не нужна вся доступная информация, намного важнее добиться того, чтобы они чувствовали, что голосовой UI справляется со своими задачами.
Возьмем, к примеру, голосовую игру RuneScape: One Piercing Note.
Это приложение позволяет игрокам разговаривать с другими игровыми персонажами и использовать такие команды, как «потянуть за рычаг» или «открыть сундук». При разработке компонентов игры дизайнерам нужно было продумать все возможные взаимодействия, которые игрок может испытать. Далее им нужно было связать эти взаимодействия с историей и проследить за тем, чтобы пользователи не сбивались с пути.
Несколько советов для дизайнеров голосового интерфейса
Дизайн голосового интерфейса может быть очень трудоемким, особенно если вы никогда не создавали ничего с использованием голоса в качестве единственного средства ввода. Однако, как только вы привыкаете к созданию диалоговых потоков, процесс уже не кажется таким сложным.
При разработке не забывайте:
- Всегда подтверждайте выполнение задачи. В дизайне оформления заказа на любой e-commerce странице одним из наиболее важных экранов для дизайнера является страница подтверждения. Подтверждение успешного завершения транзакции не даст клиенту тревожится о том, правильно ли он поступил. Та же концепция применима к дизайну голосового интерфейса. Например, если пользователь просит приложение с речевым вводом записаться на прием к терапевту, он хочет знать, что эта встреча была успешно забронирована и добавлена в расписание клиники. Решите, как вы собираетесь обеспечить необходимое вашим клиентам душевное спокойствие.
- Создайте надежную стратегию устранения ошибок. Дизайнеры и разработчики все еще находятся на очень ранних стадиях экспериментов с голосовым интерфейсом пользователя. Это означает, что есть большая вероятность, что время от времени с вашими приложениями и инструментами что-то может пойти не так. Крайне важно иметь четкую стратегию на случай возникновения ошибок. Всегда разрабатывайте сценарий диалога, который позволит помощнику ответить, если он не понимает запроса или вообще ничего не слышит. Вы также можете проводить аналитику таких ситуаций, чтобы выявить неправильные интерпретации и улучшить удобство использования в будущем.
- Добавьте дополнительные уровни безопасности. Различные UI решения, такие как Google Assistant и Alexa, теперь могут различать голоса. Это своего рода биометрическая защита, похожая на Face ID или Touch ID. Поскольку распознавание голоса продолжает улучшаться, важно применять передовые меры безопасности. Некоторым компаниям может потребоваться дополнительная аутентификация. Например, пароли, распознавание лиц или отпечатки пальцев могут потребоваться для проведения таких операций, как платежи и транзакции. К примеру, голосовой помощник Duer использует распознавание лиц как для подтверждения платежей, так и для рекомендаций по питанию на основе предыдущих покупок.
Готовы ли вы к перевороту в мире дизайна?
Голосовые пользовательские интерфейсы уже никогда не уйдут с нашей жизни.
Велика вероятность, что в ближайшие годы разработчикам и дизайнерам потребуется научиться более последовательно использовать голос в рамках своих UI стратегий.
Хотя к голосу в качестве инструмента дизайна еще нужно немного привыкнуть, хорошая новость заключается в том, что не так трудно определить, в каком направлении следует двигаться. Как и любой дизайн, голосовой UI требует от вас проведения тестирования и корректировок. Крайне важно быть уверенным, что взаимодействия и опыт, которые вы доставляете конечным пользователям, являются плавными, эффективными и ценными.
Прежде всего, успех голосового дизайна измеряется только наличием речевых возможностей, поэтому важно сконцентрировать свои усилия на том, как сделать жизнь пользователя проще с помощью голоса.
Все фото: Unsplash
Читайте также:
7 примеров редизайна лендингов: как увеличить конверсию в 2022 году
