移情設計理論在UI設計中的應用研究

朱夢睿

江西服裝學院，南昌330032

一、引言

UI即User Interface（用戶界面）的簡稱。UI設計不是簡單的平面圖形創作，它需要在了解用戶、操作的環境、用戶的行為習慣，滿足人的精神及情感需求的基礎上，為用戶而設計。與其他設計觀念不同，移情設計將設計的物質目的放在了第二位，而將其精神目的放在了首位。在UI設計中引入移情設計，能更好地發現用戶的潛在需求，通過角色的轉換和產品與用戶的“雙向交流”等方式，設計師可以更好地以用戶為中心開展設計，發現新思路，從而挖掘產品實用功能之外的其他功能，并更好地滿足用戶的需求[1]。

二、移情與移情設計

1.移情的概念

移情理論最早來源于精神分析學說，是以人的審美特性、思想感情相契合為客觀前提，以主體情感向外部擴散，且以想象力和創造力為主觀條件，將對象的擬人化與主體情感的客體化相統一[2]。德國心理學家、美學家立普斯（Theodor Lipps）是德國“移情派”美學的主要代表人物，他認為，通過移情，人類能夠出現彼此之間的諒解溝通并作出相應的反應。移情有兩種形式，分別是直接的形式和間接的形式?；颊邔⒆约旱捏w驗，如與醫師聊天覺得輕松愉快之類，直接與對方訴說和分享，就是一種直接的形式。而當患者把自己以往的情感轉移到了醫師的身上，對醫師抱有了超出醫患關系以外的情感與幻想時，就是移情的表現。

2.移情設計

移情設計是將移情理論應用到設計中去的理念，指的是設計師在設計的過程中將情感移入到設計對象上去，而受眾則在體驗設計對象的過程中移入自己的情感。胡飛在《聚焦用戶UCD觀念與實務》一書中寫到：“移情設計意味著研究者必須把用戶看作是一個具有情感的生命個體，而不僅僅是被測試的主體?！盵3]60移情設計意味著設計師要關懷用戶，用心去了解并走進用戶的世界，將自己置身于其中，來觀察用戶的世界并感受他們內心的想法。

例如，用戶在使用手機的時候，經常會見到一些擬物化風格的UI設計。這些設計，可以使用戶很直接地聯想到日常生活中一些能夠看到并且能夠觸摸到的實物，甚至細節處也都相同，使用戶的學習成本為零，用戶在看到之后的第一時間，便知道該如何去使用了（見圖1）。

圖1 擬物化UI設計①

三、從UI界面設計角度看移情設計

UI設計是指設計師立足于產品的界面與行為進行交互的基礎上，對界面進行視覺化的整體設計。一款優秀的UI設計，不僅僅是在視覺上給人以舒適的感受，還應在用戶使用產品的時候，其操作上也能讓人具有舒心、自由、輕松的體驗[4]。移情設計最早應用于產品設計之中，以用戶的體驗為設計的重心，其設計應要以了解用戶、時刻為用戶考慮為標準。在UI設計中融入移情設計，是讓設計師在進行UI設計時，將設計師自身、用戶自身或生活中的一些情感移入到設計過程之中，所設計出來的UI界面與之有相關的情感因素。在用戶進行使用體驗的過程中，能充分被其認知、理解，并能感受到設計師所投入的情感，與設計師之間形成心理上的共同交流，達到設計師、用戶、產品在同一情感頻道，從而獲得產品價值的肯定。

四、UI設計中的移情設計原則

1.迭代原則

迭代（iteration），指的是產品在測試期間或者上線后，通過用戶的使用感受得到的反饋，不斷地進行有針對性的優化、更新的過程，每一期的更新都稱之為迭代。迭代設計除了能夠通過實時的用戶反饋，改進自己的設計之外，最大的好處就是可以避免用戶因突然看到一個日常熟悉的界面變得陌生，感到驚訝或恐懼甚至使用時因陌生而感到使用不便。若在設計中遵循迭代原則，使產品在每期更新中使用戶見識到的“不熟悉”，也僅僅是超過用戶感覺安全范圍內的一點點，用戶每次更新見到的“陌生”越來越多，那么這種潛移默化的小變化，則會使用戶對于“害怕陌生”的感知閾值越來越高，也會讓用戶的移情范圍相比以前大不相同。

通過騰訊QQ十多年版本的更新圖片，便可以讓人們清晰地了解該產品在這種潛移默化中，已經偷偷改變了多少（見圖2）。

圖2 QQ部分版本截圖②

2.換角度原則

雖然現在大部分的UI設計已經使用扁平化設計的產品一段時間了，但是對于小孩和老人來說，擬物化會讓他們更容易理解產品和更“敢”去觸碰產品。擬物化設計是設計師通過對現實生活中的物品、場景及日常行為習慣的模擬，提取有用元素，將其運用到UI設計中，使得產品界面表現得更加充實飽滿而富有情趣，在操作上也更符合用戶的行為習慣，使他們在看到圖形的同時便能夠下意識地去進行操作[5]。

