這幾天看了一本書，書名是《怦然心動(dòng)：情感化交互設(shè)計(jì)指南》。最開始了解交互是在優(yōu)設(shè)網(wǎng)的細(xì)節(jié)獵人欄目，里邊有很多產(chǎn)品的設(shè)計(jì)細(xì)節(jié)，通過這些細(xì)節(jié)，你會(huì)記住一款產(chǎn)品，當(dāng)時(shí)我把這些小的細(xì)節(jié)看成產(chǎn)品的交互行為。

直到看到這本「怦然心動(dòng)」，我才發(fā)現(xiàn)交互是一棵根扎到很深很深的大樹。

這本書主要講了什么呢？用作者的話說就是──如何通過有趣好玩的活動(dòng)來影響人類的行為。更具體的說，就是將如何吸引異性的策略運(yùn)用到人和交互設(shè)備的交互中去。

交互如何讓人怦然心動(dòng)

1. 為什么要做交互？

每天都有很多網(wǎng)絡(luò)公司成立，各式各樣的產(chǎn)品讓人眼花繚亂，如何在眾多產(chǎn)品中脫穎而出？那就需要讓產(chǎn)品吸引用戶。

2.?交互行為為什么會(huì)有效？

學(xué)習(xí)柔道的時(shí)候，你會(huì)在取得黑帶的過程中獲得各種色帶，這就是一種吸引用戶的方法。試想一下，如果教練對(duì)你說：「堅(jiān)持吧，十年之后你就會(huì)獲得黑帶。」要是這樣，那黑帶目標(biāo)對(duì)你來說真的很渺茫了，你會(huì)有隨時(shí)放棄的可能。

就像很多學(xué)習(xí)類產(chǎn)品，通過設(shè)置關(guān)卡，給你傳達(dá)了一個(gè)信息：看，我在不斷進(jìn)步！

那它為什么這么有效呢？是因?yàn)檫@個(gè)行為牽扯到了心理學(xué)：

• 行為拆分：當(dāng)把復(fù)雜的任務(wù)分解成較簡(jiǎn)單的任務(wù)時(shí)，我們更容易采取行動(dòng)。
• 適度的挑戰(zhàn)：挑戰(zhàn)才有樂趣，特別是難度適中，不會(huì)困難到無從下手，也不會(huì)簡(jiǎn)單到無聊透頂?shù)牡奶魬?zhàn)。
• 地位：我們常常評(píng)估，相對(duì)于他人和自己的最佳紀(jì)錄，交互是如何加強(qiáng)或削弱我們的地位。
• 成就：我們更趨于參加各種有意義的活動(dòng)，受到大家認(rèn)可的成就。

所以你應(yīng)該明白了，為什么同樣的學(xué)習(xí) app，設(shè)置關(guān)卡等級(jí)類的學(xué)習(xí) app 更受青睞。

3. 產(chǎn)品進(jìn)化模式圖

如上圖，是一個(gè)基本的產(chǎn)品進(jìn)化模式圖?？赐赀@個(gè)層級(jí)后，我想了想平時(shí)使用的 app 有哪些做到了意義深遠(yuǎn)，發(fā)現(xiàn)「微信讀書」「嗶哩嗶哩」光榮上榜。

前五點(diǎn)就不具體闡述，光說最高級(jí)別的意義深遠(yuǎn)一點(diǎn)。微信讀書讓我養(yǎng)成了看書的好習(xí)慣，每年完成對(duì)應(yīng)的書單。嗶哩嗶哩讓我養(yǎng)成了看紀(jì)錄片的習(xí)慣，關(guān)于藝術(shù)關(guān)于歷史等等，都讓我看到嗶哩嗶哩的閃光點(diǎn)。一款產(chǎn)品，如果做到讓用戶意義深遠(yuǎn)，我想這就很成功了吧。

在互聯(lián)網(wǎng)的浪潮中，如果你已經(jīng)擁有了穩(wěn)定可用的產(chǎn)品，如果想讓它發(fā)展到下一級(jí)別，意味著你要專注于更感性的東西，比如情感、表達(dá)和美學(xué)。

4. 美學(xué)·美的三種模式

設(shè)計(jì)師 Cennydd Bowles 在他的博客中闡述道，美具有三種模式：公認(rèn)的、文化的和主觀的。

