做好這8步,你的語(yǔ)音產(chǎn)品才不會(huì)變成讀屏工具(最全的VUI設(shè)計(jì)指南&實(shí)例剖析)

0 評(píng)論 4500 瀏覽 21 收藏 17 分鐘

編輯導(dǎo)語(yǔ):相信大家都使用過(guò)手機(jī)上的語(yǔ)音產(chǎn)品,隨口來(lái)一句:“嘿,Siri……”,便能夠滿(mǎn)足自己一定的需求。但是當(dāng)代語(yǔ)音產(chǎn)品還存在著一些不足之處,該如何完善才不會(huì)讓它變成讀屏工具呢?

  • “嘿,Siri,我今天需要雨傘嗎?”
  • “Alexa,提醒我明天早上9點(diǎn)給媽媽打電話(huà)?!?/li>
  • “嘿Google,從這里到機(jī)場(chǎng)最快的方式是什么?”

語(yǔ)音用戶(hù)界面(VUI)極大地改善了我們的交互方式,雖然語(yǔ)音交互已經(jīng)存在了一段時(shí)間,但我們直到近期才開(kāi)始看到語(yǔ)音交互的更多可能性。

通常,我們講“用戶(hù)界面”多是停留在視覺(jué)層面,當(dāng)下我們對(duì)界面中的滑動(dòng)和點(diǎn)擊操作也已經(jīng)非常熟悉,但語(yǔ)音UI根本就不可見(jiàn),它是需要我們用聲音和設(shè)備直接進(jìn)行交互。

現(xiàn)在蘋(píng)果、亞馬遜和谷歌等知名公司都打造了一些簡(jiǎn)單的語(yǔ)音交互產(chǎn)品,來(lái)讓我們的日常工作變得更加輕松。同時(shí),越來(lái)越多的公司也開(kāi)始將虛擬助手加入到自己的產(chǎn)品中,甚至打造更專(zhuān)業(yè)的語(yǔ)言UI。

以下我們將分享,設(shè)計(jì)語(yǔ)音交互時(shí)需要考慮哪些因素、如何克服各種障礙,讓語(yǔ)音UI能夠成為除視覺(jué)以外的第二界面語(yǔ)音。

一、以人為本

設(shè)計(jì)語(yǔ)音UI時(shí),首先需要考慮:

  • 使用你產(chǎn)品的用戶(hù)群體是什么?
  • 他們會(huì)怎么想?
  • 他們?cè)谌諒?fù)一日的交流中是怎么做的?

您可能在設(shè)計(jì)前需要考慮多個(gè)受眾群體。例如我們要建立一個(gè)支持語(yǔ)音預(yù)定航班的系統(tǒng),首先我們需要考慮完成這整個(gè)任務(wù)所需的所有步驟,并將其應(yīng)用于語(yǔ)音界面當(dāng)中。

比如我們現(xiàn)在要預(yù)訂從喬治亞州亞特蘭大市到紐約市的航班,這將涉及以下步驟:

  • 選擇要飛的日期
  • 搜索指定日期范圍內(nèi)的航班
  • 選擇單程或往返
  • 根據(jù)價(jià)格和/或飛行時(shí)間選擇出發(fā)的航班
  • 根據(jù)價(jià)格和/或飛行時(shí)間選擇回程航班
  • 選擇航班或票價(jià)升級(jí)
  • 選擇保險(xiǎn)套餐
  • 確認(rèn)并付款

語(yǔ)音界面絕不是視覺(jué)界面的替代品。通過(guò)互補(bǔ),兩者可以創(chuàng)造出更好的產(chǎn)品體驗(yàn)。

二、使用自然語(yǔ)言

自然語(yǔ)言指我們每天在對(duì)話(huà)中使用的口語(yǔ),它并不是事先計(jì)劃好的內(nèi)容,而是自然而然地出現(xiàn)在語(yǔ)音界面中,可以為用戶(hù)帶來(lái)更直觀的體驗(yàn)。