需要注意的是，雖然擬物化設計是模擬生活中的場景和模擬一些人的行為習慣所進行的，但是其中一些不好的習慣，則應當通過設計去引導人們慢慢改進。

此外，由于擬物化設計在視覺設計方面，相對而言會使設計師所花費的時間、精力比扁平化設計要高一些，所以，在面對具體的設計任務時，設計師可以針對不同的對象情況，來選擇不同的設計表現方式。

3.細節提升原則

在平面設計中，設計師經常會采用突出某一部分作為設計表現的重心，以局部突出整體來引起用戶的注意，同時，這種方式也可以制造更多的懸念，引發用戶的興趣及思考。同樣的，在UI設計中，設計師也可以將平面設計的這種做法引申過來，如在一些產品界面的設計細節上面進行重點處理，為產品提升品牌的格調。優秀的UI設計可以為用戶帶來直接、生動、形象的功能性展示，降低用戶對產品功能的學習成本，增加產品的親和力。

4.趣味原則

趣味性是產品除了舒適、美觀、易用之外，另一種能激發人類本能情感的事物。在UI設計中

運用趣味性原則，通常是通過改變UI設計中的字體、圖標、圖形等的形態、色彩等方面，使產品界面充滿趣味特性，吸引用戶的注意。用戶在操作產品的時候，這些趣味性設計可以通過產品界面轉移到用戶的情感之中，使得用戶在使用的過程中保持一種愉悅的心情，這也是移情的一種表現。

例如，大家都熟悉的百度，它的首頁圖標是百度的LOGO。每逢節假日或者紀念日的時候，百度也會在其原LOGO的基礎上，進行一些改良設計來烘托節日的氣氛，以吸引用戶的注意（見圖3）。

圖3 百度圖標部分版本截圖③

5.細微關懷原則

如今，設計界越來越重視用戶體驗，一些細微之處的用戶體驗，也對整個設計有著重要的影響。一些我們未曾關注的細節，可能是對整個設計有著至關重要影響的環節，它能將設計的其他元素有效地結合起來，也能讓用戶在對UI界面進行體驗的時候，變得更加有趣，讓用戶難以忘懷。有研究表明，在UI界面加載過程中，用戶可以等待的最長時間大概在6～8秒之間[6]。8秒是一個警戒線，當用戶打開一個界面之后，其加載等待的時間超過8秒的時候，或許大部分用戶會關閉這個界面，除非這個界面是必須打開不可的。常用的loading方式一般是用轉圈圈或者長條進度表，這會讓用戶因為等待時間未知而產生煩躁情緒，若能將loading進度表加上等待百分比，或者增加一些動畫效果，會讓用戶對等待更加有耐心。

例如，拍照軟件Camera360的APP初始加載頁，是一個動畫播放效果，雖然只有短短的幾秒鐘，但是給用戶帶來的卻是產品格調高、有氣質的視覺感受，并且隨著這個動畫的播放，用戶對這個產品也加深了印象，對之更有好感。（見圖4）。

圖4 Camera360的APP初始加載動畫截圖④

五、總結

李硯祖曾說：“設計主要解決人與物的問題，在人與物的關系中，最本質的是‘人性’與‘物性’的關系，設計從‘人性’出發，理解、利用甚至規范‘物性’，使得物為人用、物適其用?！盵3]1移情設計的作用，在于人們潛意識里對情感的本能性表達。設計師不僅是一位創作者，更是一位參與者，只有通過在創作中一點一點地加入自己的情感體驗，才能完成一個鮮活、富有情感的設計作品。而只有將移情設計理念融入UI界面的設計中，才能夠更好地滿足產品目標用戶在精神層面上的需求。這樣的UI界面設計，藝術性與互動性相建構，物象性與意境性相融合，能夠達到如李硯祖對設計所描述的——從“人性”出發來規范“物性”的目的，成為富含情感的產品。

注釋

① 圖1來源：任恬.MIUI 設計主管：MIUI6是怎么誕生的[EB/OL].（2014-08-25）[2015-06-03].http://www.ifanr.com/446001.

② 圖2來源：作者通過網絡資源獲取相關圖片進行組合。參見：佚名.騰訊QQ客戶端版本15年變遷史：1999－2014QQ產品回顧[EB/OL].（2014-11-27）[2015-06-03].http://www.qqtn.com/article/article_96897_1.html.

③ 圖3來源：作者通過網絡資源獲取相關圖片進行組合而成.

④ 圖4來源：作者通過軟件初始安裝之后的加載動畫進行截圖獲取相關圖片.

[1]陳鈺汀.視覺傳達中的移情設計研究[D].長沙：中南大學，2012：7.

[2]陳亞琦.手辦玩偶的移情設計[D].武漢：華中師范大學，2013：12.

[3]胡飛.聚焦用戶：UCD觀念與實務[M].北京：中國建筑工業出版社，2009.

[4]石夢云.基于視覺文化的用戶界面設計研究[D].武漢：武漢理工大學，2012：13.

[5]王怡，趙鋼.移動交互界面擬物化設計解讀[J].包裝工程，2013（18）：58-61.

[6]湯程心.“新生代網頁”的視覺體驗設計[D].杭州：中國美術學院，2012：11.