• 公認(rèn)的美與基本的設(shè)計(jì)美學(xué)原則有關(guān)，如對(duì)稱、協(xié)調(diào)、三分法則和黃金比例。這些是美觀設(shè)計(jì)的傳統(tǒng)基礎(chǔ)。心理學(xué)和進(jìn)化生物學(xué)為這些公認(rèn)的原則提供了許多解釋。我們的視覺系統(tǒng)趨于在事物中組織信息、尋找模式和建立秩序。
• 文化的美指的是在某個(gè)時(shí)刻從某種方面我們發(fā)現(xiàn)某種文化的迷人之處。瑪麗蓮·夢(mèng)露是世界上最有名的人物之一。不過，如果她現(xiàn)在還活著，她會(huì)不會(huì)成為美的典范就很難說了。在網(wǎng)上，思考點(diǎn)在于不同時(shí)代流行于不同群體間的各種文體風(fēng)格。
• 主觀的美就是你個(gè)人覺得對(duì)象具有美，這與你個(gè)人的品味和偏好有關(guān)。也許你覺得 Quora 的斯巴達(dá)美學(xué)很對(duì)你的胃口，或者你覺得相當(dāng)無趣。

Bowles 繼續(xù)暗示這三種模式具有等級(jí)關(guān)系：主觀的美壓倒文化的美，文化的美勝過公認(rèn)的美。

可以這樣理解：

• 公認(rèn)的美：平時(shí)做設(shè)計(jì)使用的一些設(shè)計(jì)規(guī)范，比如黃金分割、斐波那契數(shù)列等等；
• 文化的美：前幾年流行擬物化風(fēng)格，最近幾年是扁平化風(fēng)格......關(guān)于某個(gè)時(shí)間段的「美」；
• 主觀的美：每個(gè)人對(duì)設(shè)計(jì)的主觀感受。

5. 小結(jié)

最后作者的結(jié)論讓我驚呆了：現(xiàn)實(shí)真的是這樣。平時(shí)的設(shè)計(jì)稿，領(lǐng)導(dǎo)主觀的美壓倒一切，不管你用了什么流行的風(fēng)格，用了什么法則，統(tǒng)統(tǒng)被領(lǐng)導(dǎo)主觀的美打敗。其次是關(guān)于公認(rèn)的美和文化的美，兩個(gè)設(shè)計(jì)稿，同樣運(yùn)用了黃金分割法則，最后現(xiàn)在流行的扁平化風(fēng)格一定會(huì)完勝擬物化風(fēng)格，這就是作者的結(jié)論。

交互設(shè)計(jì)該如何展開誘惑

1. 你的設(shè)計(jì)有趣嗎？

要試著在設(shè)計(jì)中使用幽默，通過交互設(shè)計(jì)中的一點(diǎn)兒幽默，可以使設(shè)計(jì)更加人性化，引導(dǎo)用戶產(chǎn)生積極的心理效應(yīng)。當(dāng)人們心情好的時(shí)候，解決問題就會(huì)更加有創(chuàng)造力，而且還能有效地理順?biāo)季S。

但是你需要考慮到這樣一個(gè)問題：你不知道面對(duì)的是什么樣的用戶群體，你的幽默可能被用戶當(dāng)真，可能會(huì)冒犯到用戶，所以這也迫使你去了解你的用戶。

舉個(gè)例子，某國(guó)外網(wǎng)站的郵件預(yù)覽效果的交互設(shè)計(jì)。人們預(yù)覽郵件的時(shí)候，會(huì)有一只猴子張開雙臂。如果郵件預(yù)覽窗口太寬，猴子的手臂就會(huì)突然斷裂，而且噴出鮮血，可能現(xiàn)在我們覺得好恐怖啊，其實(shí)這樣的設(shè)計(jì)似乎很迎合英國(guó)人的口味。

所以要記住一點(diǎn)：要正確的使用幽默，不是看運(yùn)用在何種行業(yè)，而是看運(yùn)用在何種情況下。

不過倘若你使用了幽默的交互設(shè)計(jì)，用戶沒有發(fā)現(xiàn)，也并不是一件壞事，因?yàn)橄啾绕饎e人告訴它某個(gè)幽默的設(shè)計(jì)小細(xì)節(jié)，用戶更青睞于自己發(fā)現(xiàn)它。

2. 你的設(shè)計(jì)令人驚喜嗎？

說到驚喜，可能你會(huì)想到很多驚喜的設(shè)計(jì)細(xì)節(jié)。這里作者將驚喜與獎(jiǎng)勵(lì)結(jié)合了起來。

可預(yù)知的可變獎(jiǎng)勵(lì)

