這份指南將通過(guò)一個(gè)猜數(shù)字的對(duì)話游戲案例，帶你體會(huì)設(shè)計(jì)對(duì)話UI的過(guò)程與方法。通過(guò)這個(gè)案例，會(huì)向你詮釋一些核心概念，并提供一些幫助構(gòu)建良好體驗(yàn)的實(shí)踐參考。

在開始之前，我們先來(lái)重溫下之前章節(jié)中介紹的對(duì)話設(shè)計(jì)主要步驟：

1.選擇正確的用戶場(chǎng)景。

適合對(duì)話UI的場(chǎng)景通常比較簡(jiǎn)單、直觀，不需要太復(fù)雜性的互動(dòng)。

2.創(chuàng)建用戶畫像。

你的對(duì)話表達(dá)與功能的呈現(xiàn)方式能夠體現(xiàn)一致性、品牌訴求和人的個(gè)性特征。

3.撰寫對(duì)話。

這個(gè)過(guò)程中你會(huì)構(gòu)思出大量的對(duì)話，并探索出最好的實(shí)現(xiàn)方式。

4.進(jìn)行測(cè)試。

大聲念出對(duì)話，用模擬工具進(jìn)行測(cè)試，確保對(duì)話聽起來(lái)比較自然，接近人類的對(duì)話方式。

5.實(shí)現(xiàn)和迭代。

使用API.AI實(shí)現(xiàn)對(duì)話功能，或用Actions SDK在你自己的工具平臺(tái)中開發(fā)。

一、選擇正確的用戶場(chǎng)景

游戲?qū)τ谕瓿扇蝿?wù)的角度來(lái)說(shuō)，是低風(fēng)險(xiǎn)的，但是難點(diǎn)在于用戶很容易會(huì)陷入無(wú)聊，所以游戲的對(duì)話UI需要有較高的吸引力，來(lái)滿足用戶的高期望。

對(duì)于直觀對(duì)話來(lái)說(shuō)，猜數(shù)字的游戲是一個(gè)很好的例子，不需要用戶太多背景知識(shí)，這樣可以有探索的機(jī)會(huì)，并且便于測(cè)試UI 的邊界。

二、創(chuàng)建用戶畫像

人物畫像可以幫助你設(shè)計(jì)、撰寫UI對(duì)話，所以要盡早確定，這樣就能更容易的決策出正確的用詞、語(yǔ)法和句子結(jié)構(gòu)。

我們這個(gè)游戲的用戶畫像具有以下的特征：

• 樂(lè)觀、愉悅、鼓舞人心
• 有引導(dǎo)性、機(jī)智，能夠推動(dòng)游戲進(jìn)行，并鼓勵(lì)用戶探索
• 不會(huì)很正式，會(huì)采用簡(jiǎn)單的語(yǔ)言，這樣游戲能夠吸引不同的用戶年齡層與群體

我們給它取個(gè)名字，叫“數(shù)字精靈”，賦予它更多人的個(gè)性特征，這些特征源自人們對(duì)”魔法”的認(rèn)知，以及對(duì)猜數(shù)字游戲的內(nèi)在期望。

要注意的是，即使你沒(méi)有為對(duì)話UI注入”人格”，用戶在與對(duì)話交互時(shí)還是會(huì)感受到一個(gè)”人”的存在。

三、撰寫對(duì)話

現(xiàn)在我們已經(jīng)確定了游戲的用戶場(chǎng)景，并構(gòu)建了用戶畫像，可以準(zhǔn)備好開始構(gòu)思對(duì)話框架，梳理用戶旅程了。

對(duì)于我們的數(shù)字精靈游戲，我們列出了下面的對(duì)話作為開始。讓我們跟隨這些對(duì)話去了解它們揭示的設(shè)計(jì)思考與最佳實(shí)踐。

對(duì)話段落1：愉悅路徑

這段對(duì)話描述了一種典型的一個(gè)游戲回合過(guò)程，用戶猜了三次。

（例子中的英文比較易懂，而且原文傳達(dá)的更為準(zhǔn)確，所以就不做逐句翻譯了，但是我會(huì)在圖片下方結(jié)合一些文字做簡(jiǎn)單的解釋，幫助大家理解）

下一步做什么？要開始編程了嗎？

目前進(jìn)行到這一步，看起來(lái)還不錯(cuò)，對(duì)嗎？但是如果我們就在這里停止，開始專注于這段”愉悅路徑”對(duì)話的開發(fā)，那么游戲?qū)?huì)非常無(wú)聊。用戶有可能在游戲里循環(huán)玩上百個(gè)回合，所以其實(shí)我們可以有很多機(jī)會(huì)去添加一些趣味性，以持續(xù)的吸引用戶。

對(duì)話段落2：連續(xù)玩兩次的愉悅路徑

這段對(duì)話描述了用戶連續(xù)玩兩次，猜更多回合的過(guò)程。

