第一篇文章主要從交互的表層進(jìn)行分享，第二次是“交互設(shè)計(jì)該如何展開誘惑”，那么這一次我將圍繞“誘惑”展開分享——誘惑，其實(shí)也是一種含蓄的藝術(shù)。之所以選擇闡述“誘惑”這個(gè)話題，是因?yàn)橥ㄟ^(guò)這種藝術(shù)，我們可以改變界面的一些小細(xì)節(jié)，當(dāng)然是可以立刻實(shí)現(xiàn)的那種，然后就會(huì)產(chǎn)生很大的影響。

一、第一小步

1. 行為引導(dǎo)

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

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

2. 分享地點(diǎn)

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

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

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

平臺(tái)通過(guò)這樣一個(gè)微小的語(yǔ)言表達(dá)方式（后邊還會(huì)陳述這一點(diǎn)）讓用戶邁出了第一步。

3. 賦予進(jìn)度效果

這個(gè)原則很有意思。

案例：某洗車店會(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)度效果”。

通過(guò)已經(jīng)完成的兩個(gè)章，讓人們走出了第一小步，而且章蓋得越多，越接近蓋滿，人們完成任務(wù)的欲望就會(huì)越強(qiáng)烈，這被稱為目標(biāo)實(shí)現(xiàn)。（支付寶種樹案例大家再想一想，是不是每次越接近種樹能量，偷能量越勤奮了呢？）

4. 行為拆分

和賦予進(jìn)度效果聯(lián)系很緊密的還有一個(gè)原則——行為拆分，上一篇文章已經(jīng)具體分析過(guò)這一原則，是說(shuō)要把一個(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)選擇簡(jiǎn)化為一個(gè)簡(jiǎn)單的選擇，再展示出來(lái)。就像一本“模擬歷險(xiǎn)情境”的書籍，你對(duì)操作進(jìn)行了拆分。

二、避免展示過(guò)多信息

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

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

圖一

圖二

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

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

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

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

所以要客觀去認(rèn)識(shí)這些設(shè)計(jì)細(xì)節(jié)～

三、吸引注意力

平時(shí)界面設(shè)計(jì)我們會(huì)通過(guò)設(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ì)比來(lái)吸引人們的注意：通過(guò)改變廣告發(fā)送頻率，不再讓人厭煩。這屬于對(duì)比中的時(shí)間對(duì)比，當(dāng)然還有動(dòng)畫對(duì)比，比如頁(yè)面中可以添加一個(gè)閃爍的按鈕來(lái)吸引注意力。當(dāng)然要設(shè)計(jì)合理哦～

四、建立最省力的途徑

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

以我們生活的案例為例：中午到了飯點(diǎn)，A說(shuō)中午我們?nèi)ツ睦锍燥?？B說(shuō)我們要不要去XXX地吃飯？

如果是你，你會(huì)接受哪個(gè)吃飯建議？

大多數(shù)會(huì)選擇B，因?yàn)檫@個(gè)建議更直接：把“去哪里吃飯”變?yōu)榱恕拔覀円灰ツ睦锍燥?。?/p>

案例：茶葉評(píng)價(jià)系統(tǒng)某茶葉網(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à)過(guò)的茶葉名稱以及等級(jí)，這樣是不是更有助于你在兩種茶葉間進(jìn)行比較呢？所以這個(gè)評(píng)價(jià)系統(tǒng)就在人們對(duì)茶葉評(píng)價(jià)不一致的問(wèn)題上建立了一條捷徑～

五、語(yǔ)言的魅力

印象比較深刻的是“你”的問(wèn)題，以每次公眾號(hào)標(biāo)題為例，我會(huì)盡量把“你”加進(jìn)去，因?yàn)檫@樣能夠證明我寫的這篇文章是和你有關(guān)的，會(huì)讓你覺(jué)得自己看完有所收獲。

而數(shù)據(jù)也顯示，標(biāo)題中有“你”字的文章，點(diǎn)擊率明顯比沒(méi)有“你”的高，當(dāng)然也不能勉強(qiáng)添加，要視內(nèi)容而定。

關(guān)于語(yǔ)言的魅力，除了設(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)然買買買啊～

六、商業(yè)目標(biāo)與行為目標(biāo)

平時(shí)設(shè)計(jì)，你會(huì)不會(huì)想出很多好的點(diǎn)子？當(dāng)然會(huì)，但是公司會(huì)采納嗎？這就不一定了，那怎樣讓公司為你的這些想法投資呢？要將行為目標(biāo)和商業(yè)目標(biāo)結(jié)合起來(lái)。

案例：假設(shè)我們確定了一個(gè)商業(yè)目標(biāo)：提高油管的視頻上傳質(zhì)量，高層領(lǐng)導(dǎo)已經(jīng)確定了這一目標(biāo)。

但是面臨的問(wèn)題是：油管逐漸發(fā)展成了讓越來(lái)越多人群上傳各種視頻的大眾平臺(tái)。

那么我們?cè)撛趺崔k？

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

所以真正的行為目標(biāo)是：鼓勵(lì)人們對(duì)視頻進(jìn)行選擇。我們可以通過(guò)限制視頻上傳數(shù)來(lái)達(dá)成這一行為目標(biāo)，比如每個(gè)人只能上傳兩個(gè)視頻，這樣是否就能讓用戶在上傳之前思考一下視頻質(zhì)量呢？

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

（但是自己分析了一下最近的項(xiàng)目，真正做到真的太難了，不過(guò)我們已經(jīng)走到了懂的路上，接下來(lái)慢慢學(xué)習(xí)咯～）

不知不覺(jué)寫了這么多，最大的收獲就是了解到那么多心理學(xué)效應(yīng)，然后和平時(shí)的設(shè)計(jì)內(nèi)容以及生活聯(lián)系了起來(lái)～關(guān)于這本書的筆記，下周還會(huì)更最后一篇哦～最后是日常期望：希望大家看完后有一點(diǎn)點(diǎn)收獲～那我寫這篇文章的意義就很大啦～

本文由 @羽翼單舞 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議