譯者注：本(ben)文來自uxmag.com，作者提(ti)出產品(pin)設計不僅要(yao)“看上去不錯(cuo)”，也(ye)要(yao)“用(yong)起來感覺很好”。這就需要(yao)從深層次(ci)去分析人(ren)的(de)內在(zai)直覺與(yu)本(ben)能特點，在(zai)閉環體驗中尋找機會激(ji)發用(yong)戶內在(zai)動(dong)力，給(gei)予正(zheng)面豐富的(de)反(fan)饋，從而提(ti)升用(yong)戶的(de)滿意度。

文(wen)中的一些觀點很(hen)有(you)啟(qi)發性(xing)，例如：無限(xian)的關注(zhu)微(wei)體驗，這(zhe)種關注(zhu)可(ke)以細(xi)(xi)致到去探究一次(ci)點擊、一次(ci)拖拽(zhuai)的過程中究竟發生(sheng)了什么，這(zhe)些細(xi)(xi)節中往往就(jiu)存(cun)在著(zhu)創造驚(jing)喜的機會，如path精妙的彈出式導航設計(ji)(ji)(ji)，對這(zhe)種微(wei)體驗的打磨(mo)常(chang)常(chang)會被設計(ji)(ji)(ji)師忽略。文(wen)中還(huan)提(ti)到了在頁(ye)面設計(ji)(ji)(ji)中引入(ru)Z軸，以及(ji)響應式設計(ji)(ji)(ji)不僅僅需(xu)要適(shi)配布局，還(huan)要適(shi)配體驗。這(zhe)些觀點很(hen)值得我們思考借(jie)鑒。

翻譯正(zheng)文如下：

想想看，你心愛的那些(xie)移動應用為什么會如此(ci)吸引(yin)你？就是(shi)那些(xie)你整天都(dou)會反(fan)復(fu)打開的應用。

一個可能的(de)(de)(de)答案是它(ta)的(de)(de)(de)設(she)計源于人的(de)(de)(de)本能。一個缺(que)少情感(gan)的(de)(de)(de)、只追(zhui)求視(shi)覺效果的(de)(de)(de)設(she)計和(he)一個有靈魂的(de)(de)(de)設(she)計之(zhi)間(jian)最大的(de)(de)(de)區別(bie)就(jiu)在于此。

源于本能的設計是(shi)創造用(yong)戶滿意度的關(guan)鍵(jian)。游戲設計師和移動應用(yong)開發者已經在(zai)該(gai)領域(yu)做了(le)大(da)量工作，網頁設計師也可(ke)以并且(qie)應該(gai)嘗(chang)試(shi)著去利用(yong)這種(zhong)力量。

那(nei)么，究竟什么是(shi)源于本(ben)能(neng)的(de)(de)設計呢？來自(zi)Mysterious Trousers團隊的(de)(de)Forster清晰地把它闡(chan)釋(shi)為創造(zao)(zao)一(yi)種滿(man)足感(gan)，這種滿(man)足感(gan)來源于人(ren)的(de)(de)潛(qian)在動力被轉化(hua)為實際動力。這個解釋(shi)指出我們可以在設計中(zhong)通過制(zhi)造(zao)(zao)驚喜與快樂，或簡單的(de)(de)滿(man)足用戶的(de)(de)成就感(gan)和操控欲(yu)來使(shi)人(ren)釋(shi)放出自(zi)己的(de)(de)能(neng)量(liang)，進而塑造(zao)(zao)體驗。

從本能出(chu)發(fa)

用戶的(de)(de)(de)滿意(yi)度來源于產品與(yu)人的(de)(de)(de)之間建立的(de)(de)(de)連結，這種連結能夠使設計“感覺”起來很棒。源于本能的(de)(de)(de)設計并(bing)不是獨立機構或(huo)(huo)設計決策(ce)的(de)(de)(de)結果，而是通(tong)過一(yi)系列設計和體驗(yan)決策(ce)來創造一(yi)種整體的(de)(de)(de)滿足感。它可(ke)以通(tong)過關(guan)注細節的(de)(de)(de)交(jiao)互(hu)、激勵(li)設計、或(huo)(huo)故事驅動的(de)(de)(de)體驗(yan)來達(da)成(cheng)，下(xia)面我們(men)用一(yi)些例(li)子來說明。

