GUI和VUI在融合時(shí)可能存在大量的問題，這篇文章里，作者結(jié)合實(shí)戰(zhàn)經(jīng)驗(yàn)，總結(jié)出了相應(yīng)的設(shè)計(jì)原則，或許可以給到你一些參考和幫助。

為了解決GUI和VUI融合時(shí)存在的問題，我們整理了在工作實(shí)戰(zhàn)中總結(jié)出的八大設(shè)計(jì)原則，大家可以相互交流學(xué)習(xí)。

01

交互是一種行為，它具有目的性。

這句話是整個(gè)GUI和 VUI融合的核心。要知道用戶每操作一個(gè)控件，每跳轉(zhuǎn)一個(gè)頁(yè)面，這些行為的背后都是有目的的。例如用戶在GUI中打開空調(diào)界面開啟空調(diào)、手動(dòng)將溫度調(diào)到20℃，這些行為背后的目的就是“打開空調(diào)并調(diào)到20°C”，這可以被VUI一句話實(shí)現(xiàn)。用戶在意的是系統(tǒng)和應(yīng)用能不能幫助他們達(dá)成目的，操控GUI的控件和頁(yè)面只是輔助用戶完成他們目的的手段之一，同理VUI的劇本也一樣。

02

每種交互方式都能持續(xù)工作。

在座艙中儀表盤和中控屏幕基本處于常亮狀態(tài)，用戶無(wú)須對(duì)其開啟就能直接交互。但是對(duì)于VUI來(lái)說(shuō)，如果每一次語(yǔ)音交互都需要喚醒語(yǔ)音識(shí)別能力，這會(huì)影響整個(gè)操作流程和用戶體驗(yàn)。所以VUI和GUI融合的前提是系統(tǒng)/應(yīng)用擁有全雙工語(yǔ)音交互的能力，系統(tǒng)/應(yīng)用能持續(xù)一段時(shí)間傾聽用戶所說(shuō)的話。

03

每種交互方式統(tǒng)一以 GUl為參照對(duì)象。

在車載系統(tǒng)中，無(wú)論是眼動(dòng)操作、隔空手勢(shì)操作、實(shí)體按鈕還是GUI，都應(yīng)該以GUI為參照對(duì)象進(jìn)行設(shè)計(jì)，因?yàn)橐曈X通道接收的信息占全部感官的83%，如果以聽覺為主的VUI為參照對(duì)象，該交互框架能輸入和輸出的信息量會(huì)直接銳減。其次，GUI顯示的內(nèi)容可以維持靜止?fàn)顟B(tài)，VUI無(wú)法做到這一點(diǎn)；第三，GUI中有著豐富成熟的控件和組件，可以跟各種交互方式進(jìn)行綁定。

04

每種交互方式相互配合，取長(zhǎng)補(bǔ)短。

VUI的第一個(gè)短板是交互狀態(tài)不明顯，所以VUI的交互流程中建議配合GUI強(qiáng)化VUI的狀態(tài)表示。VUI的第二個(gè)短板是受限于工作記憶，所以語(yǔ)音播報(bào)的內(nèi)容句式和語(yǔ)法結(jié)構(gòu)需要保持簡(jiǎn)單，內(nèi)容播報(bào)盡可能控制在10s以內(nèi)(中文和數(shù)字約為40字以內(nèi))，包含的信息盡量在3項(xiàng)以內(nèi)。

那么，GUI上的所有信息是否相應(yīng)地只顯示3項(xiàng)內(nèi)容呢？答案是否定的，因?yàn)檫@些內(nèi)容并不是短暫地顯示在屏幕上，它們可以被眼睛來(lái)回地掃視和重新閱讀，所以用戶在交互過程中沒必要記住全部信息。

對(duì)于選項(xiàng)過多的菜單或者列表，VUI可以優(yōu)先播報(bào)對(duì)用戶來(lái)說(shuō)重要的前三項(xiàng)，然后詢問用戶是否繼續(xù)播報(bào)，與此同時(shí)，用戶還可以通過觸控的方式從GUI獲取信息。

GUI的短板很明顯，它需要用戶看著屏幕才能正常交互。在駕駛過程中，司機(jī)開車低頭很容易發(fā)生事故，因?yàn)樵?s的時(shí)間內(nèi)一輛時(shí)速100千米的汽車就能開出54米的距離。因此在駕駛場(chǎng)景下，讓用戶不看界面也能和系統(tǒng)交互的VUI變得越來(lái)越重要。為了解決GUI的短板以及提升駕駛場(chǎng)景中用戶和系統(tǒng)的交互安全， GUI和 VUI可以這樣配合：

1. VUI可以操控GUI的界面和功能，尤其文本輸入功能；
2. GUI顯示的文本內(nèi)容允許 VUI播報(bào)相關(guān)內(nèi)容；
3. 由VUI播報(bào)完整信息，GUI通過排版顯示重點(diǎn)信息；
4. 基于VUI的聲紋識(shí)別能直接省略用戶在GUI輸入密碼的交互步驟。

05

以用戶當(dāng)前操作對(duì)象為目標(biāo)發(fā)起交互流程。

在多模交互中最重要也是最麻煩的是操作對(duì)象的切換，因?yàn)樗锌赡芤馕吨蝿?wù)和上下文發(fā)生變化。例如，在空調(diào)界面中，用戶說(shuō)“調(diào)到25℃”，系統(tǒng)應(yīng)該將空調(diào)溫度調(diào)到25℃，而不是將音量調(diào)到25。

