在iPad最早的電視廣告中有這么一句旁訴：“絕對(duì)給力，魔幻十足！身未動(dòng)，心已知（You already know how to use it.）”。好一句振奮人心的廣告詞。Apple的iPad當(dāng)然是一款全新的、顛覆市場(chǎng)的革命性產(chǎn)品，完全不同于以往我們所見(jiàn)的電子設(shè)備，而且正如廣告宣傳的那樣，上手極其簡(jiǎn)單。那么像Apple這樣的公司是如何做到這一切的呢？

其中一個(gè)答案是Apple的設(shè)計(jì)師對(duì)人們一些近乎本能的行為模式的借鑒能力。產(chǎn)生交互的媒介也許是全新的東西，比如在iPhone之前很少人使用過(guò)的多點(diǎn)觸摸屏。但是大家應(yīng)該都知道如何去擠捏和拉伸一個(gè)物體，而這種交互模式即便是轉(zhuǎn)移到屏幕上，用戶也非常容易在看過(guò)一次后就掌握。正如Alan Cooper在《About Face》里所寫的：“所有的習(xí)慣用法都必須經(jīng)過(guò)學(xué)習(xí)，但好的用法只要學(xué)習(xí)一次（All idioms must be learned; good idioms need to be learned only once）”。

多巴胺在模式識(shí)別中的角色

我們的大腦總是在尋找模式。我們尋找那種被經(jīng)驗(yàn)認(rèn)為可以引領(lǐng)成功的模式（愛(ài)情中、戰(zhàn)爭(zhēng)中、賭博中甚至投資上，凡所種種）。Jonah Lehrer在《How We Decide》一書中寫到，當(dāng)我們識(shí)別出一些現(xiàn)實(shí)生活中為我們所熟悉的模式時(shí)，大腦就會(huì)分泌出那種可以帶來(lái)快樂(lè)的神經(jīng)系統(tǒng)化學(xué)物質(zhì)—多巴胺。而當(dāng)你遵循這個(gè)模式完成一件事并取得成功，快樂(lè)之源多巴胺就會(huì)給你再來(lái)一次額外的脈沖刺激。

如果我們識(shí)別出一個(gè)模式但覺(jué)得出錯(cuò)了，或者遵循這個(gè)模式但結(jié)果并不如預(yù)期，那么我們不會(huì)得到多巴胺帶來(lái)的又一次快感，而重新調(diào)整我們的期望。許多神經(jīng)系統(tǒng)科學(xué)家相信這個(gè)獎(jiǎng)賞系統(tǒng)促成了我們“學(xué)習(xí)”這件事。這個(gè)過(guò)程形成了一個(gè)基于愉悅能自我增強(qiáng)的循環(huán)，這個(gè)循環(huán)引導(dǎo)我們從錯(cuò)誤中學(xué)習(xí)，從而更好的去理解這個(gè)世界。

依憑著我們對(duì)這個(gè)世界的期待，多巴胺獎(jiǎng)賞系統(tǒng)讓我們產(chǎn)生積極或消極的情緒。Lehrer認(rèn)為這是對(duì)決策過(guò)程中情感所扮演角色的傳統(tǒng)理解的有力顛覆。伯拉圖以來(lái)，一直認(rèn)為理智是可以戰(zhàn)勝情感，理性的思考是控制不羈情緒的韁繩。而讓我們?nèi)祟惇?dú)一無(wú)二的，正是這種用邏輯與理智牽制情感，做出明智抉擇的能力。Lehre的書中詳細(xì)地講解了近期神經(jīng)學(xué)研究對(duì)決策模型推想的支持：情感，由多巴胺獎(jiǎng)賞系統(tǒng)引發(fā)的情感，在我們的決策中擔(dān)當(dāng)了重要的角色。

(圖片: Sue Clark)

