在(zai)設(she)計(ji)(ji)(ji)過程中，我(wo)們(men)常常需要去(qu)思(si)考(kao)和(he)審查我(wo)們(men)的(de)設(she)計(ji)(ji)(ji)是(shi)(shi)否是(shi)(shi)一(yi)(yi)個(ge)(ge)好的(de)設(she)計(ji)(ji)(ji)，在(zai)文章中，作(zuo)者提供了一(yi)(yi)個(ge)(ge)去(qu)思(si)考(kao)和(he)審查設(she)計(ji)(ji)(ji)稿(gao)的(de)框架，這個(ge)(ge)框架不僅(jin)還能(neng)讓設(she)計(ji)(ji)(ji)思(si)路更加清晰，可以彌補設(she)計(ji)(ji)(ji)漏洞和(he)邏輯錯誤。一(yi)(yi)起來看看~怎么(me)才(cai)算(suan)一(yi)(yi)個(ge)(ge)好的(de)交互設(she)計(ji)(ji)(ji)？空(kong)泛地回答，可以說滿足用(yong)戶行為(wei)需求(qiu)的(de)設(she)計(ji)(ji)(ji)就是(shi)(shi)一(yi)(yi)個(ge)(ge)好的(de)設(she)計(ji)(ji)(ji)；更具體地可以說，就是(shi)(shi)符合可用(yong)性(xing)原則的(de)設(she)計(ji)(ji)(ji)，即易(yi)用(yong)、易(yi)學、高效、容(rong)錯等等。

當然這些答案(an)都是正確的(de)，但是前者由于(yu)(yu)太抽象(xiang)，以至于(yu)(yu)并(bing)不(bu)能運(yun)用于(yu)(yu)設計實踐當中(zhong)，而(er)后者卻是提(ti)出(chu)了一大堆原(yuan)則和概念，并(bing)不(bu)是一套嚴密的(de)邏輯，這種(zhong)思維是松散(san)的(de)，難免出(chu)現漏洞(dong)。

要回答這(zhe)個問題(ti)，可(ke)以先(xian)把(ba)交互(hu)設(she)計(ji)分(fen)幾(ji)個層(ceng)(ceng)次(ci)。眾所(suo)周知，用(yong)(yong)戶體驗(yan)可(ke)分(fen)為五要素(su)：戰(zhan)略層(ceng)(ceng)、范圍(wei)層(ceng)(ceng)、結(jie)構層(ceng)(ceng)、框(kuang)架層(ceng)(ceng)、表現層(ceng)(ceng)。而交互(hu)設(she)計(ji)則橫(heng)跨(kua)了(le)用(yong)(yong)戶體驗(yan)的(de)(de)(de)后三層(ceng)(ceng)，即結(jie)構層(ceng)(ceng)、框(kuang)架層(ceng)(ceng)和表現層(ceng)(ceng)。在結(jie)構層(ceng)(ceng)的(de)(de)(de)交互(hu)設(she)計(ji)由于更(geng)(geng)加接近范圍(wei)層(ceng)(ceng)，其(qi)思(si)考(kao)(kao)的(de)(de)(de)出發(fa)點往(wang)往(wang)會更(geng)(geng)多地考(kao)(kao)慮業務(wu)上的(de)(de)(de)東西。而事實上，也(ye)是(shi)有了(le)。產品的(de)(de)(de)結(jie)構往(wang)往(wang)會因(yin)一個新的(de)(de)(de)功能上線而改變，而改變的(de)(de)(de)原因(yin)往(wang)往(wang)是(shi)來自(zi)業務(wu)上的(de)(de)(de)需(xu)求，而非(fei)用(yong)(yong)戶需(xu)求。

而好的(de)交互設計就是(shi)在業務邏(luo)輯不會(hui)畸變的(de)前(qian)提下盡可能地為用戶(hu)的(de)行(xing)為邏(luo)輯爭取話語(yu)權(quan)，比如(ru)：微(wei)信的(de)朋友(you)圈(quan)廣告就比那種在啟動頁打廣告的(de)方法(fa)高明得多。

