網(wǎng)頁(yè)設(shè)計(jì)的世界是不可思議的動(dòng)態(tài)的。每年都有新的趨勢(shì)和機(jī)會(huì)出現(xiàn)，主要是由于現(xiàn)代技術(shù)的到來(lái)。

近年來(lái)，我們看到了網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的各種更新，例如用于制作混合媒體的AR和VR解決方案的到來(lái)。視頻內(nèi)容的質(zhì)量提高了，而對(duì)包容性和可用性的需求也改變了我們構(gòu)建從網(wǎng)站到應(yīng)用程序的一切東西的方式。

然而，在大多數(shù)情況下，網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)仍然集中在視覺(jué)上。

當(dāng)我們聽(tīng)到“界面”這個(gè)詞時(shí)，我們通常會(huì)想到圖形用戶界面——將用戶與網(wǎng)站連接起來(lái)的最終方式。然而，現(xiàn)在我們有了一種新的、更自然的方式讓客戶與他們的數(shù)字工具互動(dòng)……語(yǔ)音時(shí)代到來(lái)了。

為聲音時(shí)代而設(shè)計(jì)

科技部門(mén)在自動(dòng)語(yǔ)音識(shí)別和自然語(yǔ)言理解等方面取得了令人難以置信的進(jìn)展。

由于機(jī)器處理和理解人類語(yǔ)言的方式的更新，語(yǔ)音識(shí)別的準(zhǔn)確率現(xiàn)在達(dá)到了90%以上。與以往任何時(shí)候相比，用戶都可以與智能助手、揚(yáng)聲器或基于手機(jī)的應(yīng)用程序?qū)υ?，并獲得他們想要的結(jié)果，而不會(huì)出錯(cuò)。

通過(guò)語(yǔ)音與技術(shù)交流的簡(jiǎn)單性意味著用戶已經(jīng)以令人難以置信的速度采用了這項(xiàng)技術(shù)。到今年年底，一半的搜索將通過(guò)語(yǔ)音進(jìn)行。

我們正站在與計(jì)算機(jī)和關(guān)鍵工具交互的方式發(fā)生根本性轉(zhuǎn)變的邊緣。作為設(shè)計(jì)師和開(kāi)發(fā)者，我們需要準(zhǔn)備好接受這種新媒體。

考慮到這一點(diǎn)，以下是設(shè)計(jì)師在設(shè)計(jì)語(yǔ)音UI時(shí)需要考慮的問(wèn)題。

1. 決定如何用聲音進(jìn)行實(shí)驗(yàn)

要使一個(gè)網(wǎng)站更具“對(duì)話性”，需要采取各種步驟。對(duì)于任何設(shè)計(jì)師或開(kāi)發(fā)者來(lái)說(shuō)，第一步都是考慮他們將為應(yīng)用程序或網(wǎng)站提供什么樣的基于語(yǔ)音的交互。

例如，與其將語(yǔ)音技術(shù)嵌入網(wǎng)站，不如為Echo等設(shè)備單獨(dú)創(chuàng)建一個(gè)亞馬遜Alexa“技能”。Capital One等公司已經(jīng)對(duì)這項(xiàng)技術(shù)進(jìn)行了投資，這樣用戶就可以向智能音箱詢問(wèn)自己的余額，而不是打開(kāi)筆記本電腦登錄網(wǎng)站。

為了確定你應(yīng)該為你的客戶創(chuàng)造什么樣的聲音體驗(yàn)，與他們一起在客戶旅程地圖上工作。使用客戶與客戶之間定期的交互映射，您可以突出顯示語(yǔ)音交互可能適合用戶流程的區(qū)域。

例如，如果客戶不斷地詢問(wèn)關(guān)于某個(gè)品牌或其服務(wù)的問(wèn)題，一個(gè)配備了機(jī)器人的FAQ頁(yè)面可能是一個(gè)很好的選擇，機(jī)器人可以回答語(yǔ)音查詢。

UI設(shè)計(jì)總是能夠解決問(wèn)題。檢查你的客戶終端用戶在旅途中遇到的摩擦和挫折將幫助你決定你的聲音UI體驗(yàn)的方向。

2. 檢查語(yǔ)音命令的結(jié)構(gòu)

在設(shè)計(jì)師為他們的語(yǔ)音UI創(chuàng)建對(duì)話流之前，他們需要了解語(yǔ)音命令是如何工作的。成功的聲音設(shè)計(jì)的關(guān)鍵在于理解交互的目標(biāo)。聲音包含三個(gè)設(shè)計(jì)師需要考慮的關(guān)鍵因素:

意圖:意圖代表語(yǔ)音命令的主題和上下文。高實(shí)用程序交互涉及對(duì)特定任務(wù)的請(qǐng)求。例如，你的用戶可能會(huì)要求你的應(yīng)用程序提供一個(gè)特定區(qū)域的五星級(jí)酒店列表。針對(duì)這些請(qǐng)求的設(shè)計(jì)通常很簡(jiǎn)單，因?yàn)檎Z(yǔ)音算法需要做的事情很清楚。然而，低實(shí)用性的請(qǐng)求可能更難破譯，比如“我附近的酒店”，因?yàn)闄C(jī)器人可以處理的特異性較低。

話語(yǔ):話語(yǔ)指的是用戶如何表達(dá)命令。例如，在阿姆斯特丹尋找五星級(jí)酒店時(shí)，顧客可能會(huì)說(shuō)“show me hotels”，或者他們可能會(huì)問(wèn)“places to stay”。設(shè)計(jì)師必須為他們的語(yǔ)音命令UI考慮每個(gè)發(fā)音的變化。