當(dāng)你準(zhǔn)備放棄的時(shí)候，又贏回一點(diǎn)點(diǎn)。不管贏回的多么少，也暗示著你還有機(jī)會(huì)，只要繼續(xù)玩下去。這種獎(jiǎng)勵(lì)可能看上去很隨機(jī)，但實(shí)際上它們已經(jīng)被計(jì)算好了，能讓你不斷往機(jī)器投入硬幣。如果獎(jiǎng)勵(lì)太多，你就會(huì)渴望贏，一旦幾次沒有贏，你便容易退出。如果獎(jiǎng)勵(lì)太少，你就會(huì)放棄。這種手法通常被訓(xùn)犬師用來訓(xùn)狗，或被父母用來培養(yǎng)孩子。

如果你每次進(jìn)行這項(xiàng)行為，都能得到獎(jiǎng)勵(lì)，你就會(huì)變得對(duì)它有所期待；如果得到獎(jiǎng)勵(lì)完全是隨機(jī)的，你就會(huì)對(duì)它上癮。

對(duì)于「老虎機(jī)」獎(jiǎng)勵(lì)，你可以知道最終結(jié)果不是輸就是贏，但是你不知道下一次是輸還是贏，所以把它稱作可預(yù)知的可變獎(jiǎng)勵(lì)。

不可預(yù)知的可變獎(jiǎng)勵(lì)

這種類型的獎(jiǎng)勵(lì)真的是隨處可見，比如你入住某個(gè)酒店，酒店為你提供了一場(chǎng)免費(fèi)電影，或者贈(zèng)送你一塊絨布紙巾。當(dāng)你去地下倉(cāng)庫(kù)搬東西，上樓梯時(shí)候看到臺(tái)階上寫了一行能量滿滿的字：

相信這個(gè)時(shí)候，你一定會(huì)不由自主地嘴角上揚(yáng)：一切真的都會(huì)好起來。

這一系列的獎(jiǎng)勵(lì)相當(dāng)于這款產(chǎn)品給予用戶的贈(zèng)禮，說到贈(zèng)禮，這里要提到一個(gè)名詞──「互惠主義」。

所謂互惠主義就是贈(zèng)予他人禮物，但是不期望得到回報(bào)。但是有些公司會(huì)把它延伸一點(diǎn)，暗示了回饋網(wǎng)站的方式：收藏或者分享該網(wǎng)頁。這種行為沒有不對(duì)，但是需要處理好，不然用戶會(huì)覺得你在強(qiáng)迫他。

當(dāng)你不求回報(bào)付出時(shí)，通常會(huì)得到一些很有意義的回報(bào)。

比如某款產(chǎn)品的驚喜獎(jiǎng)勵(lì)會(huì)讓用戶四處宣傳這款產(chǎn)品。但是如果別的公司也給予了用戶相同的獎(jiǎng)勵(lì)，那它將不再是給予用戶的贈(zèng)禮，因?yàn)樗呀?jīng)是一種期望，它希望用戶收禮后也去宣傳他們的產(chǎn)品。

生活中這樣的例子太多了：「親，好評(píng)給五元紅包哦」「親，送你一個(gè)小禮物，請(qǐng)掃一下二維碼哦」......所以這些場(chǎng)景是不是可以換一種贈(zèng)予方式去實(shí)施這些行為呢？

3. 你的設(shè)計(jì)令人興奮嗎？

以 Dopplr 網(wǎng)站為例，創(chuàng)始人為世界上每個(gè)城市指定了一種顏色。

為防止大家對(duì)這么多顏色是怎么取出來的感到好奇，給大家解釋一下：以「MD5」算出城市的名稱，轉(zhuǎn)換為十六進(jìn)制，然后將前六個(gè)字母作為 CSS RGB 的值。具體我也不懂，你只需要知道是可以取出這么多顏色的就對(duì)了。

這樣的話，用戶頭像的邊緣顏色就會(huì)反映你的旅行進(jìn)程，當(dāng)你換一個(gè)城市的時(shí)候，頭像邊緣就會(huì)更換不同的顏色。

和上邊說到的一樣，當(dāng)用戶自己發(fā)現(xiàn)這一獨(dú)特設(shè)計(jì)后，體驗(yàn)會(huì)更好。

4. 你的設(shè)計(jì)有神秘感嗎？

這個(gè)問題的基礎(chǔ)──人的好奇心。因?yàn)槿撕闷?，所以才讓?duì)象顯得更加神秘，說到好奇，就需要了解一個(gè)理論──「信息差理論」。

