學(xué)會(huì)自然語(yǔ)言設(shè)計(jì)法，提前觸摸人工智能設(shè)計(jì)

自從Echo引爆了一波智能音箱的浪潮，AI時(shí)代似乎離我們?cè)絹?lái)越近了。雖然目前語(yǔ)音交互能完成的任務(wù)還是少之又少，界面交互仍然是主流。但是，業(yè)界普遍認(rèn)為，語(yǔ)音識(shí)別準(zhǔn)確率一旦從97%上升到99%以上，人們大部分的界面操作都會(huì)轉(zhuǎn)為通過(guò)語(yǔ)音來(lái)實(shí)現(xiàn)。

那么，未來(lái)真的會(huì)脫離界面交互嗎？

如果界面消失了，交互設(shè)計(jì)師還能干什么

很多公司已經(jīng)開始設(shè)立AI交互設(shè)計(jì)師或語(yǔ)音交互設(shè)計(jì)師職位，他們的主要工作就是設(shè)計(jì)對(duì)話。包括對(duì)話的結(jié)構(gòu)、短語(yǔ)、語(yǔ)法和單詞選擇等等。

由此可以預(yù)見，我們的設(shè)計(jì)對(duì)象，會(huì)經(jīng)歷從圖形用戶界面向會(huì)話用戶界面的轉(zhuǎn)化。那么，交互設(shè)計(jì)師要如何擁抱變化，完成轉(zhuǎn)型呢？現(xiàn)在就去找一份AI設(shè)計(jì)師的工作似乎為時(shí)過(guò)早。更好的方法可能是從現(xiàn)在開始，用設(shè)計(jì)對(duì)話的思維去設(shè)計(jì)界面。本文就是要為大家介紹這樣一種方法——自然語(yǔ)言設(shè)計(jì)法。

自然語(yǔ)言設(shè)計(jì)法

筆者最早了解自然語(yǔ)言設(shè)計(jì)法是通過(guò)臭魚前輩2008年的交互設(shè)計(jì)博客，無(wú)獨(dú)有偶，R/GA創(chuàng)意總監(jiān)Teixeira在今年早些時(shí)候也在博客中提到了他多年來(lái)都在使用這種設(shè)計(jì)方法。

自然語(yǔ)言設(shè)計(jì)法分為3個(gè)步驟：

總結(jié)出要傳達(dá)的信息。

把信息轉(zhuǎn)化為文字表達(dá)，對(duì)文字的內(nèi)容、語(yǔ)序、表達(dá)方式進(jìn)行調(diào)整，確保表達(dá)得清晰、自然和簡(jiǎn)短。

對(duì)文字表達(dá)進(jìn)行視覺化翻譯。

△ Dropbox的文字表達(dá)和視覺翻譯

這種設(shè)計(jì)方法的好處是，在設(shè)計(jì)的初期可以讓你把注意力放在要表達(dá)的信息上，可以用最低成本的方式和你的團(tuán)隊(duì)討論產(chǎn)品策略和流程，而不是把大量的時(shí)間花在設(shè)計(jì)軟件上。

這些技巧可以幫你做得更好

界面即對(duì)話，了解設(shè)計(jì)對(duì)話的技巧可以讓你更好的應(yīng)用自然語(yǔ)言設(shè)計(jì)法。

下圖展示了電梯界面是如何與用戶對(duì)話的。

這段對(duì)話非常簡(jiǎn)潔、高效，整個(gè)交互可以在1秒之內(nèi)完成。從中我們可以學(xué)習(xí)到下面這些技巧。

1. 傳達(dá)必要的信息

如果你需要說(shuō)話對(duì)象去完成一個(gè)任務(wù)或者做一個(gè)決策，那在此之前，你需要提供完成任務(wù)所必要的信息。生活中我們看到很多「啞巴電梯」就沒(méi)能做好這一點(diǎn)，比我司的電梯，只告訴乘客當(dāng)前在幾層，不表述運(yùn)行方向，這樣當(dāng)乘客站在21層，看到電梯顯示正在20層的時(shí)候，也不知道電梯是下一秒就會(huì)到達(dá)還是要再等5分鐘。本來(lái)1秒就可以結(jié)束的交互變成了不安的等待。

2. 提出明確、簡(jiǎn)單的要求