在語(yǔ)音交互中主語(yǔ)或者賓語(yǔ)即是操作對(duì)象；觸屏GUI中手指觸碰的地方即是操作對(duì)象，視線追蹤、空手勢(shì)、方向盤按鍵顯示的焦點(diǎn)即是操作對(duì)象，在設(shè)計(jì)過程中我們應(yīng)該如何考慮操作對(duì)象切換的問題呢？操作對(duì)象不一定只是控件和組件，它可以是一個(gè)頁(yè)面，甚至是一個(gè)任務(wù)流程。

GUI和VUI融合的關(guān)鍵是將VUI意圖中的主語(yǔ)/賓語(yǔ)和GUI里的控件組件/容器進(jìn)行綁定，系統(tǒng)通過操作對(duì)象的對(duì)照就能知道GUI和VUI是否在操作同一個(gè)操作對(duì)象。以GUI為參照對(duì)象的好處是能讓操作對(duì)象顯性化，用戶通過焦點(diǎn)的切換就知道自己的交互操作是否被系統(tǒng)正確識(shí)別，在多任務(wù)/多窗口里也能知道現(xiàn)在哪個(gè)任務(wù)/窗口被激活。

06

明確告訴用戶當(dāng)前的交互流程到達(dá)哪里每種交互方式都具備“選中目標(biāo)”“執(zhí)行過程”“結(jié)果反饋”三種屬性。

相信大家對(duì)GUI中各種控件的按下態(tài)、加載態(tài)都很熟悉，但是在無(wú)法感知的交互過程中，例如VUI執(zhí)行過程中的聆聽、識(shí)別和加載狀態(tài)，沒有數(shù)字刻度的旋轉(zhuǎn)按鈕。這些細(xì)節(jié)很容易被設(shè)計(jì)師忽略。

“選中目標(biāo)”能讓用戶和系統(tǒng)清晰知道當(dāng)前操作的對(duì)象是誰(shuí);“執(zhí)行過程”能讓用戶知道當(dāng)前的交互進(jìn)度到哪，避免用戶產(chǎn)生焦慮:而“結(jié)果反饋”應(yīng)該考慮“成功執(zhí)行”和“無(wú)法執(zhí)行”兩種情況。“成功執(zhí)行很好理解，但“無(wú)法執(zhí)行”會(huì)比較特別。

GUI的好處是每一個(gè)控件的狀態(tài)都能被用戶看到，用戶每一步交互都是圍繞控件、組件和容器進(jìn)行的。它們能引導(dǎo)和限制用戶的交互流程，例如一個(gè)滑動(dòng)條，用戶滑到最左就不會(huì)而且不允許繼續(xù)滑動(dòng)了但是VUI做不到，因?yàn)橛脩艨床坏交瑒?dòng)條的上下限在哪里，而且他發(fā)出的指令不一定在系統(tǒng)支持的指令集中。

所以“無(wú)法執(zhí)行”應(yīng)該包括“業(yè)務(wù)支持失敗”和“聽不懂(沒法分類)”兩種情況。如果缺乏了“業(yè)務(wù)支持失敗”這個(gè)細(xì)節(jié)，VUI只懂得跟用戶說(shuō)“不好意思我聽不懂”或者“不好意思我無(wú)法執(zhí)行”，這樣會(huì)引起用戶的反感。

07

GUI控件/組件應(yīng)支持多種交互方式，如有差異建議增加說(shuō)明。

在多模交互下，不同類型的操作控件/組件應(yīng)由不同的VUI意圖和流程來(lái)支持，文本類型的控件支持語(yǔ)音播報(bào)能力。在自然的多模交互中，用戶在不同場(chǎng)景下有可能通過不同的交互通道完成相同的任務(wù)，所以設(shè)計(jì)多模交互體驗(yàn)時(shí)應(yīng)該做到完整的冗余設(shè)計(jì)。

有些交互操作確實(shí)不太好實(shí)現(xiàn)冗余的設(shè)計(jì)，尤其是一些基于純圖標(biāo)的按鈕，或者全是復(fù)雜文字的鏈接，這時(shí)我們應(yīng)該想辦法在圖標(biāo)上增加文字以及在鏈接前面增加數(shù)字，但如果因?yàn)楦鞣N因素?zé)o法修改設(shè)計(jì)方案，建議通過其他方式告知用戶暫時(shí)無(wú)法支持其他通道的交互操作，這樣能有效避免用戶覺得這是一個(gè)漏洞。

08

由交互管理器統(tǒng)一管理多種交互方式之間的操作和狀態(tài)，包括容錯(cuò)管理意圖/界面切換。

由于多通道之間的信息輸入/輸出存在著不同效率、同步/異步以及兼容/斥的差異，構(gòu)建交互管理器有助于管理多模態(tài)交互之間的狀態(tài)。簡(jiǎn)單理解的話，我們需要通過一個(gè)交互管理器來(lái)管理所有操作對(duì)象以及交互通道之間的關(guān)系，它的主要作用是監(jiān)控不同操作對(duì)象以及交互通道產(chǎn)生操作數(shù)據(jù)時(shí)的先后順序，然后將這些信息操作同步給所有交互通道，從而實(shí)現(xiàn)交互通道的管理。