神經(jīng)學(xué)上的這類發(fā)現(xiàn)對(duì)交互設(shè)計(jì)中利用模式進(jìn)行設(shè)計(jì)提供了有力的支持。我們來(lái)看看旋轉(zhuǎn)木馬模式（carousel pattern）這個(gè)在系統(tǒng)桌面、平板電腦與手持設(shè)備上非常流行的交互形式。在Yahoo Design Library中它是這樣被描述的：以從屏幕的一邊滑出的形式來(lái)呈現(xiàn)內(nèi)容；每一邊的展示項(xiàng)會(huì)被上一個(gè)展示項(xiàng)部分遮擋，以求在有限的視覺(jué)空間中呈現(xiàn)更多不在當(dāng)前窗格的內(nèi)容；箭頭適時(shí)出現(xiàn)，以引導(dǎo)用戶獲取更多的展示內(nèi)容。這是一個(gè)非常簡(jiǎn)單的交互模式，用戶只需用過(guò)一次此功能即可習(xí)得。

樂(lè)于嘗試的用戶幾乎在第一時(shí)間就會(huì)接觸到這種旋轉(zhuǎn)木馬模式，但就算用戶是初次遇到，也可以立即上手。然后當(dāng)用戶在其它地方中見(jiàn)到旋轉(zhuǎn)木馬這種設(shè)計(jì)形式，即使交互還沒(méi)產(chǎn)生，用戶就可以馬上識(shí)別出這種模式了。識(shí)別出一種模式，多巴胺即燃起用戶的愉悅。當(dāng)用戶遵循這種模式進(jìn)行交互，比如點(diǎn)擊兩端的箭頭以求獲得更多內(nèi)容，而又成功了，那大腦就會(huì)分泌更多的多巴胺，增強(qiáng)用戶這一次愉悅的體驗(yàn)。

旋轉(zhuǎn)木馬模式, 來(lái)自 Yahoo Developer Network

然而不可否認(rèn)，神經(jīng)學(xué)家還未曾使用核磁共振成像這樣的技術(shù)，在用戶遵循像旋轉(zhuǎn)木馬這類模式進(jìn)行交互時(shí)，對(duì)多巴胺的分泌進(jìn)行測(cè)量。時(shí)至今日，我們對(duì)大腦面對(duì)現(xiàn)實(shí)世界模式時(shí)反應(yīng)機(jī)能的研究仍有相當(dāng)?shù)木窒蓿�我們僅能從在猴子身上的實(shí)驗(yàn)去推斷，或依靠心理學(xué)家的推理。

Lehrer的雷達(dá)兵故事

Lehrer講訴了第一次海灣戰(zhàn)爭(zhēng)時(shí)一個(gè)雷達(dá)兵的故事。這個(gè)雷達(dá)兵需要日復(fù)一日觀測(cè)屏幕上的光點(diǎn)，這些光點(diǎn)代表著從科威特海灘某一特定位置返回軍艦的飛機(jī)。某一個(gè)清晨，這個(gè)雷達(dá)兵突然對(duì)屏幕上的一群光點(diǎn)感到相當(dāng)焦躁，他也不知道為什么。這些光點(diǎn)跟他日復(fù)一日時(shí)時(shí)刻刻在觀測(cè)的光點(diǎn)并沒(méi)有什么太大的不同，但是今晨的這些特別的光點(diǎn)就是讓他覺(jué)得要出壞事了。緊張之下，他下令射下這些光點(diǎn)。這個(gè)決定挽救了全員的性命，因?yàn)檫@些光點(diǎn)正是敵軍發(fā)射的，妄圖摧毀海灣上聯(lián)盟軍艦的導(dǎo)彈。

