交互說(shuō)明，是交互設(shè)計(jì)師必不可少的「寫(xiě)作能力」，它能讓研發(fā)同事更加了解你的方案說(shuō)明、交互想法。但寫(xiě)得不好，容易出現(xiàn)流水賬式、邏輯不清楚、文案臃腫等情況，給自己帶來(lái)額外的工作量，還影響著與研發(fā)同事的對(duì)接效率。

所以今天想總結(jié)個(gè)人對(duì)「交互說(shuō)明」這塊的知識(shí)，讓你和研發(fā)同事更加愉快地玩耍~

技術(shù)型交互說(shuō)明

傳統(tǒng)的交互說(shuō)明，是根據(jù)自己的意識(shí)、主觀想法進(jìn)行描述，但由于每個(gè)人的文筆不同、思維方式不一樣，容易出現(xiàn)特別雜亂的說(shuō)明，相關(guān)同事看了表示壓力山大想拔刀...

其實(shí)我們可以利用開(kāi)發(fā)熟悉的技術(shù)術(shù)語(yǔ)、代碼邏輯來(lái)闡述交互說(shuō)明，使開(kāi)發(fā)對(duì)交互說(shuō)明有更加直觀的理解，比如if else邏輯、switch case邏輯、數(shù)據(jù)庫(kù)標(biāo)識(shí)字段。

1. if else ：

一種判斷邏輯，根據(jù)判斷條件正確與錯(cuò)誤來(lái)執(zhí)行對(duì)應(yīng)的操作。它可以更直觀地表達(dá)邏輯關(guān)系，更利于開(kāi)發(fā)同事的理解。比如用戶登錄的多邏輯說(shuō)明，可以這么寫(xiě)：

2. switch case：

一種選擇邏輯，根據(jù)選擇項(xiàng)執(zhí)行對(duì)應(yīng)的操作。比如根據(jù)用戶投入鈔票的面值，決定可選擇的商品類型。

「default」是容易疏忽的選項(xiàng)：匹配不存在時(shí)做的事情。比如上面的例子，若是用戶投了1元，或者投了一張紙?jiān)趺崔k？這是就需要「default」的處理了。

3. 用數(shù)據(jù)庫(kù)標(biāo)識(shí)字段

另外，一些「動(dòng)態(tài)參數(shù)」用數(shù)據(jù)庫(kù)里的字段名稱來(lái)標(biāo)記也是一個(gè)不錯(cuò)的選擇。比如：「用戶」，在數(shù)據(jù)庫(kù)里的儲(chǔ)存字段是 #UserName#，用它來(lái)代替交互說(shuō)明里的動(dòng)態(tài)參數(shù)，可以提升開(kāi)發(fā)的理解效率。

怎么知道每個(gè)字段對(duì)應(yīng)數(shù)據(jù)庫(kù)的表達(dá)? 接口文檔：前端和后臺(tái)之間用來(lái)傳輸信息的文檔，那里既有數(shù)據(jù)庫(kù)的表達(dá)，也有對(duì)應(yīng)的中文描述。

注：以上例子來(lái)自-唐韌《產(chǎn)品經(jīng)理必懂的技術(shù)那點(diǎn)事兒》

只寫(xiě)最重要的

密密麻麻的文字說(shuō)明，是早期交互設(shè)計(jì)師比較常見(jiàn)的「毛病」。

一是列全所有說(shuō)明，可以減少被diss「考慮不周到」的可能；二是間接證明自己的專業(yè)能力。

但是！交互說(shuō)明畢竟是要給人看的，堆積的文字誰(shuí)看得下去？？只會(huì)帶來(lái)額外的閱讀壓力和極高的理解成本，交互設(shè)計(jì)師修改起來(lái)也麻煩。

一倆個(gè)頁(yè)面還好，多個(gè)頁(yè)面都是這樣的說(shuō)明，開(kāi)發(fā)沒(méi)約你「一起去爬山」就不錯(cuò)了。

所以個(gè)人覺(jué)得，只針對(duì)有異常狀態(tài)、特殊交互、分支流程、關(guān)鍵節(jié)點(diǎn)等特殊地方進(jìn)行說(shuō)明即可。

對(duì)于一些常識(shí)性、無(wú)異常點(diǎn)的地方就不用寫(xiě)了。無(wú)特別需交代的地方，寫(xiě)了只會(huì)讓開(kāi)發(fā)產(chǎn)生懷疑：這個(gè)地方是不是在特殊交互？

它只是個(gè)「黑板報(bào)」

不要幻想單憑一份交互說(shuō)明，就能讓開(kāi)發(fā)完全、正確明白你的想法，那幾乎是不可能的事。

在我看來(lái)，交互說(shuō)明只是個(gè)和開(kāi)發(fā)傳達(dá)內(nèi)容的黑板報(bào)，一個(gè)溝通工具。

想讓開(kāi)發(fā)真正理解你的交互說(shuō)明、方案邏輯等，還是得基于黑板報(bào)上的內(nèi)容，親自與開(kāi)發(fā)溝通對(duì)齊。這樣才能確定方案的有效性、實(shí)現(xiàn)難度、是否有需要調(diào)整的內(nèi)容等，讓雙方的想法保持對(duì)齊。

前期與開(kāi)發(fā)溝通清楚了，后面交互說(shuō)明可以起到一個(gè)「回顧、確定」的作用。

而對(duì)齊的方式可以是交互評(píng)審會(huì)、工位口述、電話溝通等。只要目的能讓開(kāi)發(fā)理解你的交互稿，對(duì)齊形式可自主調(diào)整。

