Stephen P. Anderson
為什么要使交互變得誘人？
美學(xué)卒蘸、美和行為
玩耍的誘惑
誘惑是一種含蓄的藝術(shù)
令人心動(dòng)的游戲
為什么要使交互變得誘人啸蜜？
- 在交互設(shè)計(jì)工作中喧锦，我們時(shí)常會(huì)遇到這樣的問題：“如何提高網(wǎng)站轉(zhuǎn)換率，如何引導(dǎo)用戶完善信息丁频，如何促使用戶買完商品后給予評價(jià)杉允？”，要想解答這些問題席里，那我們必須要讓交互足夠的有趣叔磷、誘人。
- 如何通過有趣好玩的活動(dòng)來影響人類行為奖磁？
| 行為拆分 | 當(dāng)把復(fù)雜的任務(wù)分解成較簡單的任務(wù)時(shí)世澜，使其更容易采取行動(dòng) |
|---|---|
| 適度挑戰(zhàn) | 有挑戰(zhàn)才有樂趣，不能太簡單那樣會(huì)人覺得無聊署穗，難度要適中 |
| 地位 | 我們常常對比他人和自己的最佳紀(jì)錄寥裂，通過交互加強(qiáng)或削弱用戶的地位 |
| 成就 | 制造成就感 |
- 通過創(chuàng)造有吸引力的交互改善以下情況
高彈出率、低使用率案疲、低注冊率封恰、高度同質(zhì)化、低推薦率褐啡、宣傳郵件低點(diǎn)擊率诺舔。
| 反饋回應(yīng) | 當(dāng)自己的行為得到了有效的反饋，此時(shí)我們便被吸引备畦。 |
|---|---|
| 好奇心 | 當(dāng)我們發(fā)現(xiàn)一處有趣的內(nèi)容低飒，人們就想知道更多。 |
| 模式識(shí)別 | 就算沒有模式存在懂盐，我們的大腦也能找到組織和簡化復(fù)雜信息的方法褥赊。 |
| 視覺意向 | 視覺優(yōu)于其他任何感覺，是最直接的感知方式莉恼。 |
| 識(shí)別優(yōu)于回憶 | 從我們曾經(jīng)接觸過的事物中識(shí)別目標(biāo)比純粹使用回憶記起目標(biāo)更容易拌喉。 |
- 設(shè)計(jì)師把用戶的動(dòng)機(jī)看得比工具的可用性更重要—比起摩擦力，更重視拉力俐银。
有這樣的一個(gè)例子尿背，網(wǎng)頁管理員讓你填一張很長的表格，詢問了很多無謂的信息捶惜，但是田藐，如果你完成了這個(gè)表格，你的名字就會(huì)出現(xiàn)在一個(gè)人氣網(wǎng)站上。這時(shí)候你是否有更大的動(dòng)力完成這份表格汽久？
了解人們的動(dòng)機(jī)是一個(gè)很強(qiáng)大的設(shè)計(jì)工具茴晋。
- 體驗(yàn)決定一切：當(dāng)基礎(chǔ)需求得到滿足回窘，用戶體驗(yàn)便開始主宰一切诺擅。
- 尋找用戶潛在動(dòng)機(jī)，從中提取行為原則啡直，運(yùn)用到設(shè)計(jì)中去烁涌。
| 實(shí)用 | 移動(dòng)電話擺脫了傳統(tǒng)電話線的束縛，讓人可以隨時(shí)隨地打電話酒觅。 |
|---|---|
| 可靠 | 保證一切正炒橹矗可靠，提供高質(zhì)量的服務(wù)舷丹，比如高鐵票需要實(shí)時(shí)刷新獲取最新的余票信息抒钱，天氣預(yù)報(bào)需要精準(zhǔn)報(bào)道天氣狀況。 |
| 可用&易用 | 可用颜凯，用起來沒有障礙谋币。易用，超級便于使用符合心理預(yù)期症概。 |
| 令人心動(dòng) | 加入幽默元素以及激發(fā)人們的好奇心蕾额，創(chuàng)造流暢的體驗(yàn)，平衡游戲機(jī)制等等其他類似策略彼城。 |
| 意義深遠(yuǎn) | 比如索尼大法好诅蝶、果粉買買買一個(gè)道理，優(yōu)秀品牌代表一種標(biāo)簽或一種生活態(tài)度 |
美學(xué)募壕，美和行為
- 美學(xué)是用戶體驗(yàn)的一部分调炬，外表很重要但不能僅僅因?yàn)橐曈X表象作出倉促的商業(yè)決定。
- 視覺設(shè)計(jì)不僅僅是一種風(fēng)格舱馅、皮膚缰泡，美學(xué)與可用性是一個(gè)整體，相互呼應(yīng)习柠。
- 我們考慮能夠影響使用者交互一切因素：視覺傳達(dá)匀谣、動(dòng)作照棋、聲音资溃、甚至是觸覺。
- 美學(xué)檢驗(yàn)了我們對物體或現(xiàn)象的反應(yīng)烈炭，美學(xué)不僅僅關(guān)注網(wǎng)頁按鈕或別的視覺元素的藝術(shù)價(jià)值溶锭，更關(guān)注用戶對這些元素做出的反應(yīng)。
你的設(shè)計(jì)是否易于理解符隙？
- 識(shí)別是一個(gè)認(rèn)知的過程趴捅。它基于模仿和經(jīng)驗(yàn)垫毙，我們學(xué)會(huì)了怎樣理解我們周遭的世界。
-
根據(jù)我們經(jīng)驗(yàn)以下哪個(gè)更像一個(gè)按鈕拱绑？
按鈕對比
很顯然综芥，美學(xué)在表達(dá)功能。右邊的那個(gè)示意圖更像一個(gè)真實(shí)的按鈕猎拨。它的倒角及漸變的陰影都毫無疑問地表明了這一點(diǎn)膀藐。這就是“感知的功能可見性”（perceived affordances），暗示著這必須是一個(gè)按鈕红省。
- 大腦如何理解顏色额各、陰影、底紋這些自然規(guī)律吧恃？
顏色：綠色代表暢通虾啦、紅色穿傳達(dá)沖突、黃色則代表需要思考痕寓，不同的顏色代表不同的情緒情景傲醉。
窗口：想象一下，我們電腦常見的一個(gè)窗口呻率，活動(dòng)與非活動(dòng)時(shí)候所呈現(xiàn)的陰影需频，正在暗示著你打開的窗口中哪個(gè)正在為你服務(wù)。
你的產(chǎn)品可信嗎筷凤？
- 所有的美學(xué)經(jīng)歷都來源于我們真實(shí)世界所具備的屬性當(dāng)中昭殉。
- 影響一個(gè)網(wǎng)站可信度的公認(rèn)因素是什么？
網(wǎng)站整體的視覺傳達(dá)設(shè)計(jì)：包括版面設(shè)計(jì)藐守、排版方式挪丢、字體大小和顏色。
-
外觀印象可信度的情況在現(xiàn)實(shí)生活中同樣存在卢厂，下面哪家加油站更能讓你掏出錢包加油乾蓬，這已經(jīng)很明顯了。
糟糕的加油站
嶄新的加油站
除去最基本的信息慎恒，左邊呈現(xiàn)出來的感覺是年久失修任内、不可靠，總會(huì)擔(dān)心出故障融柬。右邊則是表現(xiàn)出嶄新而穩(wěn)定死嗦，讓人覺得在此消費(fèi)更可靠。
我們常常能看到一些設(shè)計(jì)粒氧，使用著不同意的字體越除、奇怪的顏色、行距、過份壓縮的圖片質(zhì)量摘盆，這些難道不會(huì)影響我們對產(chǎn)品的看法翼雀？我們思考下。
讓等待變成享受
-
在迪士尼的設(shè)計(jì)師們對排隊(duì)路線進(jìn)行了非常巧妙的設(shè)計(jì)孩擂，玩家可以通過電子等候牌知道自己所處位置與剩余的等待時(shí)間狼渊，但最終實(shí)際的等待時(shí)間比電子牌顯示的時(shí)間要短10分鐘左右。這類設(shè)計(jì)既減少用戶焦慮类垦，同時(shí)還能達(dá)到超出用戶預(yù)期的效果囤锉。從而使得漫長的等待看上去非常短暫。
在迪士尼排隊(duì)的人群 -
同樣的原理护锤，我們可以運(yùn)用在常見的進(jìn)度條上《新科學(xué)家》雜志做了一個(gè)實(shí)驗(yàn)官地，通過九種不同的進(jìn)度條來測試哪個(gè)看起來等待的時(shí)間更短。
加載中的進(jìn)度條
漸變處為加載中的水波紋效果烙懦，加載中水波紋會(huì)在進(jìn)度條上循環(huán)進(jìn)行驱入，通過測試觀察到“水波紋循環(huán)次數(shù)更少的看起來比循環(huán)次數(shù)更多”給人的感覺更快完成加載。
這是因?yàn)槲覀兇竽X更傾向計(jì)算周期氯析，而不是時(shí)間亏较。水波紋循環(huán)次數(shù)更多，給人的感覺時(shí)間更長掩缓。
感覺很重要
- 綜上所述雪情，感覺的時(shí)間、可信度都非常重要你辣。
- 另外在2007年芝加哥人類交互大會(huì)上也展示了一個(gè)針對不同搜索引擎的相同搜索結(jié)果巡通。在所有搜索引擎搜索結(jié)果都一致的情況下，人們還是傾向于使用Google舍哄，更少的人使用Bing和Yahoo宴凉，這是因?yàn)镚oogle搜索引擎比其他兩個(gè)更好嗎？
其實(shí)不然表悬，這僅僅是感覺上更好弥锄，這種來自于感覺而非理性的結(jié)果說明了品牌的可信度更高、個(gè)性更突出蟆沫、感覺更好籽暇，則被認(rèn)為更可靠。不得不說饭庞，大多數(shù)時(shí)候人們更傾向于相信自己經(jīng)驗(yàn)而非實(shí)驗(yàn)結(jié)果戒悠。
有魅力，更給力
- 在日本曾經(jīng)有位研究人員在兩臺(tái)自動(dòng)提款機(jī)上做了一個(gè)實(shí)驗(yàn)但绕，兩臺(tái)功能完全一致只是其中一臺(tái)軟件界面做得更有吸引力救崔。
研究人員發(fā)現(xiàn)惶看，更有吸引力的機(jī)器在使用中遇到的問題更少捏顺，更好地幫助了用戶進(jìn)行提款六孵。
研究人員后來解釋道：這是進(jìn)化生物學(xué)理論和大腦工作的原理，當(dāng)我們放松的時(shí)候幅骄，我們大腦更為靈活劫窒，并能夠完成更為復(fù)雜的問題找到解決方法。相反拆座，當(dāng)我們感到沮喪和緊張時(shí)則呈現(xiàn)出相反的結(jié)果主巍。
關(guān)于美學(xué)中的聯(lián)想
-
在我們大腦處理的所有事情的過程中，往往會(huì)將認(rèn)知和情感的聯(lián)系在一起挪凑。
彈窗選項(xiàng)A
彈窗選項(xiàng)B
當(dāng)我們看到上圖彈窗時(shí)孕索，右邊按鈕是一個(gè)非常嚴(yán)肅的選項(xiàng)，似乎在暗示我們躏碳，注意這是一個(gè)危險(xiǎn)的選項(xiàng)搞旭，該選項(xiàng)需要我們謹(jǐn)慎對待。
-
類似的美學(xué)聯(lián)想也在Apple的其他產(chǎn)品也得到應(yīng)用
Mac呼吸燈
當(dāng)我們的Mac電腦進(jìn)入“休眠”狀態(tài)的時(shí)候菇绵，會(huì)出現(xiàn)舒緩睡眠指示燈肄渗，這個(gè)LED指示燈閃爍頻率與一般成年人呼吸頻率基本一致，大概是每分鐘12～20次咬最。這是巧合嗎翎嫡？Apple擁有呼吸狀態(tài)LED指示燈專利（US6 658 577B2），這個(gè)專利名稱“模擬出動(dòng)人的呼吸韻律”永乌。
當(dāng)美學(xué)不再吸引人惑申？
-
如果你決定在近郊平民區(qū)開一家“甜甜圈的店”你會(huì)將采用以下哪種logo設(shè)計(jì)？
Donuts店鋪logo
我們想想翅雏，在大部分連鎖店“甜甜圈店”logo都非常相似硝桩，一般
似上圖的紅色或黃色的字母類，而下圖的logo則顯得較為特別枚荣。它更像一家高檔的甜甜圈店鋪碗脊，我們未踏進(jìn)店鋪里面，就能夠想象出里面的裝潢及食品價(jià)格橄妆。
大家覺得在近郊平民區(qū)更傾向物美價(jià)廉衙伶、還是高檔奢華？顯然美學(xué)影響我們的感覺害碾、判斷和行為矢劲。
不難看出，一個(gè)優(yōu)秀的設(shè)計(jì)會(huì)有意地適時(shí)選擇“俗氣”的美學(xué)設(shè)計(jì)慌随。
- 美的三種模式：公認(rèn)的芬沉、文化的躺同、主觀的
- 公認(rèn)的美，與基本的設(shè)計(jì)美學(xué)原則有關(guān)丸逸，如對稱蹋艺、協(xié)調(diào)、三分法則和黃金比例黄刚，這些是美觀設(shè)計(jì)的傳統(tǒng)基礎(chǔ)捎谨。我們的視覺系統(tǒng)趨于在事物中組織信息、尋找模式和建立秩序憔维。
- 文化的美涛救，指的是在某個(gè)時(shí)刻從某種方面我們發(fā)現(xiàn)某種文化的迷人之處。瑪麗蓮·夢露是世界上最有名的人物之一业扒。不過检吆，如果她現(xiàn)在還活著，她會(huì)不會(huì)成為美的典范就很難說了程储。在網(wǎng)上蹭沛，思考不同時(shí)代流行于不同群體間的各種文體風(fēng)格。
- 主觀的美虱肄，就是你個(gè)人覺得對象具有美致板，這與你個(gè)人的品味經(jīng)歷、偏好有關(guān)咏窿。
Bowles則暗示這三種模式具有等級關(guān)系斟或，主觀的美壓倒文化的美，文化的美勝過公認(rèn)的美集嵌。所以蘿卜白菜各有所愛萝挤，就不難理解了。
人臉的魔力
-
利用人臉保住留存率根欧？
Facebook注銷頁面
Facebook注銷頁面利用了人臉的神奇效果
最早期怜珍，F(xiàn)acebook注銷賬號的時(shí)候，頁面顯得非常無聊凤粗。僅是簡單陳述：“我們非常遺憾您的離開酥泛，告訴我們您離開Facebook的原因？”
直到某位設(shè)計(jì)師建議：“想象一下我們離開夏令營時(shí)依依不舍”一個(gè)有你所有朋友嫌拣、你不想離開的地方柔袁。“
受到啟發(fā)异逐，設(shè)計(jì)團(tuán)隊(duì)重新設(shè)計(jì)了注銷頁面捶索，增加了好友的頭像，并在每個(gè)好友頭像上增加：“你確定要注銷賬戶嗎灰瞻？”這樣做的影響是什么腥例？這直接使注銷率減少了7%辅甥，阻止至少100萬用戶的注銷行為。
- 經(jīng)過上述的案例燎竖，基本可以說明美學(xué)對我們認(rèn)知璃弄、感受和反應(yīng)都有著舉足輕重的影響，并潛移默化影響著我們的決定底瓣。
