認識酷森、了解酷森、選擇酷森
互聯酷之道 企業森動力
chinaweld.net
在(zai)設(she)(she)(she)計過程中,我(wo)們常(chang)常(chang)需(xu)要去(qu)思(si)(si)考(kao)和審(shen)查我(wo)們的(de)(de)設(she)(she)(she)計是(shi)否是(shi)一(yi)個好(hao)的(de)(de)設(she)(she)(she)計,在(zai)文(wen)章中,作者提供了(le)一(yi)個去(qu)思(si)(si)考(kao)和審(shen)查設(she)(she)(she)計稿(gao)的(de)(de)框架,這個框架不僅還能(neng)讓設(she)(she)(she)計思(si)(si)路(lu)更加清晰(xi),可(ke)以(yi)彌補設(she)(she)(she)計漏洞和邏輯錯(cuo)誤。一(yi)起來看看~怎(zen)么才算一(yi)個好(hao)的(de)(de)交互設(she)(she)(she)計?空泛地回(hui)答(da),可(ke)以(yi)說滿足用(yong)戶行為需(xu)求(qiu)的(de)(de)設(she)(she)(she)計就是(shi)一(yi)個好(hao)的(de)(de)設(she)(she)(she)計;更具體地可(ke)以(yi)說,就是(shi)符合(he)可(ke)用(yong)性原則的(de)(de)設(she)(she)(she)計,即易用(yong)、易學、高(gao)效、容(rong)錯(cuo)等(deng)(deng)等(deng)(deng)。
當然這(zhe)些答案(an)都是(shi)(shi)正確的,但是(shi)(shi)前者由于(yu)(yu)太抽象,以至于(yu)(yu)并(bing)不(bu)能運用于(yu)(yu)設計實(shi)踐(jian)當中,而后(hou)者卻是(shi)(shi)提出(chu)了一(yi)大堆原則(ze)和(he)概念,并(bing)不(bu)是(shi)(shi)一(yi)套(tao)嚴密的邏(luo)輯(ji),這(zhe)種思維是(shi)(shi)松散的,難免出(chu)現漏(lou)洞。
要(yao)回答(da)這個(ge)(ge)問(wen)題,可以(yi)先把交互(hu)設計(ji)(ji)分幾個(ge)(ge)層(ceng)(ceng)(ceng)次。眾(zhong)所周知,用(yong)戶(hu)體(ti)(ti)驗可分為五要(yao)素:戰略層(ceng)(ceng)(ceng)、范(fan)圍(wei)層(ceng)(ceng)(ceng)、結(jie)構(gou)層(ceng)(ceng)(ceng)、框架(jia)層(ceng)(ceng)(ceng)、表(biao)現層(ceng)(ceng)(ceng)。而交互(hu)設計(ji)(ji)則橫(heng)跨了用(yong)戶(hu)體(ti)(ti)驗的(de)后三層(ceng)(ceng)(ceng),即結(jie)構(gou)層(ceng)(ceng)(ceng)、框架(jia)層(ceng)(ceng)(ceng)和(he)表(biao)現層(ceng)(ceng)(ceng)。在結(jie)構(gou)層(ceng)(ceng)(ceng)的(de)交互(hu)設計(ji)(ji)由(you)于(yu)更(geng)加接近范(fan)圍(wei)層(ceng)(ceng)(ceng),其思考(kao)的(de)出發點往(wang)(wang)(wang)往(wang)(wang)(wang)會(hui)更(geng)多地考(kao)慮業務(wu)上(shang)(shang)的(de)東西。而事(shi)實上(shang)(shang),也是有了。產(chan)品的(de)結(jie)構(gou)往(wang)(wang)(wang)往(wang)(wang)(wang)會(hui)因一(yi)個(ge)(ge)新的(de)功能上(shang)(shang)線而改(gai)(gai)變(bian),而改(gai)(gai)變(bian)的(de)原因往(wang)(wang)(wang)往(wang)(wang)(wang)是來自業務(wu)上(shang)(shang)的(de)需求,而非用(yong)戶(hu)需求。
而好的交互設計就(jiu)是在業務邏(luo)輯不會畸(ji)變的前提下盡可能地為用戶的行(xing)為邏(luo)輯爭取話語權(quan),比(bi)如:微信的朋友(you)圈廣告就(jiu)比(bi)那種在啟動頁打廣告的方(fang)法高明(ming)得多。
由(you)于這層面的(de)交(jiao)(jiao)(jiao)互(hu)(hu)設(she)計(ji)與業務(wu)需(xu)求息息相關(guan),脫離具體(ti)產品再細致地(di)定義好(hao)的(de)交(jiao)(jiao)(jiao)互(hu)(hu)與不好(hao)的(de)就是耍(shua)流氓,所以只能點(dian)到即(ji)止(zhi)。感興趣的(de)朋友(you)可以翻閱(yue)我之前的(de)文章,有針對(dui)具體(ti)的(de)產品的(de)分析。在(zai)框架(jia)層的(de)交(jiao)(jiao)(jiao)互(hu)(hu)設(she)計(ji)這部(bu)分的(de)交(jiao)(jiao)(jiao)互(hu)(hu)設(she)計(ji)對(dui)應到設(she)計(ji)流程上就是界(jie)面原型設(she)計(ji),也是職場(chang)上大多數交(jiao)(jiao)(jiao)互(hu)(hu)設(she)計(ji)師的(de)主要工作任務(wu)。
筆者更(geng)具自身經驗,總(zong)結了以下四點去(qu)衡量設計的(de)(de)(de)好壞:信(xin)息(xi)(xi)的(de)(de)(de)可(ke)(ke)尋性(xing)(xing)(xing)(xing)、狀態的(de)(de)(de)完備(bei)性(xing)(xing)(xing)(xing)、操作的(de)(de)(de)便捷性(xing)(xing)(xing)(xing)和邏輯的(de)(de)(de)合理性(xing)(xing)(xing)(xing)。1. 信(xin)息(xi)(xi)的(de)(de)(de)可(ke)(ke)尋性(xing)(xing)(xing)(xing)信(xin)息(xi)(xi)的(de)(de)(de)可(ke)(ke)尋性(xing)(xing)(xing)(xing)就是(shi)在(zai)界面上應給呈(cheng)現出用戶想要(yao)的(de)(de)(de)信(xin)息(xi)(xi),比如:一個打車軟(ruan)件,我需要(yao)始發地、目的(de)(de)(de)地、耗時、價錢等信(xin)息(xi)(xi),缺少任何一個信(xin)息(xi)(xi)打車流程都可(ke)(ke)能無法繼續。
我們(men)必須回答這些(xie)問題:用(yong)戶可能需(xu)要(yao)什(shen)么信(xin)息(xi)(xi)?這些(xie)信(xin)息(xi)(xi)的(de)特征是(shi)(shi)什(shen)么,重要(yao)的(de)?必要(yao)的(de)?首要(yao)的(de)?我應(ying)該保留還是(shi)(shi)舍棄(qi)這些(xie)信(xin)息(xi)(xi)?
難點就在于,有很多信(xin)息(xi)都不(bu)是(shi)非黑即(ji)白(bai)的邏輯,存在著(zhu)很多無棱兩可的情況。其(qi)次(ci),設計者可能完全沒有考慮到用戶需要信(xin)息(xi)的情況。
這(zhe)也(ye)是我將(jiang)要說(shuo)(shuo)的(de)第(di)二點,狀(zhuang)態(tai)(tai)(tai)的(de)完備性。2. 狀(zhuang)態(tai)(tai)(tai)的(de)完備性狀(zhuang)態(tai)(tai)(tai)的(de)是否完備最能(neng)體(ti)現設計是否嚴密(mi),也(ye)是最容(rong)易被人忽略的(de)環節。一(yi)般來說(shuo)(shuo),狀(zhuang)態(tai)(tai)(tai)可(ke)以分為(wei)三種:內容(rong)(即信息)的(de)狀(zhuang)態(tai)(tai)(tai)、外(wai)部(bu)環境的(de)狀(zhuang)態(tai)(tai)(tai)、用戶的(de)狀(zhuang)態(tai)(tai)(tai)。
2.1 內(nei)容的狀態
內容(rong)的(de)狀(zhuang)(zhuang)(zhuang)態(tai)(tai)可分(fen)為:空白狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、初始狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、加載中、一般(ban)狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、極限狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、成(cheng)(cheng)功狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、錯誤狀(zhuang)(zhuang)(zhuang)態(tai)(tai)、完成(cheng)(cheng)狀(zhuang)(zhuang)(zhuang)態(tai)(tai)。一般(ban)來說原(yuan)型(xing)設計都需要考慮(lv)這些狀(zhuang)(zhuang)(zhuang)態(tai)(tai),當然不同的(de)應(ying)用也存在著(zhu)一些比較特殊的(de)狀(zhuang)(zhuang)(zhuang)態(tai)(tai),比如聊天應(ying)用的(de)高亮(liang)狀(zhuang)(zhuang)(zhuang)態(tai)(tai)等等。而這通常與任務流程緊密相連,一般(ban)都是優先考慮(lv)。
2.2 外部環(huan)境的狀態(tai)
外部環(huan)(huan)境的狀態,其實就(jiu)是指用(yong)戶所(suo)處的環(huan)(huan)境的特征。以(yi)一個音(yin)樂APP為例:用(yong)戶經常在(zai)車(che)上(shang)聽歌,于是就(jiu)有(you)了車(che)載模(mo)式;用(yong)戶經常在(zai)深夜(ye)聽歌,于是就(jiu)與了夜(ye)間(jian)模(mo)式;用(yong)戶在(zai)大多(duo)情況下都不(bu)能使用(yong)WiFi,所(suo)以(yi)就(jiu)有(you)了離(li)線模(mo)式。
正因(yin)為對用戶(hu)所(suo)在的(de)各種環境有著正確的(de)理解(jie),才能使(shi)用戶(hu)聽歌的(de)體驗(yan)無(wu)縫連接。
2.3 用戶的(de)狀態(tai)
用(yong)戶(hu)的(de)(de)狀態(tai)非(fei)常多樣,包括心(xin)理、生理、行為、情緒等等而且與外部環境息息相關(guan)。要預判(pan)到用(yong)戶(hu)的(de)(de)狀態(tai)是(shi)一件極其困難的(de)(de)事情。盡管如(ru)此,也不能放棄(qi)對其的(de)(de)思考(kao)。
比如:再以音樂(le)APP為(wei)例(li),通過定位和時(shi)間,檢(jian)測到用戶(hu)在(zai)一(yi)(yi)個法(fa)定節假日內出了一(yi)(yi)次(ci)遠門(men),可(ke)以預(yu)判他(ta)在(zai)旅游,就(jiu)可(ke)以推送一(yi)(yi)些歡快的適(shi)合旅行的音樂(le)給他(ta),盡管概率不高,但一(yi)(yi)旦擊中便有情感倍增的效(xiao)果。(當然,這已(yi)經是(shi)范(fan)圍層的內容(rong)。)
而(er)(er)由于(yu)時間資源是有(you)限的(de)(de),對于(yu)一(yi)(yi)個(ge)初次誕生的(de)(de)產(chan)品來(lai)說不(bu)能完整地考慮到每種狀(zhuang)態(tai)是非(fei)常(chang)正常(chang)的(de)(de)事情。這(zhe)(zhe)時候就需要設(she)計者權衡狀(zhuang)態(tai)的(de)(de)優先(xian)級,這(zhe)(zhe)也是一(yi)(yi)門(men)考功夫的(de)(de)事情。而(er)(er)隨(sui)著產(chan)品的(de)(de)迭代,各種狀(zhuang)態(tai)也應該被逐步完善,將用(yong)戶體驗貫徹(che)到每一(yi)(yi)個(ge)細節(jie)上(shang)。3. 操作(zuo)的(de)(de)便捷性(xing)操作(zuo)的(de)(de)便捷性(xing)其實就是指(zhi)產(chan)品的(de)(de)可(ke)用(yong)性(xing),這(zhe)(zhe)部分的(de)(de)方法和原則(ze)都非(fei)常(chang)常(chang)見(jian),比如:尼爾森的(de)(de)十(shi)大可(ke)用(yong)性(xing)原則(ze)(一(yi)(yi)致、高效、易取、可(ke)見(jian)……)、唐諾曼所提(ti)出(chu)的(de)(de)化繁為簡(jian)七(qi)原則(ze),交互設(she)計的(de)(de)七(qi)大定(ding)律(菲茲定(ding)律、7± 2 定(ding)律……),交互設(she)計四策(ce)略(刪除(chu)、組合(he)、轉(zhuan)移(yi)、隱藏)等等。
而(er)我們要做(zuo)的(de)(de)不(bu)(bu)(bu)是(shi)(shi)刻板得遵循這(zhe)些原則(ze),而(er)是(shi)(shi)結(jie)合(he)(he)具體情況(kuang)合(he)(he)理(li)分析,這(zhe)也是(shi)(shi)我想說(shuo)的(de)(de)第四點(dian)(dian)。4. 邏(luo)(luo)輯(ji)(ji)(ji)的(de)(de)合(he)(he)理(li)性(xing)邏(luo)(luo)輯(ji)(ji)(ji)的(de)(de)合(he)(he)理(li)性(xing)是(shi)(shi)貫穿于以(yi)上(shang)三(san)點(dian)(dian)的(de)(de),它是(shi)(shi)一個設(she)計能否成立(li)的(de)(de)根(gen)本立(li)足點(dian)(dian)。而(er)邏(luo)(luo)輯(ji)(ji)(ji)建(jian)立(li)的(de)(de)前提是(shi)(shi)充足的(de)(de)客觀事實,也就是(shi)(shi)設(she)計調研(yan)。通(tong)過調研(yan)達到用(yong)戶(hu)需求的(de)(de)洞察,建(jian)立(li)起一套自洽的(de)(de)邏(luo)(luo)輯(ji)(ji)(ji)體系,進而(er)能作為設(she)計的(de)(de)依據。例如:以(yi)音樂APP為例,用(yong)戶(hu)經常在車上(shang)聽歌,然(ran)而(er)車上(shang)的(de)(de)環(huan)境與(yu)平時(shi)的(de)(de)環(huan)境是(shi)(shi)不(bu)(bu)(bu)一樣的(de)(de)(用(yong)戶(hu)注意(yi)力不(bu)(bu)(bu)在手機上(shang)、用(yong)戶(hu)不(bu)(bu)(bu)能方(fang)便操作手機……),因(yin)此要為這(zhe)一狀態做(zuo)一個新的(de)(de)設(she)計。
在信(xin)息(xi)(xi)的(de)(de)(de)可(ke)尋性上(shang),為了(le)讓(rang)用(yong)戶專注駕駛,信(xin)息(xi)(xi)要盡(jin)量地縮(suo)減(jian),剩下最基本(ben)的(de)(de)(de)歌(ge)名、開始(shi)/暫停、上(shang)一首、下一首。而(er)在操作(zuo)的(de)(de)(de)便(bian)捷性上(shang),為了(le)讓(rang)用(yong)戶更(geng)方(fang)便(bian)操作(zuo),按鈕會做得(de)更(geng)大(da),同(tong)時為了(le)讓(rang)用(yong)戶的(de)(de)(de)視線不切換到(dao)手機上(shang),增加了(le)非觸屏的(de)(de)(de)操作(zuo)(搖一搖切歌(ge))。在表(biao)現層的(de)(de)(de)交互(hu)設計(ji)在表(biao)現層上(shang),主要是視覺設計(ji)的(de)(de)(de)活,而(er)交互(hu)設計(ji)主要是負責信(xin)息(xi)(xi)的(de)(de)(de)可(ke)達性。可(ke)尋性決(jue)定了(le)信(xin)息(xi)(xi)的(de)(de)(de)有無,而(er)可(ke)達性決(jue)定了(le)信(xin)息(xi)(xi)的(de)(de)(de)效率,這(zhe)就涉及(ji)了(le)界(jie)面(mian)的(de)(de)(de)布局、順(shun)序、層次等。