2012-12-26 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源： http://beforweb.com/node/103
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
Flickr為用戶準(zhǔn)備了很多有意思的登錄歡迎語(yǔ)，這其實(shí)是一個(gè)容易被忽略的細(xì)節(jié)，但Flickr的整體設(shè)計(jì)風(fēng)格與產(chǎn)品氣質(zhì)也正是由許許多多這樣的細(xì)節(jié)構(gòu)成的。也許，只有當(dāng)這些細(xì)節(jié)從產(chǎn)品中消失的時(shí)候，我們才會(huì)發(fā)現(xiàn)并開(kāi)始懷念它們。
我(英文原文作者)會(huì)特別在意這些細(xì)節(jié)，因?yàn)樗鼈兛梢杂|發(fā)用戶的情感響應(yīng)。如果運(yùn)用方式得當(dāng)，這些細(xì)節(jié)當(dāng)中的小魔鬼可以幫助我們打造出更具人格的產(chǎn)品，并使用戶在與之進(jìn)行互動(dòng)的過(guò)程中產(chǎn)生積極的情感響應(yīng)；而這種積極的態(tài)度會(huì)有效的促使用戶主動(dòng)傳播和擁護(hù)你的產(chǎn)品。這種在人格層面與用戶建立關(guān)聯(lián)的設(shè)計(jì)思路也被稱作“情感化設(shè)計(jì)”。
“情感化設(shè)計(jì)(Emotional Design)”一詞由Donald Norman在其同名著作 當(dāng)中提出。而在Designing for Emotion 一書中，作者Aarron Walter將情感化設(shè)計(jì)與馬斯洛的人類需求層次理論聯(lián)系了起來(lái)。正如人類的生理、安全、愛(ài)與歸屬、自尊和自我實(shí)現(xiàn)這五個(gè)層次的需求，產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個(gè)從低到高的層面，而情感化設(shè)計(jì)則處于其中最上層的“愉悅性”層面當(dāng)中。
一個(gè)有效的情感化設(shè)計(jì)策略通常包括兩個(gè)方面：
接下來(lái)，我們將一起了解一下情感化設(shè)計(jì)的組成要素及相關(guān)策略，看一看有哪些產(chǎn)品在這些方面做的比較有代表性；另外，我們還會(huì)通過(guò)幾個(gè)案例分析來(lái)感受一下從整體角度持續(xù)使用情感化設(shè)計(jì)理念所帶給產(chǎn)品的“人格魅力”。
情感化設(shè)計(jì)的目標(biāo)是在人格層面與用戶建立關(guān)聯(lián)，使用戶在與產(chǎn)品互動(dòng)的過(guò)程中產(chǎn)生積極正面的情緒。這種情緒會(huì)逐步使用戶產(chǎn)生愉悅的記憶，從而更加樂(lè)于使用你的產(chǎn)品。另外，在正面情緒的作用下，用戶會(huì)處于相對(duì)愉悅與放松的狀態(tài)，這使得他們對(duì)于使用過(guò)程中遇到的小困難與細(xì)節(jié)問(wèn)題的容忍能力也變得更強(qiáng)。
情感化設(shè)計(jì)大致由以下這些關(guān)鍵性的要素所組成，我們可以從這些關(guān)鍵點(diǎn)出發(fā)，在產(chǎn)品中融入更多的正面情感元素。誠(chéng)然，用戶最終會(huì)產(chǎn)生的反應(yīng)還將取決于他們各自的生活背景、知識(shí)技能等方面的因素，但是我們所抽象出的這些組成要素是具有普遍適用性的。
下面，我們來(lái)看一看這些要素是怎樣被細(xì)化并運(yùn)用到實(shí)際產(chǎn)品當(dāng)中的。
在接下來(lái)的這些實(shí)例當(dāng)中，我們可以了解到情感化設(shè)計(jì)的組成要素是怎樣以不同的表現(xiàn)形式被運(yùn)用到互聯(lián)網(wǎng)產(chǎn)品當(dāng)中的。要記得，這些實(shí)例當(dāng)中的設(shè)計(jì)方式未必適合于你的產(chǎn)品所需要的人格氣質(zhì)，你可以把這些當(dāng)作參考，并結(jié)合實(shí)際情況思考更加適用的情感化設(shè)計(jì)方案。
彼此欣賞的人會(huì)下意識(shí)的模仿對(duì)方的行為。當(dāng)你看到自己喜歡的人正在微笑時(shí)，你多半也會(huì)如此。我們可以將這一點(diǎn)運(yùn)用在設(shè)計(jì)當(dāng)中。圖片會(huì)在一定程度上左右人的情緒思維，尤其是以人物或事件為主題的圖片。我們來(lái)看一張同時(shí)包含這兩方面主題的產(chǎn)品介紹圖片：
通過(guò)這張圖片，Highrise 向我們展示了一個(gè)快樂(lè)的人，還有他使用該公司產(chǎn)品的故事。來(lái)自實(shí)際客戶的微笑以及贊許之辭，這是非常正面的、非常容易促使?jié)撛谟脩粽J(rèn)同并期望獲取其產(chǎn)品的宣傳形式。
Threadless 的購(gòu)物車在沒(méi)有商品放入時(shí)會(huì)呈現(xiàn)出憂傷的表情，反之則會(huì)表現(xiàn)的非常開(kāi)心。這樣的小細(xì)節(jié)會(huì)讓你覺(jué)得平凡而有趣，甚至?xí)挥勺灾鞯男ζ饋?lái)。即使用戶最終沒(méi)有產(chǎn)生購(gòu)物行為，他們也會(huì)記住這個(gè)可愛(ài)的購(gòu)物車。
曾經(jīng)有段時(shí)間，如果你試著在Audible 取消訂閱，并告訴他們你的設(shè)備無(wú)法享受他們的服務(wù)，Audible就會(huì)送你一張100美金的Amazon代金券，希望你可以購(gòu)買到合適的閱讀設(shè)備并繼續(xù)使用他家的服務(wù)。即使用戶最后仍選擇取消訂閱，他們也會(huì)牢牢的記住Audible的誠(chéng)意。
Etsy 會(huì)在用戶退訂之后播放Paul Young的"Every Time You Go Away"。這種方式無(wú)法讓用戶留下來(lái)，但可以給他們留下深刻的印象。當(dāng)用戶再一次在Etsy平臺(tái)上瀏覽商品時(shí)，多半會(huì)想起這個(gè)有意思的小環(huán)節(jié)，或許他們無(wú)論在哪里聽(tīng)到這首歌的時(shí)候還會(huì)想到Etsy呢。
這方面最經(jīng)典的案例莫過(guò)于Groupon的著名段子，"懲罰Derrick"。雖然這個(gè)過(guò)場(chǎng)發(fā)生在用戶確認(rèn)退訂之后，但它通過(guò)真實(shí)的人物以及鋒利而又自嘲的幽默，切實(shí)拉近了用戶與網(wǎng)站之間的距離。在這個(gè)多多少少會(huì)使退訂用戶產(chǎn)生內(nèi)疚的段子之后，Groupon還會(huì)再慫恿用戶重新進(jìn)行訂閱。雖然你清楚的知道這是他們玩的小伎倆，但在如此具有代入感的段子面前，多數(shù)用戶會(huì)覺(jué)得非常有趣，正面情緒和狀態(tài)完全被調(diào)動(dòng)起來(lái)。
文案是最容易展現(xiàn)產(chǎn)品個(gè)性的途徑。無(wú)論你希望自己的品牌變的更加好玩、嚴(yán)肅、滑稽或是時(shí)髦，文案都可以有效的幫助你向目標(biāo)邁進(jìn)。
在"Everyday"應(yīng)用當(dāng)中，如果你還沒(méi)有向媒體庫(kù)中添加照片，那么系統(tǒng)就會(huì)非常友好的提示你去給自己“漂亮的臉蛋”拍些照片放到庫(kù)中——簡(jiǎn)單的詞匯定義了提示信息甚至是產(chǎn)品的基調(diào)，換句話說(shuō)，就是個(gè)性。
Skitch 的隱私提示很簡(jiǎn)短，但其中運(yùn)用到了兩個(gè)方面的對(duì)比，一是文案當(dāng)中模擬警告音效的"Pssst!"，另外還有代表警示的字色。這兩者的組合使得提示信息無(wú)論在語(yǔ)氣還是視覺(jué)效果上都與頁(yè)面當(dāng)中的其他內(nèi)容形成了鮮明的對(duì)比，在情緒上引起了用戶的注意，有效的傳達(dá)了信息內(nèi)容。
類似的，在Cupid中，當(dāng)用戶輸入自己所處的地理位置時(shí)，系統(tǒng)會(huì)很積極的做出回應(yīng)，一聲"Ahh"就表達(dá)出了“好的！”或是“我們了解了，歡迎你的到來(lái)！”這些方面的意味。不要放過(guò)這種在細(xì)節(jié)當(dāng)中進(jìn)行“真實(shí)化”交流的機(jī)會(huì)。
Hunch 注冊(cè)頁(yè)面當(dāng)中的文案與我們通常能夠見(jiàn)到的那種有所不同，他們會(huì)在輸入郵件的文本框旁邊告訴你“垃圾郵件是魔鬼，我們可不干這事”，還會(huì)在選擇郵件訂閱的地方提示你“這會(huì)是值得一讀的郵件，而且來(lái)的不會(huì)太頻繁”。在這些很普通的地方稍稍花些心思，制造一些細(xì)微的差異化，這會(huì)增強(qiáng)產(chǎn)品的代入感，使用戶的注意力更集中，跟隨設(shè)計(jì)的指引完成操作目標(biāo)。
Milk家的細(xì)節(jié)處理方式會(huì)讓用戶更加樂(lè)于訂閱他們的新聞郵件。他們的做法與Hunch類似，都是在文案中明確的告訴用戶新聞郵件的重要性，而且不會(huì)很頻繁。
下面的范例來(lái)自我的一個(gè)個(gè)人項(xiàng)目，用戶需要邀請(qǐng)碼才可以試用這個(gè)產(chǎn)品。在提交申請(qǐng)的地方，我使用“我要獲取邀請(qǐng)！”來(lái)代替?zhèn)鹘y(tǒng)的“提交”作為按鈕當(dāng)中的文案，希望這可以調(diào)動(dòng)起用戶的情緒，并使他們感受到一種更加真實(shí)、更加有針對(duì)性的互動(dòng)。另外我也起草了一份簡(jiǎn)單的說(shuō)明文案，讓用戶放心，我們絕不會(huì)發(fā)送垃圾郵件。
沒(méi)有什么比服務(wù)無(wú)法使用更能讓用戶覺(jué)得煩惱和沮喪的了，尤其當(dāng)他們特別需要使用你的產(chǎn)品來(lái)完成重要事項(xiàng)的時(shí)候。如果這種情況因?yàn)槟承┛陀^因素而難以徹底避免，那么情感化設(shè)計(jì)至少能夠在一定程度上緩解用戶的負(fù)面情緒。
用戶在Flickr進(jìn)行系統(tǒng)維護(hù)或升級(jí)期間會(huì)看到"Flickr正在做按摩"的提示，如果有興趣的話還可以到他們的官方博客或是微博當(dāng)中查看當(dāng)前的具體狀況。這樣的文案比起簡(jiǎn)單粗暴的出錯(cuò)提示來(lái)說(shuō)更能讓用戶接受。
同樣來(lái)自于Flickr的案例。當(dāng)系統(tǒng)發(fā)生了一些更加嚴(yán)重的問(wèn)題時(shí)，他們會(huì)告訴用戶：“額，我們的管道堵塞了！”，然后使用非?？谡Z(yǔ)化的文案表示了歉意。除此之外，他們還為用戶設(shè)置了一個(gè)小任務(wù)，也就是將當(dāng)前頁(yè)面打印出來(lái)，為兩個(gè)圓環(huán)填色，然后拍下來(lái)，等到站點(diǎn)恢復(fù)正常后傳到Flickr上；Flickr團(tuán)隊(duì)會(huì)挑選出優(yōu)勝者，向他們贈(zèng)送一年的高級(jí)帳號(hào)。
生活中還有其他一些重要的事情要做。之前Tumblr掛掉的時(shí)候，他們告訴用戶，問(wèn)題正在緊急處理當(dāng)中，我們很抱歉；同時(shí)還提醒用戶，當(dāng)前還有另外一些更嚴(yán)重的問(wèn)題(2011年日本9級(jí)地震)，也許我們可以在這期間一同做點(diǎn)什么。
漫長(zhǎng)的頁(yè)面加載時(shí)間也是十分惱人的，但在某些情況下，頁(yè)面或其中的某些功能確實(shí)需要相對(duì)較長(zhǎng)的時(shí)間來(lái)加載。當(dāng)你的網(wǎng)站或應(yīng)用正忙著傳送和收集數(shù)據(jù)以備呈現(xiàn)的時(shí)候，不妨在界面上放置些臨時(shí)性的小提示來(lái)吸引用戶的注意力，減弱他們對(duì)響應(yīng)時(shí)間的感知。
驗(yàn)證工具Captcha在如今被很多網(wǎng)站所使用，但這不意味著用戶真的喜歡這東西，很多時(shí)候Captcha確實(shí)會(huì)令人感到煩惱和挫敗。我們暫時(shí)無(wú)法改變這個(gè)工具本身的工作機(jī)制，但至少可以像Stack Overflow那樣通過(guò)一幅有趣的圖片搭配說(shuō)明文案，向用戶解釋為什么要使用這個(gè)煩人的工具，籍此獲得用戶的理解，減少負(fù)面情緒的產(chǎn)生。
對(duì)用戶進(jìn)行智能化的響應(yīng)式輸出，這也是情感化設(shè)計(jì)策略之一。我喜歡在自己還沒(méi)有輸入個(gè)人詳細(xì)信息之前就能得到系統(tǒng)提供的智能化個(gè)性化的服務(wù)。
Thermo 應(yīng)用的著陸頁(yè)可以判斷用戶所處的地理位置，并在左側(cè)以高度擬真的視覺(jué)表現(xiàn)形式來(lái)告訴用戶當(dāng)?shù)氐臍鉁厍闆r。
而37signals則通過(guò)左上角的當(dāng)日問(wèn)候語(yǔ)來(lái)簡(jiǎn)單而有效的拉近了網(wǎng)站與用戶之間的情感距離。
郵件是非常有用的工具，但在多數(shù)時(shí)候，用戶會(huì)把這些郵件當(dāng)作干擾，他們希望能夠只接收到那些最有價(jià)值的產(chǎn)品信息。其實(shí)，可以被訂閱的對(duì)象不僅限于產(chǎn)品信息，我們可以通過(guò)其他方面的內(nèi)容來(lái)增強(qiáng)用戶對(duì)于郵件快報(bào)的好感度。
Zaarly在他們的郵件快報(bào)中講了一些具有神秘色彩的小故事，這種方式提升了郵件的吸引力，使用戶不由自主的對(duì)其中的內(nèi)容以及這個(gè)網(wǎng)站提供服務(wù)產(chǎn)生好奇，而不是一味的排斥。
Quora會(huì)在郵件當(dāng)中向用戶推薦他可能感興趣的內(nèi)容。如果你的網(wǎng)站或應(yīng)用有足夠的數(shù)據(jù)來(lái)支持這樣的個(gè)性化服務(wù)，那么就考慮一下吧。
提醒類的郵件通常沒(méi)有什么花頭，只是起到告知的作用。如果能像CD Baby那樣在其中添加一些特別的東西，用戶的興致就有可能被帶動(dòng)起來(lái)。這封郵件被發(fā)送出去之后，“CD Baby私人噴氣機(jī)”在Google當(dāng)中產(chǎn)生了超過(guò)2萬(wàn)條記錄。
故事情節(jié)可以有效的吸引人們的注意力。有些產(chǎn)品在講故事方面做的非常引人入勝，Ben the Bodyguard 就是其中一個(gè)不錯(cuò)的范例。這是一款用來(lái)保護(hù)手機(jī)當(dāng)中隱私數(shù)據(jù)的iPhone應(yīng)用，整個(gè)產(chǎn)品概念都是圍繞著一位名叫Ben的法國(guó)私家保鏢角色來(lái)設(shè)計(jì)的。其minisite通過(guò)非常精彩的交互方式讓用戶跟隨這名私家保鏢穿行在街道上，隨著故事情節(jié)的發(fā)展來(lái)了解這款應(yīng)用的特色，讓你不由自主的沉浸在其中。
而在實(shí)際的iPhone環(huán)境當(dāng)中，這款應(yīng)用也仍然保持著一種故事角色的姿態(tài)，它會(huì)模仿法式英語(yǔ)的口語(yǔ)習(xí)慣與用戶進(jìn)行交流。
彩蛋通常會(huì)令人開(kāi)心。即使是整體氣質(zhì)相對(duì)嚴(yán)肅的Google也會(huì)時(shí)不時(shí)的在產(chǎn)品中加上那么一兩個(gè)有意思的彩蛋，例如著名的Let it snow下雪效果。
彩蛋通常與產(chǎn)品服務(wù)沒(méi)有直接的關(guān)聯(lián)，它的主要目的就是讓用戶覺(jué)得驚喜和快樂(lè)，激發(fā)他們積極的情緒狀態(tài)，而處于這種狀態(tài)的用戶是非常樂(lè)于將他們的發(fā)現(xiàn)分享給其他人的。
MailChimp 在情感化設(shè)計(jì)方面的一個(gè)特色之處就是他家的吉祥物，猩猩Freddie。這家伙會(huì)在你的個(gè)人資料頁(yè)打開(kāi)之后為你歡呼，而且每次刷新頁(yè)面之后都會(huì)冒出一些隨機(jī)的笑話或鏈接。
不過(guò)這種情感化的表現(xiàn)方式也有失敗的前例。還記得Microsoft Office里那位每當(dāng)你要做些什么的時(shí)候都會(huì)跳出來(lái)的曲別針君嗎？與之相比，F(xiàn)reddie不會(huì)干擾你與服務(wù)之間的交互流程。
是的，登錄頁(yè)面同樣可以被設(shè)計(jì)的很有趣。仍以MailChimp為例，每逢一些特定的日子，他家的登錄頁(yè)面會(huì)發(fā)生相應(yīng)的變化。這個(gè)Flickr相片集 專門收錄了MailChimp的各種特殊登錄頁(yè)。真心贊。
在很多時(shí)候你未必需要做的如此特別。以Pocket 為例，他們的登錄頁(yè)面具有很強(qiáng)的“歡迎”色彩，一幅巨大的背景圖片烘托出了該應(yīng)用的使用場(chǎng)景，讓用戶覺(jué)得身臨其境，在情緒上產(chǎn)生共鳴。
對(duì)界面元素細(xì)節(jié)的雕琢可以體現(xiàn)出你對(duì)產(chǎn)品的信念以及對(duì)用戶的尊重。來(lái)看看Quip的動(dòng)態(tài)loading圖標(biāo)。
這張圖片當(dāng)中的動(dòng)畫效果是循環(huán)的，但在實(shí)際站點(diǎn)中，它只會(huì)在加載數(shù)據(jù)的那段時(shí)間當(dāng)中出現(xiàn)。為了看這個(gè)動(dòng)畫效果，我甚至?xí)磸?fù)加載頁(yè)面。這樣的圖標(biāo)也會(huì)讓用戶在等待加載的時(shí)間段里將注意力集中在很酷的動(dòng)畫效果上，使他們對(duì)于加載時(shí)間的感知有所減弱。當(dāng)然，對(duì)于這類能夠吸引注意力的元素，如果運(yùn)用不當(dāng)，也會(huì)造成負(fù)面影響，干擾用戶的正常閱讀與使用流程。
Dropbox剛剛起步的時(shí)候曾經(jīng)在Digg中發(fā)布了一段demo視頻，并宣稱自己的產(chǎn)品是“來(lái)自麻省理工學(xué)院的Google Drive殺手”。雖然口氣很大，但他們?cè)谝曨l中精心打造了各種有意思的細(xì)節(jié)，牢牢的抓住了觀眾的視線與情緒，例如在演示上傳文件的功能時(shí)使用了名為“Keira Knightley有夠熱辣!!”的圖片。
到目前為止，我們已經(jīng)了解了一些情感化設(shè)計(jì)要素在不同產(chǎn)品當(dāng)中的各種具有代表性的表現(xiàn)形式。下面我們來(lái)看三個(gè)更具綜合性的產(chǎn)品案例。
在Gidsy 中，用戶可以自發(fā)的組織探索觀光、購(gòu)物、討論會(huì)一類的本地化活動(dòng)。鑒于這個(gè)產(chǎn)品的性質(zhì)，設(shè)計(jì)師自然要考慮怎樣使網(wǎng)站具有更廣泛的吸引力。
在配色方面，Gidsy的頁(yè)面以藍(lán)色與白色為主，這樣的組合使網(wǎng)站整體風(fēng)格清晰簡(jiǎn)潔，讓人容易接受并產(chǎn)生信任。所以說(shuō)Facebook、Twitter、Linkedin以及其他眾多站點(diǎn)都會(huì)使用類似的配色方案并不是巧合。
Gidsy的產(chǎn)品人格是由一系列復(fù)古風(fēng)格的圖片、從容自然的文案以及驚喜等方面的情感化設(shè)計(jì)元素所構(gòu)成的。
感覺(jué)的傳達(dá) ：Gidsy里到處都是復(fù)古風(fēng)格的圖片，他們通過(guò)反復(fù)使用同種風(fēng)格視覺(jué)元素的方式來(lái)著重強(qiáng)調(diào)產(chǎn)品的人格氣質(zhì)。
驚喜 ：瀏覽到頁(yè)腳，你會(huì)發(fā)現(xiàn)鼓勵(lì)你免費(fèi)創(chuàng)建活動(dòng)的圖標(biāo)與文案，當(dāng)鼠標(biāo)懸停在圖標(biāo)上的時(shí)候，一道絢麗的彩虹會(huì)突然冒出來(lái)，它的動(dòng)畫效果所指向的正是引導(dǎo)用戶這個(gè)操作的按鈕。
文案 ：網(wǎng)站當(dāng)中隨處可見(jiàn)簡(jiǎn)短而幽默的文案，譬如“你好啊靚人！”、“嘭！你的照片被刪除了”等等。
這些細(xì)節(jié)有效的為產(chǎn)品塑造了友好的人格氣質(zhì)。另外值得一提的是，Gidsy同樣在其使用手冊(cè)當(dāng)中運(yùn)用了情感化的設(shè)計(jì)方式。住所周知，類似說(shuō)明文檔和用戶手冊(cè)這樣的東西通常是單調(diào)乏味的，但Gidsy的方式改變了人們的看法。
最后來(lái)看看Gidsy的新聞郵件，這封郵件恰巧在這個(gè)時(shí)候出現(xiàn)在我的郵箱當(dāng)中。
同樣是一幅與其站點(diǎn)風(fēng)格相一致的復(fù)古照片。另外，注意到他們用來(lái)發(fā)送郵件的郵箱名稱沒(méi)？與常見(jiàn)的做法不同，Gidsy在這里使用了"please-reply"，以此向用戶表達(dá)自己樂(lè)于傾聽(tīng)意見(jiàn)的姿態(tài)。
Automattic (產(chǎn)品包括WordPress等)將幽默感融入到了一個(gè)缺乏幽默感的領(lǐng)域——代碼編寫，并盡其最大可能去秉承Matt Mullenweg的“代碼如詩(shī)”的精神。
幽默 ：在Automattic的“關(guān)于”頁(yè)面中充滿了和善幽默的自我介紹，感興趣的用戶在閱讀時(shí)就能感受到他們那種充滿樂(lè)趣的工作環(huán)境。
標(biāo)語(yǔ) ：Automattic的標(biāo)語(yǔ)之一是“比起俳句，我們更擅長(zhǎng)寫代碼”。正是這種看似嚴(yán)肅認(rèn)真的幽默感，或者說(shuō)看似幽默的認(rèn)真，奠定了他們的產(chǎn)品基調(diào)。
文案 ：在wordpress.com首頁(yè)的頁(yè)腳當(dāng)中有一段每次加載頁(yè)面都會(huì)發(fā)生變化的簽名語(yǔ)，有時(shí)是“來(lái)自Automattic的產(chǎn)品”，有時(shí)變?yōu)?ldquo;來(lái)自Automattic的樂(lè)章”。這種細(xì)節(jié)體現(xiàn)了他們對(duì)于自己產(chǎn)品的熱愛(ài)。
驚喜 ：在Automattic另外一個(gè)產(chǎn)品Jetpack 的站點(diǎn)中，每次打開(kāi)首頁(yè)都會(huì)看到三個(gè)背著噴射背包的家伙向天際飛去的動(dòng)畫。這種用心和幽默既能給用戶帶來(lái)有趣的感受，同時(shí)還加深了其產(chǎn)品名稱所關(guān)聯(lián)的含義在用戶頭腦中的印象。
彩蛋 ：在WordPress的self-comparison當(dāng)中有個(gè)彩蛋。為了防止相同版本的文章進(jìn)行自我比較，Automattic創(chuàng)建了一個(gè)小機(jī)制，無(wú)論是其中的文案還是視覺(jué)風(fēng)格都模仿了黑客帝國(guó)當(dāng)中的段子。這篇文章 會(huì)教你怎樣在WordPress當(dāng)中找到這個(gè)彩蛋。
在一個(gè)技術(shù)色彩如此濃重的產(chǎn)品領(lǐng)域中，Automattic通過(guò)對(duì)情感化設(shè)計(jì)的有效運(yùn)用，為自己的產(chǎn)品賦予了充滿個(gè)性的人格特質(zhì)。
良好的情感化設(shè)計(jì)可以將用戶轉(zhuǎn)變?yōu)楫a(chǎn)品的傳播者，他們會(huì)與其他人分享自己的良好體驗(yàn)，幫助你的產(chǎn)品建立口碑。人們喜歡口口相傳那些有意思的故事，而你要做的就是給他們講一個(gè)這樣的故事。
前一段時(shí)間，來(lái)自Realmac的待辦事項(xiàng)類應(yīng)用Clear 非?；鸨Ｋ倘徊皇鞘忻嫔系牡谝豢畲k事項(xiàng)應(yīng)用，但他們很聰明的瞄準(zhǔn)了iPhone用戶，特別是其中那些追求個(gè)性的設(shè)計(jì)師們。最小化的界面設(shè)計(jì)(參考閱讀：最小化可用性設(shè)計(jì) )以及獨(dú)特的交互方式、視覺(jué)效果都使它與市面上的其他同類應(yīng)用形成了明顯的差異化。這正是它所針對(duì)的用戶群體所追尋的。
建立預(yù)期 ：Realmac在Clear正式發(fā)布之前推出了一段充滿創(chuàng)意和驚奇色彩產(chǎn)品演示視頻，有效的吊起了用戶的胃口，使他們充滿期待，并提前幫助產(chǎn)品進(jìn)行了傳播。
好玩 ：Clear的一個(gè)重要賣點(diǎn)就是新鮮有趣的交互方式。“好玩”成為了這個(gè)產(chǎn)品的一個(gè)基調(diào)。在應(yīng)用內(nèi)的引導(dǎo)視圖中(參考閱讀：具有引導(dǎo)性的移動(dòng)應(yīng)用界面設(shè)計(jì)模式 )，設(shè)計(jì)者也強(qiáng)調(diào)了"Play"的概念。
驚喜、專享 ：在應(yīng)用中打開(kāi)主題設(shè)置界面后，安裝了Tweetbod的用戶會(huì)收到一條消息，恭喜他們獲得了專享的額外主題。這些用戶很可能因?yàn)槭艿搅颂厥庹疹櫠械介_(kāi)心，另外，這個(gè)群體在口碑傳播方面的作用是相當(dāng)大的。
另外，如果你follow了Clear開(kāi)發(fā)者的Twitter帳號(hào)，那么還能獲取另外一款獎(jiǎng)勵(lì)主題。這個(gè)彩蛋的作用依然在于傳播。人們會(huì)分享他們的熱忱，甚至談?wù)撍麄儷@得或是錯(cuò)過(guò)了哪些主題。
這是情感化設(shè)計(jì)所產(chǎn)生的重要效應(yīng)之一。這些驚喜、專享一類的元素不僅會(huì)讓人們更加喜歡你的產(chǎn)品，而且他們會(huì)分享自己的愉悅體驗(yàn)?？纯慈藗?cè)赥witter當(dāng)中的表現(xiàn)：
細(xì)節(jié) ：如果當(dāng)前的待辦事項(xiàng)為空，Clear會(huì)提醒你進(jìn)行創(chuàng)建。
而再次清空之后，提示語(yǔ)會(huì)發(fā)生變化，這里引用的是一段來(lái)自愛(ài)迪生的勵(lì)志名言。
凡事都具有兩面性，情感化設(shè)計(jì)同樣存在風(fēng)險(xiǎn)。當(dāng)你在為系統(tǒng)錯(cuò)誤而道歉的時(shí)候，過(guò)于輕松愉悅的文案未必會(huì)讓用戶所有感到舒服。時(shí)刻記得自己的產(chǎn)品所面向的用戶群體特質(zhì)，并有針對(duì)性的充分展示產(chǎn)品個(gè)性。
我們?cè)诒疚闹胁](méi)有談?wù)摰侥切┫鄬?duì)失敗的案例，不過(guò)在此我有一點(diǎn)小小的建議：如果你希望產(chǎn)品表現(xiàn)出一種風(fēng)趣狡黠的個(gè)性，那么要記得觀察用戶的反應(yīng)。如果某些設(shè)計(jì)元素沒(méi)有起到正面效果，一定要及時(shí)主動(dòng)的道歉并改進(jìn)，以此表現(xiàn)你的誠(chéng)意，展示愿意聆聽(tīng)意見(jiàn)并改正錯(cuò)誤的態(tài)度。這可以保證你的產(chǎn)品處于正確的人格位置。
再次以MailChimp為例，他們提供了一種“party掃興模式”，那些對(duì)幽默風(fēng)格不感冒的用戶可以在這里禁用那些有意思的設(shè)計(jì)元素。
或者也可以采用相反的做法，例如Facebook提供了一種“海盜”模式，可以將傳統(tǒng)風(fēng)格的文案變?yōu)楹１I風(fēng)格的用語(yǔ)。
這一切的核心就在于：讓用戶更好的使用產(chǎn)品，獲得更愉悅的體驗(yàn)，并主動(dòng)向他人分享和推廣這些正面的經(jīng)驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.cqzjtgb.com