人機(jī)交互正在迅速發(fā)展，這包括書(shū)面和口頭交互，這為視覺(jué)和語(yǔ)音設(shè)計(jì)做好準(zhǔn)備是非常重要的的。由于語(yǔ)音的原型設(shè)計(jì)對(duì)于許多設(shè)計(jì)師來(lái)說(shuō)是新的，因此可能不清楚從哪里開(kāi)始以及要遵循什么流程。

支持語(yǔ)音的界面正在挑戰(zhàn)圖形用戶(hù)界面的長(zhǎng)期主導(dǎo)地位，并迅速成為我們?nèi)粘Ｉ钪械某Ｒ?jiàn)部分。根據(jù)Adobe的一項(xiàng)調(diào)查，76％的智能揚(yáng)聲器用戶(hù)在去年中增加了對(duì)語(yǔ)音助手的使用。

在本文中，我將分享一個(gè)流程，您可用于創(chuàng)建基于語(yǔ)音的體驗(yàn)。但在我們深入研究如何設(shè)計(jì)語(yǔ)音的具體建議之前，了解用戶(hù)對(duì)此的期望是非常重要的。

為什么人們會(huì)對(duì)語(yǔ)音期待更高？

語(yǔ)音用戶(hù)界面（VUI）不僅引入了人們與機(jī)器交互方式的變化，而且還提高了交互質(zhì)量的標(biāo)準(zhǔn)。當(dāng)人們與GUI交互并且遇到麻煩時(shí)，他們常常責(zé)備自己，但當(dāng)人們與VUI交互并且無(wú)法完成任務(wù)時(shí)，他們會(huì)責(zé)怪系統(tǒng)。

這是為什么？交談是人們之間交流最自然便捷的媒介，人們對(duì)自己的談話(huà)技巧充滿(mǎn)信心。這可能會(huì)直接影響用戶(hù)的保留率：Voicelabs的2017年報(bào)告指出，用戶(hù)在下載語(yǔ)音應(yīng)用程序后的第二周內(nèi)激活的幾率只有6％。

設(shè)計(jì)過(guò)程

許多設(shè)計(jì)師認(rèn)為，設(shè)計(jì)基于語(yǔ)音的體驗(yàn)完全不同于圖形用戶(hù)界面。

設(shè)計(jì)基于語(yǔ)音的體驗(yàn)并不是UX設(shè)計(jì)的新方向，這是下一個(gè)自然的步驟。我們可以調(diào)整我們用于基于語(yǔ)音的產(chǎn)品的可視界面的設(shè)計(jì)過(guò)程。

在開(kāi)始開(kāi)發(fā)語(yǔ)音產(chǎn)品之前，應(yīng)該執(zhí)行以下五個(gè)步驟：

1. 研究
2. 定義
3. 創(chuàng)建
4. 測(cè)試
5. 完善

這個(gè)過(guò)程的優(yōu)點(diǎn)在于它可以應(yīng)用于所有類(lèi)型的語(yǔ)音接口，無(wú)論是支持語(yǔ)音的，只支持語(yǔ)音的還是語(yǔ)音優(yōu)先的。

1.研究

與我們?cè)O(shè)計(jì)的任何其他數(shù)字產(chǎn)品類(lèi)似，我們需要在語(yǔ)音用戶(hù)界面的環(huán)境中應(yīng)用用戶(hù)優(yōu)先設(shè)計(jì)。用戶(hù)研究的目標(biāo)是了解目標(biāo)用戶(hù)的需求和行為。我們?cè)诖瞬襟E中收集的信息將成為產(chǎn)品需求的基礎(chǔ)。

確定目標(biāo)受眾

定義和研究產(chǎn)品的目標(biāo)受眾應(yīng)該是設(shè)計(jì)過(guò)程的第一步。以下是此這一步中要注意的事情：

查看當(dāng)前的體驗(yàn)以及用戶(hù)現(xiàn)在是如何解決他們的問(wèn)題的。通過(guò)識(shí)別痛點(diǎn)，您將找到語(yǔ)音可以使您的用戶(hù)受益的案例。

用戶(hù)語(yǔ)言，目標(biāo)用戶(hù)與其他人交談時(shí)使用的確切短語(yǔ)。這些信息將幫助我們?cè)O(shè)計(jì)出適合不同話(huà)語(yǔ)的系統(tǒng)。

2.定義

在此步驟中，我們需要塑造未來(lái)的產(chǎn)品并定義其功能。

定義交互的關(guān)鍵場(chǎng)景