由(you)于這層面的(de)交互(hu)(hu)設(she)計(ji)與(yu)業務需求息息相關，脫離具(ju)體(ti)產品再細致地(di)定(ding)義好的(de)交互(hu)(hu)與(yu)不好的(de)就是耍流氓(mang)，所以(yi)只能點到即止。感(gan)興趣的(de)朋友可以(yi)翻閱我之前的(de)文章，有(you)針對具(ju)體(ti)的(de)產品的(de)分析。在框架層的(de)交互(hu)(hu)設(she)計(ji)這部分的(de)交互(hu)(hu)設(she)計(ji)對應到設(she)計(ji)流程上(shang)就是界面原(yuan)型設(she)計(ji)，也是職(zhi)場上(shang)大多數交互(hu)(hu)設(she)計(ji)師的(de)主要工作任務。

筆者更具自身經驗，總結(jie)了以下(xia)四點去(qu)衡量設(she)計的(de)(de)好壞：信(xin)(xin)息(xi)的(de)(de)可(ke)尋(xun)(xun)性、狀態的(de)(de)完(wan)備性、操作(zuo)的(de)(de)便捷性和邏輯的(de)(de)合理性。1. 信(xin)(xin)息(xi)的(de)(de)可(ke)尋(xun)(xun)性信(xin)(xin)息(xi)的(de)(de)可(ke)尋(xun)(xun)性就(jiu)是在界面上應給呈現(xian)出用(yong)戶想要的(de)(de)信(xin)(xin)息(xi)，比如：一個打(da)(da)車(che)軟件(jian)，我需要始發地(di)、目的(de)(de)地(di)、耗時、價錢等(deng)信(xin)(xin)息(xi)，缺少任何(he)一個信(xin)(xin)息(xi)打(da)(da)車(che)流程都可(ke)能(neng)無法(fa)繼續。

 我(wo)們必須回答這些問題：用戶(hu)可能需要什(shen)么(me)信息？這些信息的(de)特征是什(shen)么(me)，重要的(de)？必要的(de)？首要的(de)？我(wo)應該保留還(huan)是舍(she)棄這些信息？

難點(dian)就(jiu)在于，有(you)很多(duo)信息都不是非黑即(ji)白(bai)的邏輯，存(cun)在著(zhu)很多(duo)無棱兩可的情況(kuang)。其次，設計者可能完全沒有(you)考(kao)慮到用戶需要(yao)信息的情況(kuang)。

這也(ye)是我將要(yao)說(shuo)的(de)(de)(de)第二點，狀態(tai)(tai)的(de)(de)(de)完備(bei)性。2. 狀態(tai)(tai)的(de)(de)(de)完備(bei)性狀態(tai)(tai)的(de)(de)(de)是否完備(bei)最(zui)能體現設計是否嚴密(mi)，也(ye)是最(zui)容(rong)易被人忽(hu)略的(de)(de)(de)環節。一般(ban)來說(shuo)，狀態(tai)(tai)可以(yi)分為(wei)三種：內容(rong)（即(ji)信息(xi)）的(de)(de)(de)狀態(tai)(tai)、外部環境的(de)(de)(de)狀態(tai)(tai)、用戶的(de)(de)(de)狀態(tai)(tai)。

2.1 內容(rong)的狀態

內容的(de)(de)(de)狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)可分為：空(kong)白狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、初始狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、加載中(zhong)、一(yi)般狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、極限(xian)狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、成功(gong)狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、錯誤狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)、完成狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)。一(yi)般來說原型設計都需(xu)要考慮這(zhe)些狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)，當(dang)然不同(tong)的(de)(de)(de)應用也存(cun)在著一(yi)些比(bi)較特殊的(de)(de)(de)狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)，比(bi)如聊天應用的(de)(de)(de)高亮狀(zhuang)(zhuang)(zhuang)(zhuang)態(tai)(tai)(tai)等(deng)等(deng)。而這(zhe)通常與任務(wu)流程(cheng)緊密(mi)相連，一(yi)般都是優先考慮。

