情感化設(shè)計展現(xiàn)產(chǎn)品的靈魂，拉近人與產(chǎn)品、人與人之間的距離，在更深次的層面體現(xiàn)出對人性的關(guān)懷。

一 真實世界的虛擬映射

擬物化：來自現(xiàn)實的直覺

擬物化是最直接的借鑒現(xiàn)實世界的設(shè)計方式。通過模擬現(xiàn)實中的產(chǎn)品的視覺外觀，應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品的相應(yīng)設(shè)計中，可以降低用戶的學(xué)習成本，讓產(chǎn)品信息和功能更易于識別和理解。

在產(chǎn)品的icon、logo、界面等視覺設(shè)計中融入實物的形態(tài)、色彩、肌理等元素，達到“仿真”的效果，讓用戶“一看就懂”。

栗子：下圖是iOS兩種風格的羅盤UI。

隱喻化的操作：不言而喻的默契

當UI元素無法找到匹配的現(xiàn)實對照物時，直接擬物化往往比較困難。這時候可以在交互上做“擬物”–隱喻化。

當應(yīng)用中的可視化對象和操作與現(xiàn)實世界中的對象與操作類似時，用戶就能快速領(lǐng)會如何使用它–iOS設(shè)計規(guī)范

在產(chǎn)品的交互層面模仿現(xiàn)實操作，借助現(xiàn)實操作的經(jīng)驗讓用戶更易理解虛擬產(chǎn)品的交互邏輯。

栗子：下圖是iOS中兩種風格的地圖交互動效

二 在你身邊，貼心設(shè)計

可控的感受

用戶使用產(chǎn)品，如同現(xiàn)實中執(zhí)行某件事，可預(yù)期的、可控制的感知往往帶來正向的體驗，并且促進用戶進行完整的操作。

想象一下，在大街上遇到紅燈時，發(fā)現(xiàn)沒有倒計時，等待時間超過半分鐘我們就會覺得很焦躁，因為不知道什么時候才可以同行，如果發(fā)生在ZG，可能部分同胞就迫不及待沖紅燈了。Orz。

為了增強用戶的可控感，界面需要預(yù)先提供顯示，向用戶透露一些接下來將要發(fā)生的事情，讓用戶建立預(yù)期。除此之外，系統(tǒng)需要根據(jù)用戶的操作收集信息，掌握規(guī)律，正確低、地預(yù)計未來可出現(xiàn)的問題，并提前采取措施或者提醒用戶，將可能出現(xiàn)的風險消除在萌芽狀態(tài)

栗子：在chromel瀏覽器中使用在線編輯文檔的功能時，進行關(guān)閉頁面的操作會有如下彈窗提醒用戶，預(yù)防未保存誤關(guān)閉的事件發(fā)生。

栗子：在秀米編輯器中對文檔進行保存時，在頂部會彈出banner告知用戶系統(tǒng)目前正在進行的操作，還有象征加載的動畫。唯一美中不足的是：沒有直觀地顯示保存的進度，有時候遇到網(wǎng)絡(luò)比較卡頓的時候，看著動畫轉(zhuǎn)半天不知道進度會略顯著急。

栗子：360安全位置在進行垃圾清理的時候，會直觀地顯示各個軟件的垃圾數(shù)據(jù)量和當前正在清理的文件，讓用戶對過程更直觀更可控。

積極的反饋

操作反饋普遍存在于產(chǎn)品各個交互細節(jié)中，是產(chǎn)品回應(yīng)用戶操作最常見的方式。

最常見的是消極類反饋（消極是指操作本身是錯誤的、不恰當?shù)模?/p>

栗子：win系列系統(tǒng)中用戶一旦非法輸入，就會duang一聲彈出一個對話框，還醒目地給個紅叉，本來用戶操作失誤已經(jīng)比較沮喪了，還有這么強烈刺激的反饋，簡直深深挫折感。當然，消極反饋往往肩負著杜絕破壞產(chǎn)品和用戶信息安全的責任，難免需要一切“深刻印象”的反饋來刺激用戶，但是能否委婉一點表達呢。

那么當用戶成功完成某項操作時，我們贊美過他們呢？

人們在社會交往時具有的期望，在使用互聯(lián)網(wǎng)產(chǎn)品時也會有。積極的反饋可以增強用戶的信心，提升用戶的愉悅感。