按模塊來(lái)展示說(shuō)明

這個(gè)「模塊」有2層意思：

一是類似于「內(nèi)容組件」：對(duì)于重復(fù)性強(qiáng)、出現(xiàn)頻率高的內(nèi)容，設(shè)置一個(gè)模板內(nèi)容及說(shuō)明即可。

對(duì)于重復(fù)出現(xiàn)的地方，直接代替過(guò)去就行，能夠大幅度減少交互設(shè)計(jì)師的工作量，開(kāi)發(fā)也方便理解。

二是分頁(yè)面/位置來(lái)展示：

當(dāng)整體交互原型較多時(shí)，沒(méi)必要全都鋪在同一個(gè)頁(yè)面進(jìn)行展示說(shuō)明，會(huì)顯得整體頁(yè)面很臃腫、瀏覽起來(lái)比較費(fèi)力（尤其是文件很大時(shí)）。

可以嘗試：?jiǎn)为?dú)展示某個(gè)模塊、分支流程、場(chǎng)景等下的交互稿。小而聚集，內(nèi)容更精簡(jiǎn)、理解更方便。

若各模塊/分支流程/場(chǎng)景中的交互稿存在一定的關(guān)聯(lián)性，可以先弄成一張總體性的「概覽圖」，再去單獨(dú)展示。

讓開(kāi)發(fā)知道整體方案之間的關(guān)系、又能了解各個(gè)細(xì)分方案里的交互說(shuō)明。

建立交互說(shuō)明庫(kù)

像一些常見(jiàn)、使用頻率較高的說(shuō)明，完全可以建立起一個(gè)「交互說(shuō)明庫(kù)」。

• 一是方便自己及時(shí)調(diào)取，節(jié)省時(shí)間與精力。
• 二能統(tǒng)一你的交互說(shuō)明風(fēng)格，減少開(kāi)發(fā)的理解成本，也能提現(xiàn)出你的專業(yè)素養(yǎng)。

真實(shí)的數(shù)據(jù)展示

想必這個(gè)大家都知道，隨便性地舉例、描述數(shù)據(jù)，會(huì)讓開(kāi)發(fā)對(duì)內(nèi)容的真實(shí)性、有效性、邏輯關(guān)系等產(chǎn)生懷疑。

比如以下哪個(gè)「發(fā)文數(shù)」，更容易讓人理解與「啟用數(shù)、啟用率」之間的邏輯關(guān)系？

為了減少這種誤解，還是用最新、真實(shí)合理、上線數(shù)據(jù)等進(jìn)行描述。

如果在會(huì)議上讓leader、boss對(duì)這些數(shù)據(jù)/內(nèi)容提出了疑問(wèn)，就丟大發(fā)了，也會(huì)讓同事質(zhì)疑你的基礎(chǔ)能力、責(zé)任心。

復(fù)雜說(shuō)明另外展示

交互稿里總有一些比較復(fù)雜、難以文字來(lái)說(shuō)明的想法，像是一些動(dòng)效、狀態(tài)、流程演示等。對(duì)于這一些比較復(fù)雜的說(shuō)明，完全可以用demo演示、視頻、gif圖等形式來(lái)演示你的想法，讓你的說(shuō)明更加可觀性。

像一些按鈕或功能存在多種狀態(tài)時(shí)，也可以「表格/列表」的方式進(jìn)行展示。

有更改及時(shí)告知

除了以上情況外，若交互原型有了調(diào)整（包括交互說(shuō)明），一定要與團(tuán)隊(duì)成員告知?。〔⑻崾拘薷奈恢茫ㄔ谀膫€(gè)頁(yè)面）。否則產(chǎn)品、前端、后臺(tái)、測(cè)試等同事的相關(guān)想法、工作會(huì)停留在上個(gè)交互稿里。

別因?yàn)樾畔](méi)對(duì)齊而造成了不良影響。就算改了一處小東西，也盡量和同步一下。

好的心態(tài)

最后想說(shuō)一句，沒(méi)有人百分百、完完全全顧慮到所有細(xì)節(jié)和場(chǎng)景，即使你完全地走查了一遍甚至好幾遍...
但由于不同角色的職業(yè)視角、預(yù)覽目的、經(jīng)驗(yàn)想法等都會(huì)提出新的疑問(wèn)、挑戰(zhàn)你的方案說(shuō)明。

這是很正常的事~

更何況，在方案沒(méi)對(duì)齊前，交互稿（包括交互說(shuō)明）上都存在太多的未知性、待優(yōu)化點(diǎn)。即使當(dāng)前階段確定了所有的細(xì)節(jié)與場(chǎng)景，隨著方案時(shí)間的推進(jìn)，后續(xù)總有新的想法、遺漏點(diǎn)、優(yōu)化點(diǎn)涌現(xiàn)出來(lái)，那些我們覺(jué)得的「完全OK的方案說(shuō)明」，也都變成了「過(guò)去式」...

我們要做的，必須是多聽(tīng)聽(tīng)多方視角的聲音，并尊重、虛心接受他人的意見(jiàn)，而不是抱怨自己為啥考慮不周全、停留在原地鉆牛角尖。

結(jié)語(yǔ)

好了，以上就是個(gè)人平時(shí)寫(xiě)交互說(shuō)明的一些感悟，完全是處于個(gè)人習(xí)慣和主觀經(jīng)驗(yàn)得來(lái)的，可能不太對(duì)，請(qǐng)多指教~

歡迎關(guān)注作者的微信公眾號(hào)：「和出此嚴(yán)」