場(chǎng)景出現(xiàn)在應(yīng)用程序的特定想法之前 - 它們是一種思考某人可能必須使用VUI的原因的方法。您需要為目標(biāo)用戶(hù)提供高價(jià)值的設(shè)計(jì)場(chǎng)景。如果您有許多場(chǎng)景并且不知道哪些場(chǎng)景很重要而哪些場(chǎng)景不重要，請(qǐng)創(chuàng)建用例矩陣來(lái)評(píng)估每個(gè)場(chǎng)景。矩陣將告訴您哪些場(chǎng)景是主要的，哪些是次要的，哪些是有用的。

將用例矩陣應(yīng)用于語(yǔ)音交互。圖片：賈斯汀貝克。

確保關(guān)鍵場(chǎng)景與語(yǔ)音協(xié)同工作

使用語(yǔ)音應(yīng)該有一個(gè)令人信服的理由，與任何其他體驗(yàn)相比，用戶(hù)應(yīng)該能夠使用語(yǔ)音更快或更有效地解決問(wèn)題。

語(yǔ)音可能更喜歡語(yǔ)音互動(dòng)的一些常見(jiàn)情況：

當(dāng)用戶(hù)雙手忙碌時(shí)（開(kāi)車(chē)或做飯時(shí)）;

使用語(yǔ)音是一種更簡(jiǎn)單，更自然的交互方式（例如，告訴智能揚(yáng)聲器“播放爵士樂(lè)”而不是跳轉(zhuǎn)到媒體中心并使用GUI選擇正確的選項(xiàng)要容易得多）。

這一步的目標(biāo)是確定用戶(hù)將從中受益的常見(jiàn)和特定情況?？紤]語(yǔ)音交互的局限性也很重要。例如，從一長(zhǎng)串菜單項(xiàng)中進(jìn)行選擇對(duì)于語(yǔ)音交互是有問(wèn)題的。一個(gè)好的經(jīng)驗(yàn)法則是保持選擇的簡(jiǎn)短和重點(diǎn) - 最多3個(gè)選擇。如果您發(fā)現(xiàn)自己超過(guò)3個(gè)，則最好重新構(gòu)建場(chǎng)景。

3.創(chuàng)建

對(duì)于語(yǔ)音原型，從頭開(kāi)始是非常重要的。第一步是解決您的體驗(yàn)的語(yǔ)音用戶(hù)流，這是所有用戶(hù)交互將映射回的基礎(chǔ)。

使用故事板

故事板可以在上下文中使交互和流動(dòng)可視化，使它們更加真實(shí)。

一個(gè)說(shuō)明流程的故事板。圖片：BBC。

寫(xiě)對(duì)話(huà)

對(duì)話(huà)是語(yǔ)音用戶(hù)流的基石，對(duì)于語(yǔ)音應(yīng)用程序?qū)⒅С值拿總€(gè)關(guān)鍵方案，開(kāi)始在用戶(hù)和應(yīng)用程序之間創(chuàng)建對(duì)話(huà)。努力與應(yīng)用程序進(jìn)行交互，就像與真人進(jìn)行定期對(duì)話(huà)一樣熟悉。人類(lèi)的談話(huà)很復(fù)雜，它經(jīng)常有很多曲折。在處理場(chǎng)景和編寫(xiě)對(duì)話(huà)時(shí)考慮到這一點(diǎn)非常重要。

關(guān)于開(kāi)展偉大對(duì)話(huà)的幾點(diǎn)一般性建議:

1.減少完成任務(wù)所需的步驟數(shù)。

盡可能消除不必要的信息和問(wèn)題，設(shè)計(jì)應(yīng)以最少的步驟解決用戶(hù)的問(wèn)題。記住，完成任務(wù)所需的時(shí)間越長(zhǎng)，體驗(yàn)就越不愉快。沒(méi)有人喜歡耗費(fèi)寶貴時(shí)間的產(chǎn)品，對(duì)于重復(fù)性任務(wù)尤其如此。無(wú)論是用戶(hù)第一次完成任務(wù)，還是本月第100次，您的應(yīng)用都應(yīng)該提供愉快的用戶(hù)體驗(yàn)。

2.不要教“命令”。

鑒于聲音中的發(fā)現(xiàn)有多么難，一些設(shè)計(jì)師會(huì)嘗試教授用戶(hù)命令，以便他們知道該說(shuō)些什么。不要那樣做。短語(yǔ)應(yīng)該是自然而直觀(guān)的，因此用戶(hù)將知道在特定情況下該說(shuō)些什么。

