聲明：如需轉(zhuǎn)載，請申請本人授權(quán)并保留文章全部信息，嚴(yán)禁私自用于任何商業(yè)用途，請尊重作者權(quán)益。

人是有感覺、思想和情感。這些年我看到的一些優(yōu)秀網(wǎng)站和app的體驗都是為情感而設(shè)計——不單單只展示一個任務(wù)，一路上也在引導(dǎo)反饋。這種反應(yīng)可以是一句簡單的“好酷”，可以是“哇哦”。

當(dāng)電影導(dǎo)演創(chuàng)造場景想要他們的觀眾感受到恐懼、悲傷、同情之類的情緒，他們會煞費(fèi)苦心地選擇正確的燈光、聲音、地點(diǎn)、順序和攝像鏡頭來創(chuàng)造創(chuàng)景。在電影的世界，我們叫這個為“場景設(shè)置”，它是電影美感的一個不可缺少的部分。

左圖：諾蘭的《星際穿越》—— 黑洞場景，見證了Matthew McConaughey掉進(jìn)黑洞的恐懼，驚訝和好奇。右圖：Tony Scott’的《壯志凌云》——摩托車場景，看到了湯姆.克魯斯和一駕F-14噴氣式戰(zhàn)斗機(jī)賽跑的興奮感，刻畫了他的動機(jī)和冒險精神

現(xiàn)在，你可能想知道情感化如何運(yùn)用到互聯(lián)網(wǎng)設(shè)計中。創(chuàng)造情感化的響應(yīng)可能不是現(xiàn)代設(shè)計師首要考慮的問題，他們經(jīng)常想要用戶做A/B測試。當(dāng)然，這依賴于我們正在設(shè)計的是什么以及設(shè)計的背景。然而，用戶也是人，他們是我們的觀眾——不僅僅是一個用在你網(wǎng)站或app的人口統(tǒng)計數(shù)據(jù)。我們用UI元素、畫像、手勢和交互做我們自己的“場景設(shè)置”，我們創(chuàng)造氛圍，制造出整個用戶體驗。

數(shù)字世界的運(yùn)用實例

這里有一些很優(yōu)秀的互聯(lián)網(wǎng)設(shè)計，我覺得提供了很棒的體驗給他們的用戶。

一次海上旅行

http://sortieenmer.archives.grouek.com/

浸入式的交互體驗讓你身臨其境

與以上不同的是，這一部分是以第一人稱的角度來簡述故事和經(jīng)驗。前提很簡單，人物角色最終從船上落下，你放在了他的鞋子里——用你的滾輪停留在表面。你真實地感覺自己在用力掙扎以保持不沉，和這種簡單的交互式力學(xué)的結(jié)合——累的感覺，聲音，令人窒息，無情的大海。少量的UI元素暗示著人物的能量以及你和界面的關(guān)系。你感到恐懼，疲憊，絕望和悲傷。

這個網(wǎng)站是做什么的?它是為Guy Gotton宣傳航海服的，通過一個宣傳海上安全的鏡頭。他們本來可以做另一個宣傳網(wǎng)站，去展示這個服裝的特性和防水材料相關(guān)的技術(shù)數(shù)據(jù)。取而代之，他們講了一個故事，一個在海上發(fā)生意外的故事，他們給用戶一種浸入式的體驗，讓用戶變得有參與感。它吸引了你，讓你感受到情緒，變得更令人難忘而有意義。

Citymapper

http://citymapper.com/

安卓版(http://citymapper.com/android?referrer=topnav)

IOS版(http://citymapper.com/ios?referrer=topnav)

一些功能展示，不僅僅把用戶帶到他們想要的地方，與此同時也融入了自身的個性

這更是一個明智的例子，關(guān)于如何讓app幫助人們導(dǎo)航他們所在的城市。市面上有大量的地理定位app，Citymapper脫穎而出是被大量用例驅(qū)動。Citymapper融入一些情感是通過一些有個性的優(yōu)秀功能。比如，“帶我去那”的功能就能讓用戶從A到B，當(dāng)你應(yīng)該在某一站下車時，會有像振動的小提示。略有變化的設(shè)計大大幫助了用戶理解導(dǎo)航。

它能讓用戶很有信心地去探索一座城市，并且使用起來很方便——去處理這種未知的恐懼感。力量和個性匹配——比如當(dāng)使用帶我回家的功能——hoverboard是一個選項，會觸發(fā)Marty McFly跳上他的懸浮滑板，這能讓你在設(shè)備上控制使用的傾斜度。之前的版本是包括彈射器模式和火箭模式。當(dāng)然這個并不是必要的，很多人可能會問為什么他們要花時間去用這些功能，但是這些小功能會讓這個app變得有趣，用起來很快樂。與大功能匹配的一些小特性在很大程度上會引發(fā)情緒上的反饋。