由于掌握自然語(yǔ)言需要高級(jí)的計(jì)算語(yǔ)言學(xué)和語(yǔ)義,因此仍然有許多不太理想的例子。

比如在許多語(yǔ)音郵件助手中,你會(huì)收到一條新語(yǔ)音消息:

  • 要再次聽(tīng)到消息,請(qǐng)說(shuō)“重復(fù)”;
  • 要答復(fù)消息,請(qǐng)說(shuō)“答復(fù)”;
  • 要?jiǎng)h除消息,請(qǐng)說(shuō)“刪除”。

這種語(yǔ)音內(nèi)容并沒(méi)有使用自然語(yǔ)言,導(dǎo)致傳達(dá)的意思不明確甚至容易讓人混淆。因?yàn)檫@種語(yǔ)音只是在直接讀出系統(tǒng)需要我們做出的操作,這導(dǎo)致我們需要先了解目前在執(zhí)行的操作是什么,才能得知它到底在表達(dá)什么意思。

Google語(yǔ)音助手打電話(huà)預(yù)定酒店

回到我們剛才的機(jī)票預(yù)訂示例中,很明顯并非所有操作都可以快速執(zhí)行,但是我們可以使用戶(hù)更輕松地與之互動(dòng)并完成該過(guò)程,比如:

  • 用戶(hù):為我預(yù)訂8月4日從亞特蘭大飛往紐約市的航班。
  • 系統(tǒng):您是單程還是往返?
  • 用戶(hù):往返。
  • 系統(tǒng):好的,我為您找到了三趟絕佳的航班,最便宜的是兩小時(shí)的飛行時(shí)間,價(jià)格為121美元。您要預(yù)定嗎?
  • 用戶(hù):是的。

請(qǐng)注意,在這個(gè)過(guò)程中并沒(méi)有用任何語(yǔ)音“關(guān)鍵詞”來(lái)執(zhí)行交互。雖然教用戶(hù)一些詞匯可能很簡(jiǎn)單,但實(shí)際上他們?cè)诮涣鬟^(guò)程中可能會(huì)忘記這些關(guān)鍵詞。

你可以回想一下,在致電客服熱線(xiàn)時(shí)總是迫不及待地想繞開(kāi)那些糟糕的自動(dòng)語(yǔ)音系統(tǒng)。所以,在與用戶(hù)進(jìn)行語(yǔ)音交互時(shí),請(qǐng)使用自然語(yǔ)言才能為用戶(hù)帶來(lái)真正的原生體驗(yàn)。

三、適當(dāng)簡(jiǎn)短地回應(yīng)

還是以預(yù)定航班為例,其實(shí)預(yù)定系統(tǒng)的響應(yīng)時(shí)間不長(zhǎng),但搜索結(jié)果可能會(huì)產(chǎn)生多達(dá)50個(gè)航班選擇。

所以最好讓結(jié)果回應(yīng)保持簡(jiǎn)單明了,這樣用戶(hù)才不會(huì)突然被太多信息所淹沒(méi)。如果將這些搜索結(jié)果全部呈現(xiàn),這意味著永無(wú)止境的語(yǔ)音交互。

其實(shí)我們需要提供的只是一些最重要的選項(xiàng),能夠?yàn)橛脩?hù)的選擇提供足夠的信息就可以了。如果可能的話(huà),嘗試將每次互動(dòng)信息最多限制在兩點(diǎn)或三點(diǎn)以?xún)?nèi)。

四、 保持有用,即使是無(wú)法提供幫助的時(shí)候

有時(shí),在交互過(guò)程中用戶(hù)并沒(méi)有得到想要的結(jié)果,例如在所選日期可能沒(méi)有可用的航班。

與其說(shuō)“抱歉,沒(méi)有可用的航班”,便突然結(jié)束互動(dòng),不如嘗試調(diào)整回應(yīng)的內(nèi)容,為用戶(hù)搜索附近日期的航班,并向用戶(hù)提供有用的建議