提出要求是對(duì)話的關(guān)鍵步驟，提出要求，得到回應(yīng)，才能將對(duì)話繼續(xù)下去。

電梯的兩個(gè)按鈕，明確給出了兩個(gè)答案供乘客選擇。此外，要求越簡(jiǎn)單越容易得到回應(yīng)。前面對(duì)話中電梯是服務(wù)者的角色，乘客是顧客的角色。乘客只需要描述自己的需求，而不需要描述自己的狀態(tài)（我在21層）或?qū)﹄娞萏岢鲆螅ㄎ蚁Ｍ闵蟻?lái)），電梯會(huì)自己處理這些問(wèn)題。就像你可以對(duì)語(yǔ)音助手說(shuō)「給我找個(gè)飯館」也可以說(shuō)「我餓了」，如果語(yǔ)音助手不能回應(yīng)后一種說(shuō)法，就會(huì)顯得非常不智能。

3. 保持簡(jiǎn)短

其實(shí)乘客說(shuō)「我要上樓」也是拐了個(gè)彎的，乘客真正想的是「我要去30層，我現(xiàn)在在21層，所以我要上樓」。但是，如果電梯直接問(wèn)乘客「你要去幾層？」會(huì)有兩個(gè)問(wèn)題：

無(wú)論采用輸入還是選擇的方式電梯操作面板都會(huì)變得過(guò)于復(fù)雜。

因?yàn)椴恢莱丝蜁?huì)上哪一部電梯，所以乘客上電梯之后還要再選一次層數(shù)，存在重復(fù)操作。所以考慮到保持簡(jiǎn)短，還是讓用戶繞一個(gè)小彎的方式更好一些。

4. 根據(jù)對(duì)話雙方的角色設(shè)計(jì)對(duì)話的內(nèi)容

前面說(shuō)過(guò)，電梯是服務(wù)者的角色，乘客是顧客的角色。所以電梯多說(shuō)，乘客少說(shuō)。對(duì)話雙方的角色決定了對(duì)話的內(nèi)容和語(yǔ)氣。設(shè)計(jì)對(duì)話時(shí)要考慮產(chǎn)品的定位或者說(shuō)產(chǎn)品的人物設(shè)定。

下圖是筆者與AI小和尚賢二聊天的內(nèi)容。

如果同樣的問(wèn)題去問(wèn)Siri會(huì)得到怎樣的回答呢？

賢二和Siri對(duì)問(wèn)題的答案完全不同，但是卻毫無(wú)違和。因?yàn)檫@符合他們各自的人設(shè)。賢二是一個(gè)陪你聊天的心理導(dǎo)師，而Siri則是一個(gè)有用的助理。

自然語(yǔ)言設(shè)計(jì)法應(yīng)用：邀請(qǐng)好友活動(dòng)頁(yè)的設(shè)計(jì)

舉個(gè)例子，下圖為某邀請(qǐng)好友活動(dòng)的需求原型。看起來(lái)信息有點(diǎn)多，要怎么組織呢？運(yùn)用自然語(yǔ)言設(shè)計(jì)法，可以幫我們理清頭緒。

1.  把要表達(dá)的信息全部寫下來(lái)

這一步驟的重點(diǎn)就是不要有遺漏，把所有要表達(dá)的信息直接寫下來(lái)，不需要考慮順序、優(yōu)先級(jí)、如何表達(dá)，那是后面的事。現(xiàn)在只需要把圖里表達(dá)的信息一句一句的寫下來(lái)。

2. 找到其中最核心的信息

刪掉不必要的話，直到不能再刪為止，找到界面要表達(dá)的最核心信息。這些信息就是設(shè)計(jì)要突出的重點(diǎn)。下面是刪減之后的信息，這個(gè)界面的核心就是通過(guò)現(xiàn)金獎(jiǎng)勵(lì)鼓勵(lì)用戶邀請(qǐng)好友。

3. 設(shè)定界面角色并優(yōu)化表達(dá)

在這段對(duì)話中，活動(dòng)界面其實(shí)扮演了推銷員的角色，向用戶推銷這個(gè)活動(dòng)，目的是促使用戶產(chǎn)生邀請(qǐng)好友的行動(dòng)。