3.簡(jiǎn)要介紹您的問(wèn)題和回復(fù)。

當(dāng)您使用長(zhǎng)句時(shí)，使用過(guò)多信息使用戶(hù)過(guò)載相對(duì)容易。盡可能地將消息簡(jiǎn)化為本質(zhì)，用戶(hù)可以從VUI中獲得簡(jiǎn)潔明確的信息。考慮哪些信息是主要信息，哪些信息是次要信息。遵循最大數(shù)量原則，即說(shuō)話(huà)者向聽(tīng)眾提供盡可能多的信息，以促進(jìn)交互的感知目的，但不要過(guò)多。

這是一個(gè)不遵循最大數(shù)量原則的對(duì)話(huà)：

用戶(hù)：“哪里能去吃披薩？”

系統(tǒng)：“我有五個(gè)地方供你選擇。第一個(gè)是“Pizza＆Pasta”位于1300-1398 Diamond St San Francisco，距離您15分鐘，開(kāi)放時(shí)間為上午8:00至晚上8:00，第二個(gè)是“Italy”，位于4100 4148 20th St San Francisco，距離您1小時(shí)，營(yíng)業(yè)時(shí)間為上午9:00至下午6:00，......”

對(duì)話(huà)試圖在一個(gè)回合中呈現(xiàn)所有選項(xiàng)。最好通過(guò)提出澄清問(wèn)題來(lái)縮小列表范圍：

用戶(hù)：“哪里能去吃披薩？”

系統(tǒng)：“該地區(qū)有幾家比薩餅店 - 你想走路還是開(kāi)車(chē)？”

處理錯(cuò)誤

無(wú)論你的VUI有多好，有一件事是肯定的：事情會(huì)出錯(cuò)。而你需要針對(duì)這些情況進(jìn)行設(shè)計(jì)。優(yōu)雅地處理錯(cuò)誤是您在設(shè)計(jì)語(yǔ)音時(shí)面臨的最大挑戰(zhàn)之一，在編寫(xiě)對(duì)話(huà)時(shí)開(kāi)始思考它至關(guān)重要。

以下是一些可能導(dǎo)致錯(cuò)誤狀態(tài)的常見(jiàn)情況：

1.拼寫(xiě)錯(cuò)誤

有些用戶(hù)可能會(huì)誤讀單詞并且自然語(yǔ)言處理系統(tǒng)無(wú)法理解請(qǐng)求。

2.歧義

即使在人類(lèi)之間，言語(yǔ)有時(shí)也是模棱兩可的。例如，有人可能會(huì)說(shuō)“Good”，這可以定義為“是的，我同意”或只是表明他們正在傾聽(tīng)。

3.系統(tǒng)無(wú)法為用戶(hù)提供有價(jià)值的信息。例如，用戶(hù)想要預(yù)訂航班，但系統(tǒng)沒(méi)有相關(guān)選項(xiàng)。

在所有情況下，對(duì)話(huà)不應(yīng)該以死胡同而告終，該系統(tǒng)應(yīng)提供有價(jià)值的選擇?？偰茏寣?duì)話(huà)回到正軌。

反映你的獨(dú)特身份

所有的聲音都投射出一個(gè)人物角色，不管你是否計(jì)劃這樣做。不要讓你的VUI角色隨隨便便出現(xiàn)，在你寫(xiě)的對(duì)話(huà)中反映你獨(dú)特的品牌和身份。想象一下，你理想的員工應(yīng)該如何與客戶(hù)互動(dòng)，并嘗試在對(duì)話(huà)的措辭中反映出來(lái)。

語(yǔ)氣語(yǔ)調(diào)會(huì)對(duì)用戶(hù)對(duì)產(chǎn)品的感知有明顯的影響。這就是為什么在選擇音調(diào)時(shí)考慮用戶(hù)的情感需求很重要。

產(chǎn)品的語(yǔ)調(diào)可以表示為4音調(diào)維度的函數(shù)。圖片：NNGroup。

在互動(dòng)中培養(yǎng)同理心

語(yǔ)音界面應(yīng)考慮用戶(hù)的情緒，人們不僅喜歡友好的人，還喜歡好的電腦。例如，當(dāng)有人想要預(yù)訂機(jī)票并提供有關(guān)旅行的信息時(shí)，系統(tǒng)可能會(huì)回答“聽(tīng)起來(lái)像一次有趣的旅行！” 每次的反應(yīng)都應(yīng)該稍有不同，以防止與機(jī)器交互的感覺(jué)。