2.2 外部環(huan)境(jing)的狀態

外部(bu)環境的(de)狀態，其實就是(shi)指(zhi)用(yong)(yong)戶所處(chu)的(de)環境的(de)特征。以一個音樂APP為例：用(yong)(yong)戶經常在車上聽歌，于(yu)是(shi)就有了車載模(mo)(mo)式；用(yong)(yong)戶經常在深夜(ye)聽歌，于(yu)是(shi)就與了夜(ye)間模(mo)(mo)式；用(yong)(yong)戶在大多情況下都(dou)不(bu)能(neng)使(shi)用(yong)(yong)WiFi，所以就有了離(li)線模(mo)(mo)式。

正(zheng)因為對用(yong)戶所(suo)在的(de)各種環境有著正(zheng)確的(de)理解(jie)，才能使用(yong)戶聽歌的(de)體驗無縫連接(jie)。

2.3 用戶的狀態

用戶(hu)的(de)狀態非常多樣，包括(kuo)心理(li)、生理(li)、行(xing)為、情(qing)緒(xu)等(deng)等(deng)而且與外部環境息息相關。要預(yu)判到用戶(hu)的(de)狀態是一(yi)件極其困難的(de)事情(qing)。盡管如此(ci)，也(ye)不(bu)能放棄對其的(de)思考。

比如：再以音(yin)(yin)樂APP為例，通過定位和時間，檢測到用戶(hu)在(zai)一(yi)個法定節假(jia)日內(nei)出(chu)了一(yi)次遠門，可以預判他(ta)在(zai)旅游，就可以推送一(yi)些歡(huan)快的(de)適合旅行的(de)音(yin)(yin)樂給他(ta)，盡管概(gai)率(lv)不高，但一(yi)旦擊中便(bian)有情感倍增的(de)效果。（當然，這已經是范(fan)圍層的(de)內(nei)容。）

而(er)由(you)于時(shi)間資(zi)源是有限的(de)(de)，對于一(yi)(yi)個初次誕生的(de)(de)產品(pin)來(lai)說不能完整地考慮(lv)到每(mei)種(zhong)狀(zhuang)(zhuang)態(tai)是非常正(zheng)常的(de)(de)事(shi)情(qing)(qing)。這(zhe)(zhe)時(shi)候就(jiu)(jiu)需要設計者權衡(heng)狀(zhuang)(zhuang)態(tai)的(de)(de)優先級(ji)，這(zhe)(zhe)也是一(yi)(yi)門(men)考功夫(fu)的(de)(de)事(shi)情(qing)(qing)。而(er)隨著產品(pin)的(de)(de)迭代，各(ge)種(zhong)狀(zhuang)(zhuang)態(tai)也應(ying)該被逐步完善，將用戶(hu)體驗貫(guan)徹到每(mei)一(yi)(yi)個細節(jie)上。3. 操(cao)作(zuo)的(de)(de)便捷(jie)性操(cao)作(zuo)的(de)(de)便捷(jie)性其實(shi)就(jiu)(jiu)是指產品(pin)的(de)(de)可(ke)用性，這(zhe)(zhe)部(bu)分的(de)(de)方法和(he)原(yuan)(yuan)(yuan)則(ze)(ze)(ze)都(dou)非常常見，比如(ru)：尼(ni)爾森(sen)的(de)(de)十大可(ke)用性原(yuan)(yuan)(yuan)則(ze)(ze)(ze)（一(yi)(yi)致、高效、易取(qu)、可(ke)見……）、唐諾曼所提出的(de)(de)化繁為簡(jian)七原(yuan)(yuan)(yuan)則(ze)(ze)(ze)，交(jiao)互(hu)設計的(de)(de)七大定(ding)律（菲(fei)茲(zi)定(ding)律、7± 2 定(ding)律……），交(jiao)互(hu)設計四策略（刪除(chu)、組合(he)、轉移、隱(yin)藏）等(deng)等(deng)。