可選變量:這指的是聲音UI需要注意的額外過(guò)濾器。就阿姆斯特丹的五星級(jí)酒店而言，“五星級(jí)”這個(gè)詞是可選的。可選輸入需要覆蓋默認(rèn)值，并為搜索帶來(lái)更多細(xì)節(jié)。

例如，SideChef是一款聲控菜譜應(yīng)用，它向用戶提供敘述式指導(dǎo)，并允許客戶根據(jù)自己的具體需求搜索菜譜。這款應(yīng)用內(nèi)置了各種變量，允許用戶根據(jù)“素食”或“快餐”等描述符定制搜索。

3.學(xué)習(xí)如何使用對(duì)話流創(chuàng)建原型

學(xué)習(xí)如何利用像VUI這樣的復(fù)雜UI策略需要時(shí)間和實(shí)踐。原型設(shè)計(jì)師通常需要像編劇一樣思考，設(shè)計(jì)各種對(duì)話流以滿足客戶的不同需求，以及他們可能面臨的眾多交互。

對(duì)話流將概述:

引導(dǎo)互動(dòng)的關(guān)鍵字

表示對(duì)話可能導(dǎo)致的結(jié)果的分支

示例對(duì)話框的用戶和語(yǔ)音助手。

使用演示語(yǔ)音助手和用戶之間來(lái)回切換的腳本練習(xí)對(duì)話流程，將有助于設(shè)計(jì)師和開(kāi)發(fā)人員理解客戶與機(jī)器人交互中可能出現(xiàn)的各種細(xì)微差別。

請(qǐng)記住，雖然良好的語(yǔ)音UI設(shè)計(jì)的關(guān)鍵部分是保持交流對(duì)話和直截了當(dāng)，但你需要確保終端用戶和他們的應(yīng)用程序、網(wǎng)站或數(shù)字工具之間可能發(fā)生的每一次討論都有對(duì)話流。用戶不想感到負(fù)擔(dān)過(guò)重或不堪重負(fù)，但他們需要確保自己也能完成任務(wù)。

關(guān)于聲音UI設(shè)計(jì)的幾點(diǎn)建議

聲音UI設(shè)計(jì)可能非常復(fù)雜，特別是如果你之前從未使用聲音作為唯一輸入的內(nèi)容。然而，一旦您習(xí)慣了創(chuàng)建對(duì)話流，整個(gè)過(guò)程就會(huì)變得容易得多。

當(dāng)你在進(jìn)行設(shè)計(jì)時(shí)，請(qǐng)記住:

總是在任務(wù)完成時(shí)進(jìn)行確認(rèn):在為電子商務(wù)頁(yè)面設(shè)計(jì)付款流程時(shí)，對(duì)設(shè)計(jì)師來(lái)說(shuō)最重要的屏幕之一就是確認(rèn)頁(yè)面。它向客戶顯示事務(wù)已經(jīng)成功完成，并使他們不再擔(dān)心自己是否做了正確的事情。同樣的概念也適用于Voice UI設(shè)計(jì)。例如，如果你客戶的終端用戶要求一款聲控應(yīng)用程序與他們的治療師預(yù)約，他們想知道預(yù)約是否成功，并已添加到他們的日歷中。確定你將如何滿足客戶的需求。

為錯(cuò)誤制定強(qiáng)有力的策略:設(shè)計(jì)師和開(kāi)發(fā)者仍處于語(yǔ)音UI實(shí)驗(yàn)的早期階段。這意味著您的應(yīng)用程序和工具很有可能時(shí)不時(shí)地出問(wèn)題。有一個(gè)強(qiáng)有力的錯(cuò)誤策略是至關(guān)重要的。一定要設(shè)計(jì)一個(gè)對(duì)話流場(chǎng)景，讓助手在不理解請(qǐng)求或根本聽(tīng)不到任何請(qǐng)求時(shí)做出響應(yīng)。您還可以對(duì)這些情況進(jìn)行分析，以識(shí)別誤解并在未來(lái)提高可用性。

增加額外的安全層:谷歌Assistant和Alexa等各種語(yǔ)音UI解決方案現(xiàn)在可以識(shí)別單個(gè)聲音。這是一種類似于面部識(shí)別或觸摸識(shí)別的生物識(shí)別安全技術(shù)。隨著語(yǔ)音識(shí)別技術(shù)的不斷改進(jìn)，確保您遵守最新的安全指南是至關(guān)重要的。一些公司可能需要額外的身份驗(yàn)證。例如，需要支付和交易的東西可能需要密碼、面部識(shí)別或指紋。例如，Duer語(yǔ)音助手使用面部識(shí)別來(lái)批準(zhǔn)支付，并根據(jù)之前的購(gòu)買(mǎi)情況推薦用餐。

你準(zhǔn)備好迎接語(yǔ)音UI革命了嗎?

基于語(yǔ)音的用戶界面將繼續(xù)存在。

在未來(lái)幾年，開(kāi)發(fā)者和設(shè)計(jì)師可能需要學(xué)習(xí)如何將聲音作為界面策略的一部分。

好消息是，雖然聲音作為一種設(shè)計(jì)工具需要一些時(shí)間來(lái)適應(yīng)，但它很容易確保你的項(xiàng)目朝著正確的方向發(fā)展。就像任何其他類型的設(shè)計(jì)一樣，實(shí)現(xiàn)聲音意味著考慮你向終端用戶交付的交互和體驗(yàn)是否無(wú)縫、有效和有價(jià)值。

成功的語(yǔ)音UI并不僅僅是在你的設(shè)計(jì)中添加語(yǔ)音功能。這是一個(gè)學(xué)習(xí)如何用聲音的力量使用戶的生活更輕松的問(wèn)題。