當(dāng)某些事情從已知（或者我們認(rèn)為的已知）變?yōu)槲粗獱顟B(tài)時(shí)，我們便會(huì)好奇。通俗一點(diǎn)，當(dāng)我們發(fā)覺有知識(shí)空缺時(shí)，便會(huì)開始好奇。

案例1

當(dāng)我們離開某個(gè)酒店的時(shí)候，對(duì)方送給我們一張包起來的禮品卡：「您下次入住我們酒店的時(shí)候，我們會(huì)為您拆開，里邊有大禮呦?！瓜嘈拍銜?huì)對(duì)此充滿好奇。

另外，保管一件有價(jià)值的東西是激發(fā)人們好奇心的關(guān)鍵部分。

案例2

脈脈app，它會(huì)在用戶主頁向你透露某大廠的某人查看了你的資料，若想知道是哪個(gè)大廠查看的，就需要付費(fèi)成為會(huì)員。很多產(chǎn)品將用戶的好奇心運(yùn)用到了這一交互設(shè)計(jì)中去。

5. 你的設(shè)計(jì)能讓人們表現(xiàn)自己?jiǎn)幔?/h5>

看到這一章節(jié)的時(shí)候，滿腦子都是支付寶的小雞和螞蟻森林這兩款產(chǎn)品設(shè)計(jì)。

人們想要在某個(gè)事物上留下自己的標(biāo)記，證明自己來過；想要在筆記本上貼滿各種貼紙......這便是人的自我表現(xiàn)力，人們想要通過這些行為表現(xiàn)自己的個(gè)性與感受。

網(wǎng)絡(luò)身份表現(xiàn)力

常見的便是微博、QQ、微信朋友圈可以自己設(shè)置背景圖。除此之外，QQ 還可以讓用戶展示自己最近在玩的游戲、聽的歌曲。微博會(huì)在首頁展示用戶最近參與的一些話題。這一些功能構(gòu)成了你的網(wǎng)絡(luò)身份，并將它反映給別人。

控制表現(xiàn)力

當(dāng)人們被允許控制某些事物時(shí)，便會(huì)體現(xiàn)出自我表現(xiàn)力。以支付寶小雞為例，人們會(huì)在螞蟻莊園場(chǎng)景中擁有一只屬于自己的虛擬小雞，可以對(duì)它進(jìn)行裝飾打扮，小雞的外在形象其實(shí)就是用戶的理想形象。

驅(qū)動(dòng)表現(xiàn)力

以支付寶螞蟻森林為例，用戶會(huì)通過收集能量來種植自己喜歡的樹，他們希望種越來越多的樹，而且也希望別的用戶看到自己成果──在好友列表排前幾名。

6. 小結(jié)

通過有趣、驚喜感、興奮感、神秘感、表現(xiàn)力這五個(gè)方面的闡述，讓我們把交互設(shè)計(jì)與生活中和我們貼近的產(chǎn)品聯(lián)系起來。是不是覺得交互設(shè)計(jì)誘惑力很強(qiáng)大？既然逐漸了解了交互設(shè)計(jì)的誘惑，那就要細(xì)心發(fā)現(xiàn)更多誘惑了，然后去深入了解它們，這應(yīng)該是每個(gè)設(shè)計(jì)師應(yīng)該重視的問題。

「誘惑」這種含蓄的藝術(shù)

之所以選擇闡述誘惑這個(gè)話題，是因?yàn)橥ㄟ^這種藝術(shù)，我們可以改變界面的一些小細(xì)節(jié)，當(dāng)然是可以立刻實(shí)現(xiàn)的那種，然后就會(huì)產(chǎn)生很大的影響。

1. 第一小步

行為引導(dǎo)

案例：注冊(cè)界面同意用戶協(xié)議前邊的默認(rèn)勾選按鈕。

通過這個(gè)默認(rèn)選項(xiàng)設(shè)計(jì)，推動(dòng)人們邁出第一步，增加了人們注冊(cè)以及了解某產(chǎn)品的可能性。

分享地點(diǎn)

案例：鼓勵(lì)人們拍攝、上傳照片。

某服務(wù)鼓勵(lì)人們拍攝上傳照片到平臺(tái)，當(dāng)你在注冊(cè)過程中，它會(huì)提出一些問題：你最喜歡去哪三個(gè)地方吃飯、你周末經(jīng)常去什么地方等等問題。

注冊(cè)完畢，當(dāng)你首次打開平臺(tái)，它會(huì)給你第一個(gè)拍攝任務(wù)，它不會(huì)說：「現(xiàn)在，請(qǐng)去拍你最喜歡的地方吧。」而是說：「聽說XXX是你最喜歡的地方之一，為什么不去拍下來呢？」