“8月4日沒(méi)有航班,但我找到了8月3日和8月5日的航班。您要預(yù)訂其中的任何一個(gè)嗎?”

五、考慮技術(shù)限制

盡管我們有很好的想法和愿景,并且進(jìn)行了多輪的研究和用戶(hù)測(cè)試,但語(yǔ)音交互設(shè)計(jì)仍然受到技術(shù)限制的限制。計(jì)算機(jī)系統(tǒng)是否能夠識(shí)別不同的口音、單詞、短語(yǔ)甚至俚語(yǔ)?

幸運(yùn)的是,諸如自然語(yǔ)言處理(機(jī)器學(xué)習(xí))之類(lèi)的人工智能技術(shù)的進(jìn)步也正在讓這些挑戰(zhàn)成為過(guò)去。

語(yǔ)音消息App設(shè)計(jì)@Marta Fryga

最近,微軟、亞馬遜和英特爾公司專(zhuān)門(mén)針對(duì)語(yǔ)音交互應(yīng)用開(kāi)發(fā)了更高效的處理器,這項(xiàng)技術(shù)意味我們語(yǔ)音交互系統(tǒng)在性能上的突破。

六、 牢記安全和隱私

盡管大多數(shù)用戶(hù)的語(yǔ)音交互都是在自己的家里或車(chē)?yán)锏人矫苄詧?chǎng)所里發(fā)生的,但越來(lái)越多的語(yǔ)音交互可能會(huì)發(fā)生在公共場(chǎng)所(如雜貨店,機(jī)場(chǎng)等)中。

在上面的預(yù)訂機(jī)票的示例中,如果用戶(hù)身邊還有其他人,但這時(shí)候他需要完成付款,那應(yīng)該怎么處理這種情況?或者如果此時(shí)系統(tǒng)需要處理到用戶(hù)一些受保護(hù)的健康信息(PHI)該怎么辦?

以下是確保用戶(hù)安全和隱私的一些最佳做法

1. 隱藏付款信息

在我們視覺(jué)用戶(hù)界面中,我們交易時(shí)的付款信息可能會(huì)被隱藏,例如:**** **** **** 4576。

不過(guò)在語(yǔ)音用戶(hù)界面中,我們可以通過(guò)對(duì)付款卡進(jìn)行昵稱(chēng)的設(shè)置來(lái)保護(hù)用戶(hù)的隱私。當(dāng)需要完成付款時(shí),交互可能會(huì)這樣進(jìn)行:

  • 系統(tǒng):確認(rèn)一下,您要預(yù)訂一個(gè)從喬治亞州亞特蘭大到紐約市的兩個(gè)小時(shí)的航班,價(jià)格為121美元。您要繼續(xù)付款嗎?
  • 用戶(hù):是的。
  • 系統(tǒng):好的,我應(yīng)該使用您的默認(rèn)付款“ Mike’s Chase卡嗎?”
  • 用戶(hù):是的。
  • 系統(tǒng):確定,一切就緒!您的行程和登機(jī)信息將發(fā)送到您的電子郵件。

請(qǐng)注意,在這個(gè)過(guò)程中用戶(hù)的付款信息永遠(yuǎn)不會(huì)泄露,這意味著即使用戶(hù)在公眾環(huán)境中也可以進(jìn)行這種交互。

2. 合適的時(shí)機(jī)

這取決于具體的場(chǎng)景,對(duì)于用戶(hù)來(lái)說(shuō)有些場(chǎng)景并不適合在公共場(chǎng)合使用語(yǔ)音交互。

想象一個(gè)想要安排見(jiàn)醫(yī)生的人,即使只是提及醫(yī)生或醫(yī)療機(jī)構(gòu)的類(lèi)型,也可能暴露私人健康問(wèn)題。

因此請(qǐng)務(wù)必考慮您的語(yǔ)音UI如何處理這些情況,語(yǔ)音交互還能保持用戶(hù)隱私嗎?語(yǔ)音系統(tǒng)可以接聽(tīng)到用戶(hù)的低聲或耳語(yǔ)嗎?