雷達(dá)兵無(wú)法解釋為什么他覺(jué)得這些光點(diǎn)就不是返航的飛機(jī)。直到對(duì)此次經(jīng)歷的多次回顧研究與一個(gè)認(rèn)知心理學(xué)家的介入，調(diào)查者才發(fā)現(xiàn)原因在于導(dǎo)彈光點(diǎn)與飛機(jī)光點(diǎn)在屏幕的初始位置略有不同：導(dǎo)彈光點(diǎn)離海濱更遠(yuǎn)一點(diǎn)點(diǎn)。當(dāng)下雷達(dá)兵并不能直言這點(diǎn)差別，但大腦潛意識(shí)告訴他日積月累形成的飛機(jī)光點(diǎn)模式發(fā)生了變化。這種變化帶來(lái)的情緒焦躁與軀體痛苦，導(dǎo)致雷達(dá)兵不管三七二十一下令摧毀這些光點(diǎn)。

雷達(dá)兵的故事（以及Lehre書中提到的其它故事）都表明我們大腦對(duì)模式的識(shí)別以及遵守都是在無(wú)意識(shí)的狀態(tài)下進(jìn)行。熟悉的模式出現(xiàn)，多巴胺燃起愉悅，所習(xí)得被加強(qiáng)，我們進(jìn)入飄飄然的狀態(tài)。但如果模式被打破，或遵循之后表現(xiàn)不如預(yù)期，一切便像亂了套，我們大腦會(huì)發(fā)出一個(gè)“預(yù)測(cè)錯(cuò)誤信號(hào)”。我們大腦中一個(gè)叫前扣帶腦皮層（ACC）的地方會(huì)監(jiān)視前額葉皮層的活動(dòng)，當(dāng)ACC監(jiān)測(cè)到由于預(yù)期的情況沒(méi)有發(fā)生而導(dǎo)致多巴胺神經(jīng)元之間的活動(dòng)缺失（譯者注：也就是沒(méi)有多巴胺分泌），“預(yù)測(cè)錯(cuò)誤信號(hào)”就會(huì)被發(fā)出。這個(gè)“預(yù)測(cè)錯(cuò)誤信號(hào)”會(huì)導(dǎo)致像杏仁核和下丘腦這樣的其它腺體分泌出一些化學(xué)物質(zhì)，這些化學(xué)物質(zhì)會(huì)導(dǎo)致焦躁感：心跳加速，肌肉緊張，呼吸急促等等。

模式出錯(cuò)帶來(lái)的焦躁

我們自然不希望用戶在使用我們?cè)O(shè)計(jì)的系統(tǒng)時(shí)感到焦躁，但這種事情又時(shí)常發(fā)生。原因之一就是我們經(jīng)常向用戶呈現(xiàn)某個(gè)交互模式時(shí)，沒(méi)有針對(duì)這個(gè)模式賦予足夠的視覺(jué)引導(dǎo)。來(lái)看看Roku的頻道商店，當(dāng)用戶在頻道界面下，想往他們的系統(tǒng)里添加一個(gè)頻道時(shí)，面對(duì)的卻是一個(gè)靜態(tài)信息表單。如果事先沒(méi)有旋轉(zhuǎn)木馬模式的交互經(jīng)驗(yàn)，用戶很可能認(rèn)為這個(gè)3X4的表單界面就只提供了12個(gè)頻道。

實(shí)際上，這個(gè)表單使用了旋轉(zhuǎn)木馬交互模式，左右切換就可以看到隱藏在兩側(cè)的更多內(nèi)容。這個(gè)表單甚至還可以上下切換來(lái)獲得內(nèi)容，但對(duì)信息這樣的視覺(jué)呈現(xiàn)，用戶很難會(huì)知道。更糟糕的是，用戶只能在這里學(xué)習(xí)到很少的關(guān)于旋轉(zhuǎn)木馬交互模式的操作，然后下次又要面對(duì)它了。諷刺的是，Roku是作為Netflix的流媒體播放器而聞名的，而Netflix在一些游戲機(jī)（例如Wii）的交互界面上很好的應(yīng)用了旋轉(zhuǎn)木馬這種交互模式來(lái)呈現(xiàn)相同的信息表單�；氐健禗esign of Everyday Things》一書中，Donald Norman是這樣定義“可見(jiàn)性”（Visibility）：“正確的操作應(yīng)當(dāng)可見(jiàn)，并且操作可以傳遞出正確的信息”（the correct controls are visible, and they convey the correct information）。Roku的頻道商店卻都沒(méi)能做到，除非進(jìn)一步的探索，不然用戶不會(huì)知道旋轉(zhuǎn)木馬模式在Roku頻道商店中的使用。