完善你的用戶畫像

以上對(duì)話比前一端對(duì)話包含更多的談話回合，所以可以觀察到我們是如何將人格特性注入其中的。這樣設(shè)計(jì)可以讓游戲更為獨(dú)特，但是同時(shí)為了覆蓋這些特殊場(chǎng)景，也會(huì)增加一些開發(fā)成本。

對(duì)話段落3：試探性的猜測(cè)

這段對(duì)話描述了一個(gè)用戶隨機(jī)說(shuō)一個(gè)數(shù)字，系統(tǒng)提供一些線索幫助他們猜出正確答案。（這個(gè)例子中，正確答案是23）。

保持讓用戶處于正軌上

有時(shí)用戶會(huì)嘗試測(cè)試系統(tǒng)的邊界，去看看會(huì)發(fā)生什么（像上面的例子中，系統(tǒng)已經(jīng)提示要比50更小，然而用戶還是繼續(xù)猜90）。以上的這段對(duì)話展示了我們?nèi)绾我龑?dǎo)用戶朝著最終要猜出的數(shù)字目標(biāo)前進(jìn)，同時(shí)又能夠包容多樣變化，并保持吸引力。

對(duì)話段落4：試探性的猜測(cè)

（上面的例子中，用戶在猜數(shù)字的過(guò)程中，突然問(wèn)長(zhǎng)城有多長(zhǎng)…，系統(tǒng)巧妙的問(wèn)用戶”你已經(jīng)退出猜數(shù)字游戲了嗎”，這樣來(lái)請(qǐng)求確認(rèn)，以推進(jìn)對(duì)話。）

對(duì)話段落5：對(duì)于超出時(shí)間的對(duì)話修復(fù)

（上面的例子中，用戶長(zhǎng)時(shí)間不回答，系統(tǒng)會(huì)智能的根據(jù)時(shí)長(zhǎng)做出不同的響應(yīng)判斷。）

對(duì)話段落6：用戶連續(xù)三次猜同一個(gè)數(shù)字

掌控”不好”的輸入

（上面這個(gè)例子中，用戶故意連續(xù)猜三次50，不顧系統(tǒng)的提示，而系統(tǒng)以比較幽默的口吻來(lái)回應(yīng)。）

既然這是一個(gè)游戲，所以我們可以用有趣的方式來(lái)引導(dǎo)處于邊緣場(chǎng)景的用戶，這可以作為設(shè)計(jì)的一部分。這些邊緣場(chǎng)景也值得去認(rèn)真打磨構(gòu)思，因?yàn)槲覀兊哪繕?biāo)用戶就是這些容易去探索系統(tǒng)極限的人，所以可以更加關(guān)注如何去滿足他們的需求。你可能會(huì)注意到上面這個(gè)例子的錯(cuò)誤與段落3中的例子比較類似。在把對(duì)話用編程實(shí)現(xiàn)的過(guò)程中，需要注意這些類似的場(chǎng)景，看是否可以用對(duì)應(yīng)的邏輯框架來(lái)處理，同時(shí)又能夠保留這種多樣性。

對(duì)話段落7：退出游戲。用戶放棄，游戲結(jié)束

（上面這個(gè)例子中，用戶直接說(shuō)出”我放棄了”，系統(tǒng)也能夠根據(jù)這個(gè)指令，并且告訴用戶正確答案。）

四、進(jìn)行測(cè)試

完成了一組對(duì)話的撰寫后，可以大聲的把它們念出來(lái)，因?yàn)槟愫苡锌赡茏珜憣?duì)話時(shí)采用書面語(yǔ)言，所以通過(guò)念出每段對(duì)話能夠幫你找到表達(dá)不合適的地方。除此以外，你還可以用谷歌的在線模擬器檢驗(yàn)：輸入對(duì)話文字，讓系統(tǒng)運(yùn)行讀出來(lái)。做了這些工作之后，你會(huì)逐漸發(fā)現(xiàn)先自己會(huì)越來(lái)越能夠掌握撰寫對(duì)話的技巧。

下圖是谷歌在線模擬器的界面：

相關(guān)閱讀

Google語(yǔ)音交互規(guī)范（三）：設(shè)計(jì)原則與方法

Google語(yǔ)音交互規(guī)范（二）理解對(duì)話機(jī)制，優(yōu)化對(duì)話體驗(yàn)

Google語(yǔ)音交互規(guī)范（一）：對(duì)話式UI以及它的影響力

作者：侯雯佩（個(gè)人博客），UX設(shè)計(jì)師 & 貓奴，曾任職于阿里淘寶UED、騰訊ISUX設(shè)計(jì)中心、獵豹UX設(shè)計(jì)中心。微信公眾號(hào)：愛(ài)新覺(jué)羅米。定期更新UX相關(guān)優(yōu)質(zhì)文章翻譯與原創(chuàng)。

本文由 @侯雯佩 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

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