所以,盡管語(yǔ)音UI肯定會(huì)占據(jù)一席之地,但對(duì)于某些場(chǎng)景最好還是使用視覺(jué)元素來(lái)處理,因?yàn)檫@些情況需要更高的敏感性和謹(jǐn)慎性。

七、強(qiáng)化語(yǔ)音表現(xiàn)

語(yǔ)音交互絕不是視覺(jué)交互的替代。即使隨著技術(shù)的進(jìn)步,我們會(huì)發(fā)現(xiàn)兩者互補(bǔ)可以為用戶(hù)帶來(lái)更好的產(chǎn)品體驗(yàn)。

當(dāng)然,這需要一個(gè)良好的平衡:

  • 我們?nèi)绾我曈X(jué)上表示可聽(tīng)見(jiàn)的語(yǔ)音或內(nèi)容?
  • 如何在不過(guò)于依賴(lài)視覺(jué)表現(xiàn)的情況下制作流暢的語(yǔ)音界面?
  • 什么時(shí)候應(yīng)該強(qiáng)化聲音?

概念設(shè)計(jì):語(yǔ)音控制文件管理

問(wèn)題的許多答案很大程度上取決于你要構(gòu)建的產(chǎn)品。

1. 當(dāng)進(jìn)行語(yǔ)音交互時(shí)(視覺(jué)反饋)

Amazon Alexa和Apple的Siri界面都為用戶(hù)提供了很好的視覺(jué)反饋,并帶有持續(xù)的微妙細(xì)節(jié)讓用戶(hù)知道當(dāng)前的產(chǎn)品正在進(jìn)行語(yǔ)音交互

大多數(shù)情況下,我們需要的視覺(jué)元素很少。如上圖,運(yùn)用簡(jiǎn)單的指示燈閃爍或脈動(dòng)圖標(biāo)可以讓用戶(hù)知道:

  • 設(shè)備正在運(yùn)行。
  • 語(yǔ)音界面正在響應(yīng),或?qū)⒁憫?yīng)用戶(hù)所說(shuō)的內(nèi)容。

2. 當(dāng)語(yǔ)音進(jìn)行協(xié)助時(shí)

語(yǔ)音交互已集成到許多系統(tǒng)中。有時(shí)語(yǔ)音UI只是一個(gè)輔助,作為系統(tǒng)的另一種操作途徑。

一個(gè)很好的例子是macOS上的Siri或Windows上的Cortana,這兩種操作系統(tǒng)主要都是視覺(jué)化的用戶(hù)界面,但這并不意味著不能與語(yǔ)音一起使用。

相反,他們的虛擬助手還為用戶(hù)的操作增添了獨(dú)特的方式。

當(dāng)我們問(wèn)Siri或Cortana:“今天我的日程是什么”時(shí),通常在界面上會(huì)向我們顯示日歷內(nèi)容。

但其實(shí)通過(guò)語(yǔ)音可以讓用戶(hù)更快地完成任務(wù),他們無(wú)需通過(guò)打開(kāi)日歷來(lái)看日程安排,而是可以簡(jiǎn)單地要求語(yǔ)音助手為他們這樣做。

我們可以在許多應(yīng)用中看到類(lèi)似語(yǔ)音交互的加入,對(duì)于一些重復(fù)、普通的任務(wù)我們可以通過(guò)語(yǔ)音輕松處理,讓用戶(hù)能夠快速、輕松地完成他們真正需要的事情。

3. 當(dāng)區(qū)分系統(tǒng)與真人時(shí)

當(dāng)下的技術(shù)已經(jīng)發(fā)展到我們幾乎可以與計(jì)算機(jī)日常對(duì)話(huà)的地步,一些App中的虛擬助手在與你對(duì)話(huà)時(shí)會(huì)顯示對(duì)話(huà)的內(nèi)容。