在游戲領域，這種(zhong)(zhong)深(shen)層次(ci)的設計被稱為“豐富(fu)反饋(kui)”，這個叫法幾乎從一(yi)開始(shi)就被沿用至(zhi)今。豐富(fu)反饋(kui)是指當你通(tong)過一(yi)個關(guan)卡或挑戰(zhan)時所體(ti)驗(yan)到的那種(zhong)(zhong)勢(shi)不可擋的感覺(jue)，就像在游戲peggle中過關(guan)一(yi)樣。

移(yi)動應用(yong)開發者(zhe)從游戲(xi)設(she)計(ji)者(zhe)那里學習到了創(chuang)造這種(zhong)(zhong)滿足(zu)感的(de)方法，即在應用(yong)中融入這種(zhong)(zhong)出自人本(ben)能的(de)反饋(kui)設(she)計(ji)。Path用(yong)彈出的(de)導航(hang)使你不停的(de)想(xiang)點擊它，僅僅是因為(wei)這種(zhong)(zhong)互動很(hen)有趣。多汁反饋(kui)創(chuang)造了一種(zhong)(zhong)基于本(ben)能的(de)、令人高度滿足(zu)的(de)反饋(kui)。

一旦設計師把關注點從視覺美感轉移到從內在層面去吸引用戶，就能獲得很大受益。當用戶認為某些產品感覺上好，他們就會通過與這些產品的互動得到情感上的滿足。這些感受驅動用戶養成一種行為習慣。
用戶(hu)的(de)(de)(de)(de)多次回訪，有利于(yu)設計(ji)師(shi)和工(gong)程師(shi)團隊更好(hao)的(de)(de)(de)(de)傳遞(di)這(zhe)(zhe)種(zhong)感(gan)受(shou)。如果能(neng)夠(gou)針(zhen)對人(ren)的(de)(de)(de)(de)本能(neng)進行(xing)深層次的(de)(de)(de)(de)設計(ji)，用戶(hu)就會(hui)變成狂熱的(de)(de)(de)(de)粉絲——與品牌建立一種(zhong)情感(gan)上的(de)(de)(de)(de)聯(lian)系，產生歸(gui)屬感(gan)，這(zhe)(zhe)種(zhong)聯(lian)系越是個人(ren)化、內在化，就會(hui)積累越多的(de)(de)(de)(de)獲益，而這(zhe)(zhe)些獲益能(neng)夠(gou)帶來巨大(da)的(de)(de)(de)(de)商業價值(zhi)。

研究(jiu)用戶行為

創造這種體(ti)驗(yan)并不容易，首先，很(hen)少有用戶能(neng)說清(qing)楚是(shi)什(shen)么(me)引發了他(ta)們(men)(men)的(de)本(ben)(ben)能(neng)反應(ying)，即使對于那些他(ta)們(men)(men)很(hen)喜歡的(de)應(ying)用，也很(hen)難(nan)描述出除(chu)獎勵以(yi)外，吸引他(ta)們(men)(men)的(de)因素。所以(yi)設(she)計良好本(ben)(ben)能(neng)反饋(kui)機制的(de)關(guan)鍵是(shi)先了解(jie)用戶的(de)行為：哪一種互動能(neng)夠激(ji)發人們(men)(men)的(de)反應(ying)。

對用戶行為的了解需要通過研究與測試來進一步提煉，進而可以推測出哪些互動元素能夠增加產品價值，創造出我們期望的本能反應。一些研究方法如下：
● 觀察用戶初次使用的反應，去了解我們的設計創造的是正面的驚喜和快樂，還是負面的干擾與迷惑。
● 通過A/B test進行量化數據分析，可以了解到針對本能反應的互動設計對網站效果的提升有何影響。
● 用戶訪談和調研等定性研究可以對比出在引入本能反饋機制前后，用戶的綜合滿意程度。
● 眼動測試和點擊熱區圖能夠提供一些數據，來說明我們的設計是否能夠吸引人的注意并反復使用。
●設(she)定一個與(yu)現有(you)設(she)計(ji)(ji)模式不同的方案，通過用(yong)戶反(fan)饋來了解(jie)是(shi)否新的設(she)計(ji)(ji)能夠(gou)創造更多(duo)深層次的本能反(fan)應。