栗子：在360安全衛(wèi)士中執(zhí)行優(yōu)化加速的功能之后會將優(yōu)化結(jié)果反饋給用戶，結(jié)果呈現(xiàn)方式簡潔清新，采用類似獎牌和錦帶的UI元素讓用戶產(chǎn)生獎勵的愉悅感。

栗子：微博手機版發(fā)送微，會有banner彈出告知用戶已成功發(fā)送。

貼心的提醒

在使用產(chǎn)品時，用戶難免會有遺忘或是疏忽的時候。此時給與用戶一些貼心的提醒，可以提升用戶對產(chǎn)品的好感。

怎樣才算是貼心的提醒呢？當人們清晰記得自己的用戶賬號時候，登錄網(wǎng)站可能只需要幾秒。但對于一些不常使用的網(wǎng)站，用戶可能會忘記用戶名是郵箱還是手機號還是昵稱。這時候登錄框有適當?shù)奶崾菊Z的話，可以減少用戶的流失。當然這個設(shè)計早已被廣泛應(yīng)用。

除了運用文字直接提醒用戶之外，還可以通過界面元素狀態(tài)的改變給予用戶提醒。例如，許多郵件產(chǎn)品會改變已讀郵件的字體粗細度，使用戶不要過多關(guān)注已讀郵件。同理可以從色彩，大小，形狀等元素上做設(shè)計，區(qū)分多類信息，目的都是突出重點顯示的內(nèi)容。

提醒包括但不局限于上述兩種方式，應(yīng)該在產(chǎn)品各個操作細節(jié)尤其敏感且重要的操作上全面部署，無論你的用戶是誰，都可以輕松完成相應(yīng)的操作。

栗子：截圖是QQmail。

三 調(diào)動用戶的情感

產(chǎn)品能通過功能滿足用戶需求，是重要的，容易讓人學(xué)會并順利使用，也是重要的，更重要的是，產(chǎn)品要讓人感到愉悅并能深深地吸引用戶。

互動的樂趣

人類是社會化的動物，在意情感的雙向表達。在使用互聯(lián)網(wǎng)產(chǎn)品的時候，人們希望可以體會到互動的樂趣，而不是單向地接收信息。

交互動畫

操作后的反饋效果

誤操作時的提醒

像對話一樣親切的文案

……

都是機器和用戶互動的結(jié)果。讓用戶感覺到，自己的一點一滴都能被系統(tǒng)感知，滿足用戶的參與感和被尊重感。

栗子：可愛有趣的404頁，看著看著就笑了，打不開網(wǎng)頁的挫折感是不是變輕了。

驚喜的力量

超出預(yù)期的體驗才是好的用戶體驗。驚喜通常會令人開心，是因為其發(fā)生在不經(jīng)意間，有類似獎勵的效果。雖然這功能沒有太多實際性的用處，但是用戶偶然發(fā)現(xiàn)之后，會增添一份特殊的喜悅和樂趣，甚至引發(fā)用戶的好奇心，增強對產(chǎn)品的探索欲望。栗子：微信的彩蛋和百度搜索的彩蛋。

情境的烘托

為產(chǎn)品設(shè)計一個故事情節(jié)，通過視覺、動畫和音效的烘托，把用戶帶入一個情景中。這類設(shè)計被廣泛應(yīng)用于活動頁面、啟動動畫的設(shè)計中，尤其以H5的方式居多。有興趣的同學(xué)可以關(guān)注 云來 了解一下他們的案例。

文章內(nèi)容提煉于劉津老師和李月老師的《用戶體驗設(shè)計師的成長之路》，力薦閱讀原作，之后會出系列讀書筆記，圍繞用戶體驗設(shè)計相關(guān)話題而談。

?#專欄作家#

Aaron毛，微信公眾號：關(guān)我毛事，人人都是產(chǎn)品經(jīng)理專欄作家，90后工科男，信奉“在你身邊，為你設(shè)計”。電商產(chǎn)品汪，關(guān)注移動電商和社交領(lǐng)域。主業(yè)是熱愛探索各類產(chǎn)品設(shè)計之道，副業(yè)是積極尋找產(chǎn)品安慰師的愛撫。業(yè)余探索微信社群的力量，運營了一個存活1年以上的互聯(lián)網(wǎng)垂直社群，歡迎同行交（si）流（bi）

本文系作者授權(quán)發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。