平臺(tái)通過這樣一個(gè)微小的語言表達(dá)方式讓用戶邁出了第一步。

賦予進(jìn)度效果

案例：某洗車店會(huì)給每次洗完車的客戶發(fā)一張洗車卡片，卡片上有八個(gè)章，蓋滿八個(gè)章將會(huì)得到一次免費(fèi)洗車的服務(wù)。

但是區(qū)別是：A 卡片有八個(gè)章，B 卡片有十個(gè)章，但是前兩個(gè)已經(jīng)蓋上。你認(rèn)為哪種卡片擁有者得到免費(fèi)洗車服務(wù)比較多呢？

最后結(jié)果表明，B 卡片用戶是 A 卡片用戶的近二倍人數(shù)，得到了免費(fèi)洗車服務(wù)，而且時(shí)間更短。這種行為便是「賦予進(jìn)度效果」。

通過已經(jīng)完成的兩個(gè)章，讓人們走出了第一小步，而且章蓋得越多，越接近蓋滿，人們完成任務(wù)的欲望就會(huì)越強(qiáng)烈，這被稱為目標(biāo)實(shí)現(xiàn)。

行為拆分

和賦予進(jìn)度效果聯(lián)系很緊密的還有一個(gè)原則──行為拆分，上面已經(jīng)具體分析過這一原則，是說要把一個(gè)行為拆分成多個(gè)行為，這次我們分享一個(gè)有力支持這一原則的案例。

案例：下圖是兩個(gè)不同的網(wǎng)站關(guān)于鼓勵(lì)用戶完善個(gè)人資料的方式，最后結(jié)果顯示圖二的完善進(jìn)度大于圖一。

△ 圖一

△ 圖二

為什么會(huì)這樣呢？

你需要了解一種設(shè)計(jì)方法，這種方法稱為內(nèi)關(guān)聯(lián)行為：不要向人們展示四個(gè)選項(xiàng)，而只展示出兩個(gè)。僅當(dāng)人們猶豫著是否點(diǎn)擊「不感興趣」的選項(xiàng)時(shí)，再顯示另外三個(gè)明確的選項(xiàng)。你將一系列可能的常見選擇簡(jiǎn)化為一個(gè)簡(jiǎn)單的選擇，再展示出來。就像一本「模擬歷險(xiǎn)情境」的書籍，你對(duì)操作進(jìn)行了拆分。

2. 避免展示過多信息

以上邊的兩張圖片案例為例，圖二設(shè)計(jì)師將眾多的列表框隱藏起來，讓界面更加簡(jiǎn)潔，其實(shí)并沒有縮小人們的選擇范圍。

有時(shí)候即使列表不能隱藏，你也可以迷惑視覺系統(tǒng)：

△ 圖一

△?圖二

這個(gè)案例把四個(gè)問題變成了兩個(gè)，從視覺上將姓名合二為一，將郵件和電話集合到聯(lián)系方式標(biāo)簽下，其實(shí)實(shí)質(zhì)沒有變，還是四個(gè)問題，但是這種視覺效果，會(huì)讓用戶覺得這種方式更自然。

那是不是任何情況都要保證避免展示過多信息呢？不是的。

某理財(cái)機(jī)構(gòu)網(wǎng)站有一個(gè)調(diào)查服務(wù)，調(diào)查人們的理財(cái)行為，但是其中的問題竟然涉及到了你喜歡的音樂風(fēng)格。這和理財(cái)有什么關(guān)系呢？

一種解釋是，網(wǎng)站實(shí)際上具有某種非常巧妙的算法，可以根據(jù)個(gè)人的娛樂偏好來推斷人們的性格特點(diǎn)。在這樣的前提下，網(wǎng)站通過間接的問題來了解重要的理財(cái)信息。這是可能的。另一種（更可能的）推斷是，問問題是假，真正的目的是讓你更投入整個(gè)調(diào)查過程。真正的理財(cái)問題可能只有四個(gè)，但是通過添加這些「僅供娛樂」的問題，也許真的能令更多人完成表格。無論是哪種原因，這是一個(gè)值得借鑒的案例，也是另一種運(yùn)用細(xì)節(jié)的方式，十分具有誘惑力。

3. 吸引注意力

我們會(huì)通過設(shè)計(jì)合適的按鈕、運(yùn)用合適的字體字號(hào)、鼠標(biāo)懸停在按鈕上的效果等方式去吸引人們的注意，關(guān)于這些就不做分析。這里我想提另一種吸引注意力的方式。