確認(rèn)任務(wù)何時(shí)完成

考慮用戶(hù)需要確認(rèn)的對(duì)話(huà)流程中的哪個(gè)位置至關(guān)重要。通常，人們期望在對(duì)話(huà)結(jié)束時(shí)進(jìn)行最終確認(rèn)。例如，當(dāng)用戶(hù)安排活動(dòng)時(shí)，他們可能希望聽(tīng)到“活動(dòng)現(xiàn)在在您的日歷上?！绷硪环N典型情況是結(jié)帳流程 - 讓用戶(hù)知道交易已成功記錄。

對(duì)重要操作使用顯式確認(rèn)，對(duì)常規(guī)任務(wù)使用隱式確認(rèn)。例如，如果您要求您的Alexa向您的朋友匯款，則用戶(hù)可能希望聽(tīng)到“[金額]已發(fā)送到[此人姓名]”而不僅僅是“確定”。與此同時(shí)，當(dāng)你要求Alexa關(guān)掉車(chē)庫(kù)里的燈時(shí)，聽(tīng)到“車(chē)庫(kù)里的燈都熄火”可能一直都太多了，所以一定要仔細(xì)測(cè)試確認(rèn)，找出用戶(hù)覺(jué)得哪些確認(rèn)對(duì)于順序很重要通過(guò)VUI感到成功。

利用上下文

一個(gè)好的會(huì)話(huà)系統(tǒng)可以跟蹤對(duì)話(huà)，記憶所有先前的回合以及之前的交互。一個(gè)可靠的系統(tǒng)將使用此信息，通過(guò)提供更個(gè)性化的體驗(yàn)為用戶(hù)創(chuàng)造更好的體驗(yàn)。

例如，當(dāng)用戶(hù)訂購(gòu)披薩時(shí)，系統(tǒng)可能會(huì)提醒他們以前的訂單：

用戶(hù)：“我想點(diǎn)一份披薩?！?

系統(tǒng)：“上次你從Pizza＆Pasta訂購(gòu)了Quattro Formaggio。你想再次訂購(gòu)嗎？”

用戶(hù)：“是的，我喜歡！”

涵蓋替代短語(yǔ)

人們可以使用不同的詞語(yǔ)來(lái)描述相同的東西，在設(shè)計(jì)VUI時(shí)考慮這一點(diǎn)至關(guān)重要。對(duì)于您在上一步中設(shè)計(jì)的每個(gè)語(yǔ)音用戶(hù)流，請(qǐng)考慮用戶(hù)表達(dá)這些請(qǐng)求的不同方式?？紤]他們可能使用的單詞變體和同義詞。

根據(jù)語(yǔ)音產(chǎn)品的功能，用戶(hù)在與VUI交互時(shí)可以發(fā)聲的話(huà)語(yǔ)數(shù)量可以很容易地達(dá)到數(shù)百個(gè)，使得映射它們的任務(wù)變得非常復(fù)雜。幸運(yùn)的是，有一些特殊的工具可以幫助您。例如，如果您為Alexa設(shè)計(jì)應(yīng)用程序，則可以使用Amazon Echo Utterance Expander來(lái)實(shí)現(xiàn)此目的。

測(cè)試你的對(duì)話(huà)

現(xiàn)在，當(dāng)您編寫(xiě)了所有對(duì)話(huà)框時(shí)，就可以開(kāi)始測(cè)試它們了。為什么？因?yàn)槲覀冋f(shuō)話(huà)的方式遠(yuǎn)不如我們寫(xiě)作的方式那么正式。為了確保您設(shè)計(jì)聽(tīng)起來(lái)自然的對(duì)話(huà)，在進(jìn)行原型設(shè)計(jì)之前測(cè)試它們至關(guān)重要。兩種簡(jiǎn)單的技術(shù)可以幫助您：

1.使用對(duì)話(huà)框錄制和播放音頻，你會(huì)聽(tīng)到不自然的單詞和句子的細(xì)微差別。

2.角色扮演對(duì)話(huà)以確保它們自然而直觀(guān)，一種名為“ 綠野仙蹤 ”的技術(shù)將幫助您快速識(shí)別對(duì)話(huà)中的問(wèn)題。如果您是Mac用戶(hù)，則可以使用名為Say Wizard的工具來(lái)簡(jiǎn)化操作。

原型應(yīng)用程序