（一）關注反饋閉環

利用(yong)人(ren)的(de)本能(neng)進行設計的(de)關鍵(jian)是關注用(yong)戶體(ti)驗中(zhong)內在的(de)反饋環路。Loren Brichter介紹(shao)并引(yin)入的(de)下拉刷新設計，就被大眾(zhong)熟知和廣泛(fan)應(ying)用(yong)。它(ta)是能(neng)夠(gou)引(yin)發(fa)本能(neng)反應(ying)的(de)一個很(hen)好的(de)案(an)例(li)。但當我們例(li)舉諸多擁(yong)有此設計的(de)產品時，我們很(hen)難(nan)說一個產品單憑這一點就能(neng)夠(gou)人(ren)性化、令人(ren)喜(xi)愛。

那(nei)么該從哪(na)一個反饋機制開始設計？首先梳(shu)理一下(xia)網站(zhan)的(de)(de)核心(xin)用戶(hu)路徑(jing)：注冊(ce)、訂閱(yue)、變(bian)化目標、探索(suo)發現等(deng)等(deng)。每個節點都(dou)提供(gong)了足夠(gou)的(de)(de)機會(hui)來容(rong)納本能反饋互動，注意在這(zhe)些(xie)路徑(jing)中通過細節去(qu)傳(chuan)達。

（二）提供良好的細節體驗

當用(yong)(yong)戶(hu)需(xu)要完成(cheng)某項任(ren)務(wu)，要關注于這個任(ren)務(wu)的(de)細節體(ti)驗，不僅要考(kao)慮(lv)頁面或操作路徑，還要更深(shen)層次的(de)去(qu)挖掘，深(shen)入到(dao)去(qu)考(kao)慮(lv)在一次點擊中究竟會發生什么(me)。有吸引力的(de)，令人(ren)愉快(kuai)的(de)，創造驚(jing)喜的(de)設計能夠給用(yong)(yong)戶(hu)留下深(shen)刻(ke)的(de)印(yin)象，用(yong)(yong)戶(hu)會口頭傳播分享這一感受，Photojojo的(de)“不要拉動”按(an)鈕就是這樣的(de)一個經(jing)典案例。

一些關(guan)注細節的(de)(de)(de)表單(dan)設(she)計也會有(you)很好的(de)(de)(de)效果(guo)，即使(shi)(shi)它們(men)只是對微小的(de)(de)(de)行為進行了(le)優化。最關(guan)鍵的(de)(de)(de)是創(chuang)造(zao)使(shi)(shi)用戶滿(man)意的(de)(de)(de)反饋(kui)。

（三）突破二維的限制去思考

網站實(shi)際(ji)上并不只是(shi)一(yi)(yi)張(zhang)張(zhang)頁面，我們(men)很容易會(hui)(hui)忘記(ji)在(zai)(zai)過去20年中(zhong)我們(men)賦予它(ta)的(de)定義和(he)心智模型基礎(chu)。作為(wei)設計(ji)師(shi)，尤其應當(dang)正(zheng)確理(li)解網站的(de)本質。每個網站都有一(yi)(yi)個Z軸，也可以稱為(wei)第三軸。在(zai)(zai)網站中(zhong)沒有理(li)由(you)不考慮用(yong)Z軸來創建多圖(tu)層(ceng)。例如(ru)，利(li)用(yong)抽屜(ti)的(de)方式可以展(zhan)示更多內(nei)容和(he)細節，同時又可保持主流程(cheng)和(he)導航(hang)的(de)簡(jian)潔。這比(bi)簡(jian)單的(de)頁面刷新干(gan)擾更少(shao)，而(er)且有助于讓用(yong)戶專注于任務和(he)場(chang)景(jing)中(zhong)，不會(hui)(hui)突然被(bei)引入到一(yi)(yi)個沒有上下文的(de)頁面。