而我們要做(zuo)的(de)(de)(de)(de)不(bu)(bu)(bu)是(shi)(shi)刻板(ban)得遵(zun)循這(zhe)些原則，而是(shi)(shi)結合具體情況合理分(fen)析，這(zhe)也是(shi)(shi)我想說的(de)(de)(de)(de)第四點(dian)。4. 邏(luo)輯(ji)的(de)(de)(de)(de)合理性(xing)邏(luo)輯(ji)的(de)(de)(de)(de)合理性(xing)是(shi)(shi)貫穿于以(yi)上(shang)(shang)三點(dian)的(de)(de)(de)(de)，它(ta)是(shi)(shi)一(yi)(yi)個(ge)設(she)(she)計(ji)能否(fou)成立(li)(li)的(de)(de)(de)(de)根本(ben)立(li)(li)足點(dian)。而邏(luo)輯(ji)建立(li)(li)的(de)(de)(de)(de)前提是(shi)(shi)充(chong)足的(de)(de)(de)(de)客觀事實，也就是(shi)(shi)設(she)(she)計(ji)調(diao)研。通過調(diao)研達(da)到(dao)用戶需求的(de)(de)(de)(de)洞(dong)察，建立(li)(li)起一(yi)(yi)套自(zi)洽的(de)(de)(de)(de)邏(luo)輯(ji)體系，進而能作(zuo)為(wei)設(she)(she)計(ji)的(de)(de)(de)(de)依據。例(li)如：以(yi)音樂APP為(wei)例(li)，用戶經(jing)常(chang)在(zai)車(che)上(shang)(shang)聽(ting)歌，然而車(che)上(shang)(shang)的(de)(de)(de)(de)環境與平(ping)時的(de)(de)(de)(de)環境是(shi)(shi)不(bu)(bu)(bu)一(yi)(yi)樣的(de)(de)(de)(de)（用戶注意力不(bu)(bu)(bu)在(zai)手(shou)機(ji)上(shang)(shang)、用戶不(bu)(bu)(bu)能方便(bian)操作(zuo)手(shou)機(ji)……），因此(ci)要為(wei)這(zhe)一(yi)(yi)狀態(tai)做(zuo)一(yi)(yi)個(ge)新的(de)(de)(de)(de)設(she)(she)計(ji)。

在(zai)信(xin)息(xi)的(de)(de)可(ke)尋性上，為了(le)讓用(yong)戶(hu)(hu)(hu)專注駕(jia)駛(shi)，信(xin)息(xi)要(yao)盡量地(di)縮減，剩下(xia)最(zui)基本的(de)(de)歌名、開始/暫停(ting)、上一(yi)首、下(xia)一(yi)首。而在(zai)操作(zuo)(zuo)的(de)(de)便捷(jie)性上，為了(le)讓用(yong)戶(hu)(hu)(hu)更(geng)方便操作(zuo)(zuo)，按(an)鈕會(hui)做得更(geng)大(da)，同時(shi)為了(le)讓用(yong)戶(hu)(hu)(hu)的(de)(de)視(shi)線不切換到手(shou)機上，增加了(le)非(fei)觸屏(ping)的(de)(de)操作(zuo)(zuo)（搖(yao)一(yi)搖(yao)切歌）。在(zai)表(biao)現層(ceng)(ceng)的(de)(de)交互設(she)計(ji)(ji)在(zai)表(biao)現層(ceng)(ceng)上，主要(yao)是視(shi)覺設(she)計(ji)(ji)的(de)(de)活，而交互設(she)計(ji)(ji)主要(yao)是負(fu)責(ze)信(xin)息(xi)的(de)(de)可(ke)達(da)(da)性。可(ke)尋性決(jue)定了(le)信(xin)息(xi)的(de)(de)有無(wu)，而可(ke)達(da)(da)性決(jue)定了(le)信(xin)息(xi)的(de)(de)效率，這就(jiu)涉(she)及(ji)了(le)界面的(de)(de)布(bu)局(ju)、順序、層(ceng)(ceng)次(ci)等。