現(xiàn)在我們已經(jīng)編寫(xiě)，映射并測(cè)試了我們的對(duì)話(huà)，我們終于可以繼續(xù)設(shè)計(jì)和原型化體驗(yàn)了。典型的交互包括用戶(hù)輸入和系統(tǒng)響應(yīng)，在Adobe XD中是這么做的：

1.要設(shè)計(jì)用戶(hù)請(qǐng)求，我們需要?jiǎng)?chuàng)建語(yǔ)音觸發(fā)器。要添加新的語(yǔ)音觸發(fā)器，請(qǐng)將連接器從一個(gè)畫(huà)板中的元素拖到另一個(gè)畫(huà)板中。打開(kāi)屬性菜單后，Voice從“觸發(fā)器”菜單中選擇并在“命令”字段中添加您的話(huà)語(yǔ)。

2.Speech Playback將模擬語(yǔ)音應(yīng)用的響應(yīng)。要添加語(yǔ)音播放，您需要選擇時(shí)間作為觸發(fā)器，并將操作設(shè)置為語(yǔ)音回放。

使用Adobe XD中的語(yǔ)音進(jìn)行原型設(shè)計(jì)

Adobe XD允許您為Amazon Echo Show等語(yǔ)音優(yōu)先產(chǎn)品和Google Home等純語(yǔ)音產(chǎn)品進(jìn)行原型設(shè)計(jì)。

一些folx已經(jīng)在被問(wèn)及只有語(yǔ)音原型#adobexd -下面我使用由谷歌首頁(yè)計(jì)時(shí)器的快速原型XD：

從Illustrator

?Vector文件XD

?Auto動(dòng)畫(huà)的燈光

?Voice命令觸發(fā)

?Speech響應(yīng)

最后但同樣重要的是，如果您為Amazon Echo Show或Amazon Echo Spot設(shè)計(jì)Amazon Alexa技能，XD會(huì)為這些設(shè)備提供VUI工具包。你可以在這里下載，此VUI工具包提供了開(kāi)始構(gòu)建Alexa技能所需的所有構(gòu)建塊。

適用于Amazon Echo Show和Spot的VUI套件。

4.測(cè)試

測(cè)試是設(shè)計(jì)過(guò)程的必要部分，如果不進(jìn)行測(cè)試，您無(wú)法說(shuō)明您的應(yīng)用是否適合您的用戶(hù)。

使用目標(biāo)用戶(hù)測(cè)試您的原型

與目標(biāo)受眾的代表一起開(kāi)展可用性測(cè)試會(huì)議，并觀(guān)察用戶(hù)與您的應(yīng)用互動(dòng)的方式。跟蹤任務(wù)完成率和CSAT（客戶(hù)滿(mǎn)意度分?jǐn)?shù)），如果可能，請(qǐng)嘗試為每個(gè)會(huì)話(huà)錄制視頻。

使用測(cè)試模擬器

無(wú)論亞馬遜和谷歌提供的測(cè)試工具，讓你測(cè)試你的技巧或行動(dòng)的硬件設(shè)備及其設(shè)置的模擬。此測(cè)試將讓您對(duì)現(xiàn)實(shí)世界中的語(yǔ)音體驗(yàn)有一個(gè)良好的感覺(jué)。

5.精煉

將語(yǔ)音應(yīng)用程序發(fā)送到市場(chǎng)后，優(yōu)化語(yǔ)音應(yīng)用程序。

收集分析

推出應(yīng)用后，您應(yīng)該跟蹤應(yīng)用與分析的對(duì)比情況。以下是一些值得關(guān)注的關(guān)鍵指標(biāo)：

1. 意圖和話(huà)語(yǔ)
2. 用戶(hù)參與指標(biāo)
3. 行為流動(dòng)

你需要的大多數(shù)指標(biāo)都可以在您的技能開(kāi)發(fā)人員帳戶(hù)中找到，而無(wú)需任何其他編碼。

結(jié)論

人機(jī)交互從未涉及圖形用戶(hù)界面，首先，它始終是關(guān)于溝通。顯而易見(jiàn)，語(yǔ)音將是新一代用戶(hù)與技術(shù)交互的自然方式，作為設(shè)計(jì)師，我們應(yīng)該為這些新挑戰(zhàn)做好準(zhǔn)備，并抓住機(jī)會(huì)解開(kāi)互動(dòng)設(shè)計(jì)的新方式。

來(lái)源：Nick Babich

原文鏈接：https://www.smashingmagazine.com/2019/05/future-design-voice-prototypes/