案例：每天早上打開電腦，固定時(shí)間固定位置會(huì)出現(xiàn)某牙科醫(yī)院的廣告，關(guān)閉一個(gè)彈出另一個(gè)，而且還是視頻播放，確實(shí)吸引了工作中的我的注意力，但是一個(gè)又一個(gè)的廣告視頻簡(jiǎn)直讓人崩潰，而且我對(duì)該醫(yī)院的印象已經(jīng)很差。

像這樣的吸引注意力方式用戶當(dāng)然不會(huì)買單，如果變一下，結(jié)果可能會(huì)不一樣。

該醫(yī)院其實(shí)可以運(yùn)用對(duì)比來吸引人們的注意：通過改變廣告發(fā)送頻率，不再讓人厭煩。這屬于對(duì)比中的時(shí)間對(duì)比，當(dāng)然還有動(dòng)畫對(duì)比，比如頁面中可以添加一個(gè)閃爍的按鈕來吸引注意力。

4. 建立最省力的途徑

在兩個(gè)選擇之間，我們更傾向于選擇無需付出任何代價(jià)的那個(gè)，這種行為被稱為「現(xiàn)狀偏見」。

以我們生活中的案例為例：中午到了飯點(diǎn)，A 說我們?nèi)ツ睦锍燥?？B 說我們要不要去XXX地吃飯？如果是你，你會(huì)接受哪個(gè)吃飯建議？大多數(shù)會(huì)選擇 B，因?yàn)檫@個(gè)建議更直接：把「去哪里吃飯」變?yōu)榱恕肝覀円灰ツ睦锍燥??！?/p>

案例：某茶葉網(wǎng)站開發(fā)了一個(gè)茶葉評(píng)級(jí)系統(tǒng)，系統(tǒng)中設(shè)計(jì)了一個(gè)小小的刻度線，重點(diǎn)就是這條刻度線，當(dāng)你把鼠標(biāo)放在某個(gè)刻度上時(shí)，就會(huì)顯示你曾經(jīng)評(píng)價(jià)過的茶葉名稱以及等級(jí)，這樣是不是更有助于你在兩種茶葉間進(jìn)行比較呢？

所以這個(gè)評(píng)價(jià)系統(tǒng)就在人們對(duì)茶葉評(píng)價(jià)不一致的問題上建立了一條捷徑。

5. 語言的魅力

印象比較深刻的是「你」的問題，以每次公眾號(hào)標(biāo)題為例，我會(huì)盡量把「你」加進(jìn)去，因?yàn)檫@樣能夠證明我寫的這篇文章是和你有關(guān)的，會(huì)讓你覺得自己看完有所收獲。而數(shù)據(jù)也顯示，標(biāo)題中有「你」字的文章，點(diǎn)擊率明顯比沒有「你」的高，當(dāng)然也不能勉強(qiáng)添加，要視內(nèi)容而定。

關(guān)于語言的魅力，除了設(shè)計(jì)，和我們的生活也息息相關(guān)，比如一個(gè)洗衣機(jī)的廣告：我們的洗衣機(jī)很實(shí)惠，究竟有多實(shí)惠呢？節(jié)省的水電費(fèi)可以讓你再買一臺(tái)洗衣機(jī)！購(gòu)買人群：太好了，一兩年之內(nèi)我可以再節(jié)省出一臺(tái)洗衣機(jī)，當(dāng)然買買買了。

6. 商業(yè)目標(biāo)與行為目標(biāo)

平時(shí)設(shè)計(jì)，你會(huì)不會(huì)想出很多好的點(diǎn)子？當(dāng)然會(huì)，但是公司會(huì)采納嗎？這就不一定了，那怎樣讓公司為你的這些想法投資呢？

要將行為目標(biāo)和商業(yè)目標(biāo)結(jié)合起來。

案例：假設(shè)我們確定了一個(gè)商業(yè)目標(biāo)是提高油管的視頻上傳質(zhì)量，高層領(lǐng)導(dǎo)已經(jīng)確定了這一目標(biāo)。但是面臨的問題是油管逐漸發(fā)展成了讓越來越多人群上傳各種視頻的大眾平臺(tái)。那么我們?cè)撛趺崔k？

這時(shí)候就需要你把商業(yè)目標(biāo)翻譯成行為目標(biāo)了：提高視頻上傳質(zhì)量，是某些行為進(jìn)行改變后的結(jié)果。所以真正的行為目標(biāo)是：鼓勵(lì)人們對(duì)視頻進(jìn)行選擇。