因此,我們可以從視覺(jué)上區(qū)分系統(tǒng)可識(shí)別的內(nèi)容與人類(lèi)說(shuō)的內(nèi)容(如下圖)。

概念設(shè)計(jì):語(yǔ)音預(yù)定會(huì)

我們可以通過(guò)使用不同顏色、粗體文本或其他視覺(jué)設(shè)計(jì)進(jìn)行區(qū)分,確保用戶(hù)不會(huì)在對(duì)話(huà)過(guò)程中感到迷茫。

八、為殘障人士考慮

可能從語(yǔ)音UI中受益最多的人是殘障人士,尤其是對(duì)視障人士而言,語(yǔ)音UI可以極大地增強(qiáng)我們系統(tǒng)的可訪(fǎng)問(wèn)性。

盡管我們確實(shí)取得了長(zhǎng)足的進(jìn)步,但在此之前,我們還有一些路要走。

最近,我正在幫助我的一個(gè)朋友設(shè)置手機(jī),原本希望手機(jī)能為他帶來(lái)便捷,但當(dāng)他使用的時(shí)候卻發(fā)現(xiàn)非常艱難。

例如手機(jī)里的語(yǔ)音對(duì)話(huà)功能雖然有所幫助,但仍然需要用戶(hù)利用視覺(jué)元素、知道屏幕上的點(diǎn)擊位置才能使用它。

但對(duì)于我的朋友來(lái)說(shuō)這是不可能完成的一件事,因?yàn)樗莻€(gè)盲人。

在這種情況下,如果不能依靠視覺(jué)提示,我們應(yīng)如何才能使語(yǔ)音交互能夠無(wú)縫銜接功能,讓視障人士也能輕松操作呢?

由于大多數(shù)手機(jī)都帶有陀螺儀和加速度計(jì),因此可以用來(lái)檢測(cè)手機(jī)何時(shí)被拿起,并提示用戶(hù):“你希望做什么?”或“我可以如何幫助你?”

這樣用戶(hù)才可以進(jìn)行接下來(lái)的交互,最終順利完成他們的預(yù)期目標(biāo),無(wú)論是撥打電話(huà)、收聽(tīng)電子郵件等。

因此對(duì)于視障人士來(lái)說(shuō),聲音的提示變得尤為重要。利用現(xiàn)有的語(yǔ)音交互技術(shù),我們可以設(shè)計(jì)出完整的語(yǔ)音UI,讓用戶(hù)即使在沒(méi)有任何視覺(jué)元素的情況下也可以順利完成操作。

九、寫(xiě)在最后

語(yǔ)音設(shè)計(jì)從一開(kāi)始的機(jī)器閱讀到如今的自動(dòng)電話(huà)助手,這期間已經(jīng)取得了長(zhǎng)足的進(jìn)步。很快,我們也可以看到語(yǔ)音交互會(huì)達(dá)到跟視覺(jué)交互一樣的水準(zhǔn)。

盡管這兩者無(wú)法相互替代,但它們可以形成相互補(bǔ)充的作用,幫助所有用戶(hù)甚至殘障人士更順利地完成任務(wù)。

準(zhǔn)備好面對(duì)新的挑戰(zhàn)吧!用我們的設(shè)計(jì)釋放出語(yǔ)音交互的全部潛力。

設(shè)計(jì)語(yǔ)音用戶(hù)界面(VUI)需考慮的因素:

  • 以人為本
  • 使用自然語(yǔ)言
  • 適當(dāng)簡(jiǎn)短地回應(yīng)
  • 保持有用,即使是無(wú)法提供幫助的時(shí)候
  • 考慮技術(shù)限制
  • 牢記安全與隱私
  • 強(qiáng)化語(yǔ)音表現(xiàn)
  • 為殘障人士考慮

 

作者:SDL藝術(shù)實(shí)驗(yàn)室,微信公眾號(hào):SDL藝術(shù)實(shí)驗(yàn)室

本文由 @SDL藝術(shù)實(shí)驗(yàn)室 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Pixabay,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!