在設(she)計(ji)(ji)(ji)過程中(zhong)，我們常常需要去思(si)考和(he)審(shen)查(cha)我們的(de)設(she)計(ji)(ji)(ji)是(shi)否是(shi)一個(ge)好的(de)設(she)計(ji)(ji)(ji)，在文章(zhang)中(zhong)，作者提(ti)供了(le)一個(ge)去思(si)考和(he)審(shen)查(cha)設(she)計(ji)(ji)(ji)稿的(de)框(kuang)架(jia)，這(zhe)個(ge)框(kuang)架(jia)不僅還能讓(rang)設(she)計(ji)(ji)(ji)思(si)路更加清(qing)晰，可(ke)以彌補(bu)設(she)計(ji)(ji)(ji)漏洞和(he)邏輯錯誤。一起來(lai)看(kan)(kan)看(kan)(kan)~怎么才算一個(ge)好的(de)交(jiao)互設(she)計(ji)(ji)(ji)？空(kong)泛地回答，可(ke)以說滿足用戶行為需求的(de)設(she)計(ji)(ji)(ji)就是(shi)一個(ge)好的(de)設(she)計(ji)(ji)(ji)；更具體(ti)地可(ke)以說，就是(shi)符合可(ke)用性原則的(de)設(she)計(ji)(ji)(ji)，即易(yi)用、易(yi)學、高效、容錯等(deng)等(deng)。

當然這(zhe)些(xie)答案(an)都(dou)是正(zheng)確的，但是前者(zhe)由于太抽象，以(yi)至于并不(bu)能運用于設計(ji)實踐當中(zhong)，而(er)后者(zhe)卻是提(ti)出了(le)一大(da)堆原則和概(gai)念，并不(bu)是一套(tao)嚴密的邏輯，這(zhe)種思(si)維是松散的，難免出現漏洞。

要回答這個問題，可以先(xian)把交互(hu)設計(ji)(ji)分幾個層次(ci)。眾(zhong)所周知，用(yong)戶(hu)體驗可分為五要素：戰略(lve)層、范(fan)(fan)圍層、結(jie)(jie)構(gou)層、框(kuang)架(jia)層、表(biao)現層。而交互(hu)設計(ji)(ji)則橫跨了用(yong)戶(hu)體驗的(de)(de)后三(san)層，即結(jie)(jie)構(gou)層、框(kuang)架(jia)層和表(biao)現層。在結(jie)(jie)構(gou)層的(de)(de)交互(hu)設計(ji)(ji)由于更(geng)加接近(jin)范(fan)(fan)圍層，其思考(kao)的(de)(de)出(chu)發點往(wang)(wang)(wang)往(wang)(wang)(wang)會更(geng)多地考(kao)慮業務上(shang)(shang)的(de)(de)東西。而事實上(shang)(shang)，也是(shi)有了。產品的(de)(de)結(jie)(jie)構(gou)往(wang)(wang)(wang)往(wang)(wang)(wang)會因(yin)一個新的(de)(de)功能上(shang)(shang)線而改變，而改變的(de)(de)原因(yin)往(wang)(wang)(wang)往(wang)(wang)(wang)是(shi)來自業務上(shang)(shang)的(de)(de)需求(qiu)，而非用(yong)戶(hu)需求(qiu)。

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

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

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

我們必須回答這些(xie)問題：用(yong)戶可(ke)能需要(yao)(yao)什么信(xin)息(xi)？這些(xie)信(xin)息(xi)的特征是什么，重要(yao)(yao)的？必要(yao)(yao)的？首要(yao)(yao)的？我應該(gai)保(bao)留還是舍(she)棄(qi)這些(xie)信(xin)息(xi)？

難點就在(zai)于，有很多信息(xi)都不是非(fei)黑即白的(de)邏輯，存在(zai)著很多無棱(leng)兩可的(de)情況。其次，設計者可能完全沒有考慮到用(yong)戶需要信息(xi)的(de)情況。

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

2.1 內容的狀態(tai)

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

2.2 外部(bu)環境的狀態

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

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

2.3 用戶的狀態

用(yong)戶的狀(zhuang)態(tai)非常多(duo)樣，包括心理(li)(li)、生(sheng)理(li)(li)、行為、情緒(xu)等等而且(qie)與外部環境息(xi)息(xi)相(xiang)關。要預(yu)判到用(yong)戶的狀(zhuang)態(tai)是一(yi)件(jian)極其(qi)困(kun)難(nan)的事(shi)情。盡管如此，也不能放棄(qi)對(dui)其(qi)的思考。

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

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

而(er)我們要做(zuo)的(de)(de)(de)不是(shi)刻板得遵循這些原則，而(er)是(shi)結合具體(ti)情況合理(li)分(fen)析，這也(ye)(ye)是(shi)我想說的(de)(de)(de)第四(si)點(dian)。4. 邏(luo)輯(ji)的(de)(de)(de)合理(li)性邏(luo)輯(ji)的(de)(de)(de)合理(li)性是(shi)貫穿(chuan)于以(yi)上三(san)點(dian)的(de)(de)(de)，它是(shi)一個(ge)設(she)計(ji)能(neng)否成立(li)的(de)(de)(de)根本(ben)立(li)足點(dian)。而(er)邏(luo)輯(ji)建立(li)的(de)(de)(de)前提是(shi)充(chong)足的(de)(de)(de)客(ke)觀(guan)事實(shi)，也(ye)(ye)就是(shi)設(she)計(ji)調(diao)研。通(tong)過調(diao)研達到用(yong)(yong)戶(hu)需求的(de)(de)(de)洞察，建立(li)起(qi)一套自洽的(de)(de)(de)邏(luo)輯(ji)體(ti)系，進而(er)能(neng)作(zuo)為設(she)計(ji)的(de)(de)(de)依(yi)據。例如：以(yi)音樂(le)APP為例，用(yong)(yong)戶(hu)經(jing)常在(zai)車上聽歌，然而(er)車上的(de)(de)(de)環(huan)境(jing)與平時的(de)(de)(de)環(huan)境(jing)是(shi)不一樣的(de)(de)(de)（用(yong)(yong)戶(hu)注意(yi)力不在(zai)手機(ji)上、用(yong)(yong)戶(hu)不能(neng)方(fang)便操作(zuo)手機(ji)……），因(yin)此要為這一狀態(tai)做(zuo)一個(ge)新的(de)(de)(de)設(she)計(ji)。

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