我們可以通過限制視頻上傳數(shù)來達(dá)成這一行為目標(biāo)，比如每個(gè)人只能上傳兩個(gè)視頻，這樣是否就能讓用戶在上傳之前思考一下視頻質(zhì)量呢？

我們也可以給予高質(zhì)量視頻上傳者更多的特權(quán)；可以給用戶發(fā)送一些權(quán)威人士的視頻制作技巧......通過這些方法，是不是將行為目標(biāo)轉(zhuǎn)化成了商業(yè)目標(biāo)呢？

情感化交互設(shè)計(jì) ── 游戲篇

交互設(shè)計(jì)指南最后討論的是「游戲」。

說到游戲，你腦海里會(huì)浮現(xiàn)出什么？王者榮耀？英雄聯(lián)盟？開心消消樂？或許還有很多，但是浮現(xiàn)之后呢？你有沒有想過這些你脫口而出的游戲?yàn)槭裁磿?huì)讓你如此著迷？我們就來扒一扒究竟是什么讓人們對(duì)游戲有源源不斷的熱情。

1. 游戲設(shè)計(jì)原理

一個(gè)游戲好不好玩，取決于該游戲的玩法。玩耍也是一種游戲，但是它和游戲是不同的，玩耍可以沒有任何規(guī)則，可以隨時(shí)展開，而游戲是有規(guī)則有目標(biāo)的。所以正是這些元素引發(fā)了人們的焦慮、興奮與喜悅等感情。

所以一些網(wǎng)站為了挽留用戶，設(shè)計(jì)了用戶積分、領(lǐng)取徽章的游戲模式，但是這并不能將它變成一種游戲，至少不能變成一個(gè)值得長(zhǎng)期玩的游戲，當(dāng)然，更不能帶來樂趣。

作者羅列了一系列游戲，然后總結(jié)出了多數(shù)游戲所屬的類別：

• 玩耍和挑戰(zhàn)
• 矛盾和選擇
• 反饋回應(yīng)
• 目標(biāo)和獎(jiǎng)勵(lì)
• 虛構(gòu)的世界

這些便是作者的「游戲設(shè)計(jì)原理」模型的基礎(chǔ)。

2. 教學(xué)態(tài)度與游戲的激勵(lì)手段

自我激勵(lì)

老師：「這個(gè)課程很無聊，我會(huì)盡力去講，但是你必須自己努力去學(xué)一些知識(shí)?！?/p>

我們把它稱為「自我激勵(lì)」態(tài)度，你必須自己學(xué)習(xí)這些內(nèi)容，當(dāng)然沒有了樂趣，學(xué)習(xí)已然成為了一項(xiàng)枯燥的任務(wù)。這正是現(xiàn)在部分軟件的真實(shí)寫照：你購(gòu)買了某產(chǎn)品，如果你不懂怎么操作，那你就只能去看說明書。如果你不想看，那就不懂怎么操作。所以這部分產(chǎn)品只是滿足了用戶產(chǎn)品起作用的需求。

「裹糖衣」

老師：「這節(jié)課不太有趣，但是我加入了某些小活動(dòng)，讓它變得有趣。」

課程本身沒有興趣，但是通過給它裹上一層糖衣，讓學(xué)生更容易接受。市場(chǎng)上也有這樣的產(chǎn)品，通過一層趣味拉攏了用戶，但是這樣的用戶不長(zhǎng)久，因?yàn)橛脩舾信d趣的是那層糖衣，而不是這個(gè)產(chǎn)品。所以現(xiàn)在很多產(chǎn)品：（玩耍+挑戰(zhàn)）+（獎(jiǎng)勵(lì)+目標(biāo)）=游戲，你越是強(qiáng)調(diào)獎(jiǎng)勵(lì)，用戶對(duì)產(chǎn)品本身會(huì)更沒興趣。

真實(shí)的挑戰(zhàn)

老師：「這節(jié)課非常有趣，我會(huì)給大家展示它為什么重要。首先我為大家準(zhǔn)備了一道題目?！?/p>

這種教學(xué)態(tài)度，將無聊的課程以一種啟發(fā)人的形式展示出來，前邊的這道題目會(huì)有一定挑戰(zhàn)性，但是一旦成功，學(xué)生會(huì)對(duì)這一課程產(chǎn)生強(qiáng)烈的興趣。