Roku的頻道商店

有時(shí)候，問(wèn)題會(huì)恰好相反：用戶認(rèn)為某個(gè)設(shè)計(jì)模式被使用了，而實(shí)際上沒(méi)有。如果被我們認(rèn)定的某個(gè)模式?jīng)]有按預(yù)期的工作，我們的大腦便會(huì)認(rèn)為哪里出錯(cuò)了，隨之而來(lái)的就是焦躁不安。以智能手機(jī)上項(xiàng)目列表的基礎(chǔ)功能設(shè)計(jì)為例。這是一個(gè)為iOS用戶所熟悉，在Josh Clark的《Tapworthy: Designing Great iPhone Apps》一書中也有著名描述的功能：一個(gè)從左向右滑動(dòng)的手勢(shì)觸發(fā)刪除操作，“刪除”按鈕隨之出現(xiàn)提示用戶確認(rèn)刪除。這個(gè)設(shè)計(jì)模式容易學(xué)習(xí)，但其它智能手機(jī)系統(tǒng)卻應(yīng)用的零散與不可預(yù)知。比如Palm的WebOS 中的電子郵件系統(tǒng)，應(yīng)用相同的手勢(shì)讓用戶進(jìn)行刪除操作，但卻沒(méi)有“刪除”按鈕以供確認(rèn)手勢(shì)，郵件就這么輕易的從屏幕上消失了。但是在Palm這個(gè)OS的短信應(yīng)用中，供確認(rèn)的“刪除”按鈕卻又是存在的。

iOS下左向右滑動(dòng)觸發(fā)刪除 (圖片: Josh Clark)

早期的Android OS并沒(méi)有采用滑動(dòng)手勢(shì)來(lái)進(jìn)行刪除操作，而是通過(guò)切換到“編輯項(xiàng)目”的頁(yè)面下刪除。而姜餅版本（譯者注：Gingerbread，Andriod OS的2.3版本）的升級(jí)帶來(lái)了更多不一致的用戶體驗(yàn)：比如在聯(lián)系人列表中，從右向左的滑動(dòng)手勢(shì)是發(fā)短信，而從左向右的手勢(shì)卻是打電話！試想一下，一個(gè)用戶本想通過(guò)一個(gè)從左向右的手勢(shì)來(lái)刪除某個(gè)聯(lián)系人，卻突然發(fā)現(xiàn)變成在打電話給這個(gè)聯(lián)系人，還不嚇尿了！

模式匹配聽(tīng)起來(lái)容易，做起來(lái)難

我們或多或少都體會(huì)過(guò)這種模式出錯(cuò)帶來(lái)的焦躁感。在Windows操作系統(tǒng)下，每當(dāng)我本能的移動(dòng)鼠標(biāo)到任務(wù)欄上想再次打開某個(gè)我以為最小化了的網(wǎng)頁(yè)，而發(fā)現(xiàn)事實(shí)上這個(gè)我在找的網(wǎng)頁(yè)是在另外一個(gè)tab下開著，而不是我以為的一個(gè)獨(dú)立的最小化窗口時(shí)，我仍會(huì)感到焦躁，而且至少三年以來(lái)每次遇到這種情況我都會(huì)產(chǎn)生這樣的情緒。深入人心的交互習(xí)慣不會(huì)輕易改變。因?yàn)槲以谥辽偎呐_(tái)電腦上使用三種不同的瀏覽器，我時(shí)常地找不到“主頁(yè)”按鈕，而這個(gè)按鈕以前在大多數(shù)瀏覽器下都是在地址欄左邊的。但是現(xiàn)在，標(biāo)準(zhǔn)安裝的Firefox 12瀏覽器，無(wú)論在Windows操作系統(tǒng)下還是Mac操作系統(tǒng)下，“主頁(yè)”按鈕都在地址欄右邊；而標(biāo)準(zhǔn)安裝的Safari瀏覽器則根本沒(méi)有“主頁(yè)”按鈕。如今已沒(méi)有一個(gè)值得信賴的模式讓我們得以確定“主頁(yè)”按鈕在網(wǎng)頁(yè)瀏覽器上的位置了。但我們大腦卻渴求一個(gè)這樣的模式，有之便得歡愉，反之導(dǎo)致沮喪（生理上的自然化學(xué)反應(yīng)）。