在設(shè)計(jì)時(shí)可以想象如果你是一個(gè)推銷員，想讓顧客把產(chǎn)品推薦給他的朋友，你會(huì)怎么表達(dá)？強(qiáng)調(diào)哪些重點(diǎn)？哪些話選擇性的說(shuō)？哪些話問(wèn)了才說(shuō)？并據(jù)此重新設(shè)計(jì)信息的文字表達(dá)。

我們?cè)诘诙揭呀?jīng)找到的這段話的重點(diǎn)，有了這些信息，用戶就足以知道我們想讓他做什么并決定自己是否要這樣做了。所以這部分信息需要強(qiáng)調(diào)，位置也要向前移動(dòng)。如果用戶還在猶豫，我們?cè)偬峁┏晒Π咐齺?lái)提升他的意愿。而邀請(qǐng)進(jìn)度的信息是第一次見面不必說(shuō)的，那就把它往后放。

活動(dòng)細(xì)則？那只會(huì)延緩用戶執(zhí)行行動(dòng)的時(shí)間，增加決策成本，就把它放在最后面，實(shí)在想看的人再去看吧。最后我們把要強(qiáng)調(diào)的信息用加粗大字來(lái)表現(xiàn)。調(diào)整語(yǔ)詞使其更通順自然，就得到了下面這段文字。

4. 對(duì)文字表達(dá)進(jìn)行視覺化翻譯

最后一步，就是要把文字轉(zhuǎn)化為視覺界面。可以從以下角度考慮：

對(duì)要重點(diǎn)表達(dá)的部分進(jìn)行視覺化強(qiáng)調(diào)，例如放大、加粗、使用顏色或圖形。

用線或面對(duì)同類的信息進(jìn)行分組。

有沒(méi)有文字可以用圖片、視頻、動(dòng)畫來(lái)替換。

最后我們得到了下面的交互方案。界面上信息的順序和強(qiáng)弱都是與前面的文字表達(dá)一一對(duì)應(yīng)的，信息雜亂、難以組織的煩惱迎刃而解。

然而事情還沒(méi)完，邀請(qǐng)頁(yè)面有了，那被邀請(qǐng)頁(yè)面呢？也要和邀請(qǐng)頁(yè)面一樣強(qiáng)調(diào)現(xiàn)金獎(jiǎng)勵(lì)嗎？其實(shí)在這里，活動(dòng)頁(yè)的角色已經(jīng)發(fā)生了變化，從一個(gè)推銷員像顧客推銷，轉(zhuǎn)化成了一個(gè)用戶像自己的好友推薦產(chǎn)品。我們來(lái)感受一下下面的對(duì)話：

對(duì)話一：誒，老張，我給你推薦一個(gè)貸款應(yīng)用特別好，你只要貸一筆款就能得到10塊錢。

對(duì)話二：誒，老張，我給你推薦一個(gè)貸款應(yīng)用，貸款額度特別高，而且申請(qǐng)容易、放款快。現(xiàn)在還有活動(dòng)，申請(qǐng)成功就返10塊錢。

有沒(méi)有覺得對(duì)話二比對(duì)話一自然的多？原因是貸一筆款得到10塊錢對(duì)老張來(lái)說(shuō)并沒(méi)有吸引力，用戶需要向朋友推薦的是一款產(chǎn)品而不是10塊錢。所以我們?cè)谠O(shè)計(jì)被邀請(qǐng)頁(yè)時(shí)轉(zhuǎn)換了頁(yè)面表達(dá)的重點(diǎn)，從強(qiáng)調(diào)現(xiàn)金獎(jiǎng)勵(lì)變成了強(qiáng)調(diào)產(chǎn)品額度高、放款快等優(yōu)勢(shì)。下圖為被邀請(qǐng)頁(yè)交互方案。

自然語(yǔ)言設(shè)計(jì)法是一種很實(shí)用也很有效的設(shè)計(jì)方法，他的核心其實(shí)是將界面設(shè)計(jì)映射到現(xiàn)實(shí)生活中，用人們熟悉的、覺得理所當(dāng)然的方式進(jìn)行表達(dá)。這種理念也可以延伸到行為設(shè)計(jì)，例如設(shè)計(jì)線上購(gòu)買流程時(shí)，與現(xiàn)實(shí)中超市的購(gòu)買流程做映射，這可以幫助用戶更容易理解線上的支付流程從而更順利的完成任務(wù)。更多的可能性，就等待大家來(lái)探索啦。

本文作者小屯兒