學(xué)習(xí)如此，游戲亦是這樣，我們需要了解用戶想提升的能力，然后找到核心挑戰(zhàn)，最后設(shè)法用一種有趣的方式（游戲）來展現(xiàn)它。這樣，挑戰(zhàn)伴隨的獎(jiǎng)勵(lì)所帶來的興趣將會(huì)持續(xù)下去。

3. 如何讓挑戰(zhàn)更令人興奮？

稀缺

伴隨著稀缺產(chǎn)生的是壓力，但是它也帶來了不少樂趣。某票務(wù)網(wǎng)站提示你某某演出的門票只剩下三張、某藝術(shù)家的現(xiàn)存售賣作品只剩下了兩份......最杰出的還是域名注冊(cè)，通過利用每個(gè)域名的稀缺性，從而鼓勵(lì)人們注冊(cè)域名。

稀缺性通過限制時(shí)間和權(quán)力表現(xiàn)出來。

以支付寶能量為例，如果超過了一定時(shí)間，能量就會(huì)消失，通過時(shí)間的稀缺性來督促用戶及時(shí)打開支付寶收取能量。

權(quán)利的稀缺性很多產(chǎn)品都有利用：只有會(huì)員才擁有某項(xiàng)特權(quán)，從而促使用戶注冊(cè)會(huì)員。

及時(shí)反饋

我們希望我們的行為能夠以某種形式影響著世界──因果效應(yīng)。

以新浪微博為例，你被多少人關(guān)注，通過粉絲數(shù)向別的用戶及時(shí)反饋，這就讓用戶樹立了一個(gè)目標(biāo)：獲取更多粉絲。

行為與積分（等級(jí)、排行榜、徽章）聯(lián)系起來

• 行為目標(biāo)：一封郵件只允許打開一次。
• 游戲設(shè)計(jì)：第一次打開獎(jiǎng)勵(lì)十個(gè)積分；第二次打開，扣掉十個(gè)積分；第三次打開，積分?jǐn)?shù)量變?yōu)樨?fù)十。

添加社交暗示

挑戰(zhàn)自己的記錄會(huì)讓你有動(dòng)力，但是和社交聯(lián)系起來，你會(huì)更有動(dòng)力──我的記錄和朋友們比起來怎么樣？他們是不是比我更厲害還是不如我？

4. 這些機(jī)制為何能激發(fā)人的積極性？

• 心理原則：目標(biāo)實(shí)現(xiàn)原則
• 娛樂性：故事、美感

除了以上那些原則，一個(gè)游戲讓人著迷的還包括它的敘事性、音樂以及界面設(shè)計(jì)。正是這些娛樂性的元素，吸引我們，帶我們進(jìn)入了游戲的世界。

5. 如何維持人們的興趣？

很多人列舉了自己使用多年的產(chǎn)品，這些產(chǎn)品都很枯燥，但是用戶使用它們的理由更吸引人：

• 它有用，并不斷地更新應(yīng)用
• 它工作得當(dāng)
• 非常可靠，并且買得起
• 具有可信度，易使用
• 不復(fù)雜
• 可以進(jìn)行管理，自定義和排版
• 做某件特別的事做得很好
• 我的朋友也在用
• 其應(yīng)用很實(shí)用
• 沒有別的選擇

忽然想到有些產(chǎn)品，在不斷的升級(jí)更新中，添加了新功能，但是忽視了基本功能，這就會(huì)讓用戶不滿，因?yàn)樗辉贊M足基本需求。

6. 如何運(yùn)用以上內(nèi)容？

以上提到的這些內(nèi)容，如果你想運(yùn)用到生活工作中，要挑選而且要互相搭配，就好比做飯，你只需挑選自己需要的食材即可。

總結(jié)

所有這一切：誘惑也好，游戲也罷，我們是為了讓用戶長(zhǎng)久喜歡，而不是一次性買賣──通過欺騙來拉攏用戶。

《怦然心動(dòng)：情感化交互設(shè)計(jì)指南》這本書到這里就結(jié)束了，看了很久，也看了多遍，把我的理解寫了這篇讀書筆記。之所以選擇這種方式是因?yàn)閯傞_始書中的「誘惑」內(nèi)容比較新鮮，所以陸陸續(xù)續(xù)就開始了。關(guān)于交互設(shè)計(jì)，這本書不會(huì)教你怎么去畫某個(gè)產(chǎn)品的邏輯框架圖，而是從生活行為到行為設(shè)計(jì)到產(chǎn)品設(shè)計(jì)，循序漸進(jìn)去講解，運(yùn)用起來還是很難的。

歡迎關(guān)注作者的微信公眾號(hào)：「Pony歐尼的日?！?/p>