不可否認(rèn)，各個(gè)平臺(tái)、瀏覽器和軟件里的不一致性各有各來(lái)由，從專利問(wèn)題到設(shè)計(jì)習(xí)慣都是其產(chǎn)生的原因。而交互設(shè)計(jì)隨著時(shí)間必定會(huì)發(fā)生改變與前進(jìn)。我們不能因?yàn)楫?dāng)前某個(gè)模式被大腦熟悉就束縛住。我們應(yīng)當(dāng)利用正被逐漸掌握的人類大腦機(jī)能原理進(jìn)行設(shè)計(jì)。我們可以借鑒像“擠捏”這樣不明顯但很容易被學(xué)會(huì)的行為模式。我們可以循序漸進(jìn)，在現(xiàn)有設(shè)計(jì)的基本元素上進(jìn)行設(shè)計(jì)，這樣新的交互設(shè)計(jì)就保留了足夠的舊有模式，大腦還是可以進(jìn)行識(shí)別。我們還可以謹(jǐn)慎的引進(jìn)新的模式作為附加性功能：比如MacBook Pro’s觸摸板的三指和四指手勢(shì)操作，非必須要用，但用戶一旦發(fā)現(xiàn)就很容易自然習(xí)得，用來(lái)代替應(yīng)用界面的鼠標(biāo)定位和按鈕操作。

實(shí)際上，這最后一招正是利用了大腦內(nèi)的化學(xué)反應(yīng)。“預(yù)測(cè)錯(cuò)誤信號(hào)”的發(fā)出是因?yàn)轭A(yù)計(jì)事件沒(méi)有發(fā)生并且結(jié)果讓人失望或完全失敗。但有時(shí)候，預(yù)測(cè)錯(cuò)誤的結(jié)果會(huì)帶來(lái)愉悅而非恐慌。雖然結(jié)果不如預(yù)測(cè)，但可能發(fā)生了更好的事情。David Rock在《You Brain at Work》中提到：喜悅和新奇的經(jīng)歷也會(huì)刺激多巴胺的分泌，而帶來(lái)愉悅的體驗(yàn)。這種體驗(yàn)與幽默的效果類似：笑話之所以好笑是因?yàn)榻Y(jié)局有個(gè)出人意料的轉(zhuǎn)折，有一個(gè)奇妙的結(jié)果。更重要的是，風(fēng)險(xiǎn)最小，笑話效果最好：摔個(gè)狗吃屎不會(huì)讓你死。但當(dāng)玩笑過(guò)于犀利，難免如鯁在喉，我們便要抗拒退縮。

新的交互設(shè)計(jì)可以遵循相似的原則：如果設(shè)計(jì)能帶來(lái)意料以外的樂(lè)趣，并且沒(méi)人因此受傷（也沒(méi)有數(shù)據(jù)被破壞），那么設(shè)計(jì)就能激發(fā)意料以外的歡愉，從而被快速上手，取代掉你一直想更改的舊有設(shè)計(jì)。

原文：You Already Know How To Use It

文章來(lái)源：ued.taobao.com

標(biāo)簽： 產(chǎn)品設(shè)計(jì) 交互設(shè)計(jì) 多巴胺獎(jiǎng)賞系統(tǒng) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。