依據(jù)人的本能進(jìn)行設(shè)計(jì) 打造完美App
譯者注：本文來自uxmag.com，作者提出產(chǎn)品設(shè)計(jì)不僅要“看上去不錯(cuò)”，也要“用起來感覺很好”。這就需要從深層次去分析人的內(nèi)在直覺與本能特點(diǎn)，在閉環(huán)體驗(yàn)中尋找機(jī)會(huì)激發(fā)用戶內(nèi)在動(dòng)力，給予正面豐富的反饋，從而提升用戶的滿意度。
文中的一些觀點(diǎn)很有啟發(fā)性，例如：無限的關(guān)注微體驗(yàn)，這種關(guān)注可以細(xì)致到去探究一次點(diǎn)擊、一次拖拽的過程中究竟發(fā)生了什么，這些細(xì)節(jié)中往往就存 在著創(chuàng)造驚喜的機(jī)會(huì)，如path精妙的彈出式導(dǎo)航設(shè)計(jì)，對這種微體驗(yàn)的打磨常常會(huì)被設(shè)計(jì)師忽略。文中還提到了在頁面設(shè)計(jì)中引入Z軸，以及響應(yīng)式設(shè)計(jì)不僅僅 需要適配布局，還要適配體驗(yàn)。這些觀點(diǎn)很值得我們思考借鑒。
翻譯正文如下：
想想看，你心愛的那些移動(dòng)應(yīng)用為什么會(huì)如此吸引你？就是那些你整天都會(huì)反復(fù)打開的應(yīng)用。
一個(gè)可能的答案是它的設(shè)計(jì)源于人的本能。一個(gè)缺少情感的、只追求視覺效果的設(shè)計(jì)和一個(gè)有靈魂的設(shè)計(jì)之間最大的區(qū)別就在于此。
源于本能的設(shè)計(jì)是創(chuàng)造用戶滿意度的關(guān)鍵。游戲設(shè)計(jì)師和移動(dòng)應(yīng)用開發(fā)者已經(jīng)在該領(lǐng)域做了大量工作，網(wǎng)頁設(shè)計(jì)師也可以并且應(yīng)該嘗試著去利用這種力量。
那么，究竟什么是源于本能的設(shè)計(jì)呢？來自Mysterious Trousers團(tuán)隊(duì)的Forster清晰地把它闡釋為創(chuàng)造一種滿足感，這種滿足感來源于人的潛在動(dòng)力被轉(zhuǎn)化為實(shí)際動(dòng)力。這個(gè)解釋指出我們可以在設(shè)計(jì)中通 過制造驚喜與快樂，或簡單的滿足用戶的成就感和操控欲來使人釋放出自己的能量，進(jìn)而塑造體驗(yàn)。
從本能出發(fā)
用戶的滿意度來源于產(chǎn)品與人的之間建立的連結(jié)，這種連結(jié)能夠使設(shè)計(jì)“感覺”起來很棒。源于本能的設(shè)計(jì)并不是獨(dú)立機(jī)構(gòu)或設(shè)計(jì)決策的結(jié)果，而是通過 一系列設(shè)計(jì)和體驗(yàn)決策來創(chuàng)造一種整體的滿足感。它可以通過關(guān)注細(xì)節(jié)的交互、激勵(lì)設(shè)計(jì)、或故事驅(qū)動(dòng)的體驗(yàn)來達(dá)成，下面我們用一些例子來說明。
在游戲領(lǐng)域，這種深層次的設(shè)計(jì)被稱為“豐富反饋”，這個(gè)叫法幾乎從一開始就被沿用至今。豐富反饋是指當(dāng)你通過一個(gè)關(guān)卡或挑戰(zhàn)時(shí)所體驗(yàn)到的那種勢不可擋的感覺，就像在游戲peggle中過關(guān)一樣。
移動(dòng)應(yīng)用開發(fā)者從游戲設(shè)計(jì)者那里學(xué)習(xí)到了創(chuàng)造這種滿足感的方法，即在應(yīng)用中融入這種出自人本能的反饋設(shè)計(jì)。Path用彈出的導(dǎo)航使你不停的想點(diǎn)擊它，僅僅是因?yàn)檫@種互動(dòng)很有趣。多汁反饋創(chuàng)造了一種基于本能的、令人高度滿足的反饋。
一旦設(shè)計(jì)師把關(guān)注點(diǎn)從視覺美感轉(zhuǎn)移到從內(nèi)在層面去吸引用戶，就能獲得很大受益。當(dāng)用戶認(rèn)為某些產(chǎn)品感覺上好，他們就會(huì)通過與這些產(chǎn)品的互動(dòng)得到情感上的滿足。這些感受驅(qū)動(dòng)用戶養(yǎng)成一種行為習(xí)慣。
用戶的多次回訪，有利于設(shè)計(jì)師和工程師團(tuán)隊(duì)更好的傳遞這種感受。如果能夠針對人的本能進(jìn)行深層次的設(shè)計(jì)，用戶就會(huì)變成狂熱的粉絲——與品牌建立一種情感上的聯(lián)系，產(chǎn)生歸屬感，這種聯(lián)系越是個(gè)人化、內(nèi)在化，就會(huì)積累越多的獲益，而這些獲益能夠帶來巨大的商業(yè)價(jià)值。
研究用戶行為
創(chuàng)造這種體驗(yàn)并不容易，首先，很少有用戶能說清楚是什么引發(fā)了他們的本能反應(yīng)，即使對于那些他們很喜歡的應(yīng)用，也很難描述出除獎(jiǎng)勵(lì)以外，吸引他們的因素。所以設(shè)計(jì)良好本能反饋機(jī)制的關(guān)鍵是先了解用戶的行為：哪一種互動(dòng)能夠激發(fā)人們的反應(yīng)。
對用戶行為的了解需要通過研究與測試來進(jìn)一步提煉，進(jìn)而可以推測出哪些互動(dòng)元素能夠增加產(chǎn)品價(jià)值，創(chuàng)造出我們期望的本能反應(yīng)。一些研究方法如下：
觀察用戶初次使用的反應(yīng)，去了解我們的設(shè)計(jì)創(chuàng)造的是正面的驚喜和快樂，還是負(fù)面的干擾與迷惑。
通過A/B test進(jìn)行量化數(shù)據(jù)分析，可以了解到針對本能反應(yīng)的互動(dòng)設(shè)計(jì)對網(wǎng)站效果的提升有何影響。
用戶訪談和調(diào)研等定性研究可以對比出在引入本能反饋機(jī)制前后，用戶的綜合滿意程度。
眼動(dòng)測試和點(diǎn)擊熱區(qū)圖能夠提供一些數(shù)據(jù)，來說明我們的設(shè)計(jì)是否能夠吸引人的注意并反復(fù)使用。
設(shè)定一個(gè)與現(xiàn)有設(shè)計(jì)模式不同的方案，通過用戶反饋來了解是否新的設(shè)計(jì)能夠創(chuàng)造更多深層次的本能反應(yīng)。
很明顯本能設(shè)計(jì)的效果是可以衡量的，但是要如何把它應(yīng)用到新的設(shè)計(jì)項(xiàng)目中呢，以下五個(gè)方法可以作為參考。
（一）關(guān)注反饋閉環(huán)
利用人的本能進(jìn)行設(shè)計(jì)的關(guān)鍵是關(guān)注用戶體驗(yàn)中內(nèi)在的反饋環(huán)路。Loren Brichter介紹并引入的下拉刷新設(shè)計(jì)，就被大眾熟知和廣泛應(yīng)用。它是能夠引發(fā)本能反應(yīng)的一個(gè)很好的案例。但當(dāng)我們例舉諸多擁有此設(shè)計(jì)的產(chǎn)品時(shí)，我們很難說一個(gè)產(chǎn)品單憑這一點(diǎn)就能夠人性化、令人喜愛。
那么該從哪一個(gè)反饋機(jī)制開始設(shè)計(jì)？首先梳理一下網(wǎng)站的核心用戶路徑：注冊、訂閱、變化目標(biāo)、探索發(fā)現(xiàn)等等。每個(gè)節(jié)點(diǎn)都提供了足夠的機(jī)會(huì)來容納本能反饋互動(dòng)，注意在這些路徑中通過細(xì)節(jié)去傳達(dá)。
（二）提供良好的細(xì)節(jié)體驗(yàn)
當(dāng)用戶需要完成某項(xiàng)任務(wù)，要關(guān)注于這個(gè)任務(wù)的細(xì)節(jié)體驗(yàn)，不僅要考慮頁面或操作路徑，還要更深層次的去挖掘，深入到去考慮在一次點(diǎn)擊中究竟會(huì)發(fā)生什么。有吸引力的，令人愉快的，創(chuàng)造驚喜的設(shè)計(jì)能夠給用戶留下深刻的印象，用戶會(huì)口頭傳播分享這一感受，Photojojo的“不要拉動(dòng)”按鈕就是這樣的一個(gè)經(jīng)典案例。
一些關(guān)注細(xì)節(jié)的表單設(shè)計(jì)也會(huì)有很好的效果，即使它們只是對微小的行為進(jìn)行了優(yōu)化。最關(guān)鍵的是創(chuàng)造使用戶滿意的反饋。
（三）突破二維的限制去思考
網(wǎng)站實(shí)際上并不只是一張張頁面，我們很容易會(huì)忘記在過去20年中我們賦予它的定義和心智模型基礎(chǔ)。作為設(shè)計(jì)師，尤其應(yīng)當(dāng)正確理解網(wǎng)站的本質(zhì)。每 個(gè)網(wǎng)站都有一個(gè)Z軸，也可以稱為第三軸。在網(wǎng)站中沒有理由不考慮用Z軸來創(chuàng)建多圖層。例如，利用抽屜的方式可以展示更多內(nèi)容和細(xì)節(jié)，同時(shí)又可保持主流程和 導(dǎo)航的簡潔。這比簡單的頁面刷新干擾更少，而且有助于讓用戶專注于任務(wù)和場景中，不會(huì)突然被引入到一個(gè)沒有上下文的頁面。
當(dāng)用戶看到頁面對自己的操作有所響應(yīng)時(shí)會(huì)感到愉快。還有其他一些基于圖層模式的交互方式，例如折疊——為額外的內(nèi)容創(chuàng)建一個(gè)圖層，隱藏在主內(nèi)容層下。
（四）不僅僅要做“好”的設(shè)計(jì)
盡管視覺美感很重要，但是要記得，這里我們主要探討的是反饋設(shè)計(jì)。產(chǎn)品可以看起來沒那么奪人眼球，但必須用起來“感覺很好”。
你可以對延遲狀態(tài)、響應(yīng)狀態(tài)等細(xì)節(jié)進(jìn)行測試和優(yōu)化設(shè)計(jì)。在這些細(xì)節(jié)中設(shè)計(jì)出亮點(diǎn)，Path的導(dǎo)航就是一個(gè)很好的范例。另外，要把音效考慮進(jìn)去，這一點(diǎn)即使在網(wǎng)頁中也很必要。Facebook的提醒通知音效雖然刺耳，但至少也是把音效納入到用戶體驗(yàn)的范疇中去考慮的。
（五）超越式的響應(yīng)設(shè)計(jì)
可以應(yīng)用于不同屏幕尺寸的響應(yīng)式設(shè)計(jì)是一項(xiàng)重要的革新，但大多數(shù)響應(yīng)設(shè)計(jì)只是簡單的放大縮小來適配屏幕，沒有考慮到性能和和不同屏幕的特點(diǎn)。
如果只是縮放頁面，就失去了在細(xì)節(jié)中進(jìn)行本能設(shè)計(jì)的機(jī)會(huì)，真正良好的響應(yīng)式設(shè)計(jì)應(yīng)在不同設(shè)備中都有理想的效果。我們可以把它稱之為富響應(yīng)設(shè)計(jì)，這種設(shè)計(jì)意味著對不同設(shè)備提供合適的交互形式。
圖片輪播更適合移動(dòng)設(shè)備的瀏覽，而點(diǎn)選控制則在PC端表現(xiàn)的更好。在移動(dòng)端最好把鏈接變成按鈕，使手指更容易點(diǎn)擊。設(shè)計(jì)師可以通過深入思考去創(chuàng)造最優(yōu)體驗(yàn)，把那些具有引人入勝的移動(dòng)應(yīng)用中包含的本能設(shè)計(jì)技巧沿用到設(shè)計(jì)中。
總結(jié)
在網(wǎng)頁中做出基于人本能的設(shè)計(jì)并不容易，但從游戲和移動(dòng)領(lǐng)域的成果中我們能夠?qū)W到很多技巧。通過傳達(dá)豐富的反饋給用戶，我們可以為用戶創(chuàng)造出一種發(fā)自內(nèi)心的滿足感。良好的互動(dòng)反饋機(jī)制可以帶給用戶驚喜和快樂，這些會(huì)給用戶留下難忘的、正面積極的印象。
通過創(chuàng)造有趣、吸引人的使用體驗(yàn)，我們也創(chuàng)造了快樂的用戶。而這一切會(huì)帶給我們巨大的商業(yè)收益。