當用戶看(kan)到頁(ye)面對(dui)自己的操作(zuo)有(you)所響應時會感到愉(yu)快。還有(you)其他一些基于(yu)圖(tu)層模(mo)式的交互方式，例如折(zhe)疊——為額外(wai)的內容創建一個圖(tu)層，隱藏(zang)在主內容層下。

（四）不僅僅要做“好”的設計

盡管視覺美感很重(zhong)要(yao)，但是要(yao)記得(de)，這里我們主(zhu)要(yao)探討的是反饋設計。產品可以看起(qi)來(lai)(lai)沒那么(me)奪(duo)人眼球，但必須用起(qi)來(lai)(lai)“感覺很好(hao)”。

你可以對延遲狀態(tai)(tai)、響應狀態(tai)(tai)等細節(jie)進(jin)行測試(shi)和優(you)化設(she)計。在(zai)這(zhe)些細節(jie)中(zhong)設(she)計出亮點，Path的導航就是(shi)一個很好(hao)的范(fan)例。另外(wai)，要(yao)把音(yin)(yin)效考(kao)(kao)慮進(jin)去，這(zhe)一點即使在(zai)網頁中(zhong)也(ye)很必(bi)要(yao)。Facebook的提醒(xing)通知(zhi)音(yin)(yin)效雖(sui)然刺耳，但至少也(ye)是(shi)把音(yin)(yin)效納入(ru)到用(yong)戶體驗的范(fan)疇中(zhong)去考(kao)(kao)慮的。

（五）超越式的響應設計

可以應用于(yu)不(bu)同屏幕尺(chi)寸的(de)響(xiang)應式設計是一項重要的(de)革新(xin)，但大(da)(da)多數響(xiang)應設計只是簡單的(de)放大(da)(da)縮小來適配屏幕，沒有考(kao)慮到性(xing)能和(he)和(he)不(bu)同屏幕的(de)特點。

如果只是縮放頁面，就失(shi)去了在(zai)細節中進行(xing)本能設計(ji)的(de)機會(hui)，真正良(liang)好的(de)響應(ying)(ying)式(shi)設計(ji)應(ying)(ying)在(zai)不(bu)同設備中都有(you)理想的(de)效果。我們(men)可以(yi)把它稱之為富響應(ying)(ying)設計(ji)，這種設計(ji)意味著對不(bu)同設備提供(gong)合適(shi)的(de)交互(hu)形式(shi)。

圖片輪(lun)播更適(shi)合移(yi)動設(she)(she)(she)備的(de)(de)瀏覽，而點選控制則(ze)在(zai)PC端表現的(de)(de)更好。在(zai)移(yi)動端最(zui)好把鏈接(jie)變(bian)成按鈕，使手指更容易點擊。設(she)(she)(she)計師可以(yi)通過深(shen)入思(si)考去(qu)創(chuang)造最(zui)優體驗，把那(nei)些具有引人入勝的(de)(de)移(yi)動應用(yong)中包(bao)含的(de)(de)本能設(she)(she)(she)計技巧沿用(yong)到設(she)(she)(she)計中。

總(zong)結

在網頁中做出基于(yu)人本能的(de)(de)設計并不容易，但(dan)從(cong)游(you)戲和移動(dong)領域的(de)(de)成(cheng)果中我們能夠學到很多技(ji)巧。通過傳達豐富(fu)的(de)(de)反饋(kui)給用戶(hu)(hu)，我們可以為用戶(hu)(hu)創(chuang)造出一種(zhong)發自內心的(de)(de)滿足感(gan)。良(liang)好的(de)(de)互動(dong)反饋(kui)機制(zhi)可以帶給用戶(hu)(hu)驚喜和快樂，這(zhe)些會給用戶(hu)(hu)留(liu)下難忘(wang)的(de)(de)、正面積極的(de)(de)印(yin)象。

通過(guo)創造有趣、吸引人的(de)使用(yong)體驗，我(wo)們也創造了快樂的(de)用(yong)戶。而(er)這一切會帶給我(wo)們巨大的(de)商業收益(yi)。