設(shè)計師必須知道的情感化設(shè)計

8 評論 45907 瀏覽 128 收藏 14 分鐘

用戶渴望在使用產(chǎn)品時能夠得到情感上的互動,這反映在設(shè)計上即是產(chǎn)品情感化設(shè)計。情感化把握得好的產(chǎn)品往往更能抓住用戶的心,如何再設(shè)計產(chǎn)品時運用好情感化設(shè)計是每一名設(shè)計師的必修課。

情感化設(shè)計是完善產(chǎn)品,提升用戶體驗的關(guān)鍵,在當(dāng)今移動應(yīng)用泛濫的時代,只有存在情感化設(shè)計的產(chǎn)品才能脫穎而。

如今的用戶不再滿足于與冰冷的機器進(jìn)行互動,更希望在每次的操作中附有有情感上的互動。情感化設(shè)計在很多時候可以緩解用戶負(fù)面情緒,幫助用戶快速熟悉產(chǎn)品等。所以了解情感化設(shè)計并有效的運用情感化設(shè)計是一款好產(chǎn)品必不可少的環(huán)節(jié)。

【更新】設(shè)計師必須知道的情感化設(shè)計

一、什么是情感化設(shè)計

情感化設(shè)計是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng),以提高執(zhí)行特定行為的可能性的設(shè)計。通俗的講,就是設(shè)計以某種方式去刺激用戶,讓其有情感上的波動。通過產(chǎn)品的功能、產(chǎn)品的某些操作行為或者產(chǎn)品本身的某種氣質(zhì),產(chǎn)生情緒上的喚醒和認(rèn)同,最終使用戶對產(chǎn)品產(chǎn)生某種認(rèn)知,在他心目中形成獨特的定位。(出自《設(shè)計心理學(xué)》第三部)

二、情感化設(shè)計三要素與產(chǎn)品的結(jié)合

在唐納·A·諾曼的《設(shè)計心理學(xué)3-情感化設(shè)計》一書中從知覺心理學(xué)的角度解釋了人的本性三個特征層次,即本能的、行為的、反思的。

【更新】設(shè)計師必須知道的情感化設(shè)計

1. 本能水平的設(shè)計

本能水平的設(shè)計的基本原理來自人類本能,這一層次的主要物理特征是,視覺、聽覺、觸覺占主要支配因素。一般人剛看到一個物品時就想要,往往是出于本能選擇好看的。

案例結(jié)合:本能水平的設(shè)計,在移動端UI設(shè)計中的運用就是,視覺的體現(xiàn)(符合大眾的認(rèn)知設(shè)計),我們的產(chǎn)品視覺要讓用戶看到后就有想下載的沖動,所以由此可見設(shè)計師的重要性,顏值才是產(chǎn)品和用戶的敲門磚。

如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

兩款銀行類App,拋開不同銀行的情景,兩張界面同為銀行的首頁界面,如果選擇一個App留在手機中會怎么選擇?我咨詢了100位親朋好友,最終選擇掌上生活的人占82%;選擇交通銀行的占18%。

【更新】設(shè)計師必須知道的情感化設(shè)計

所以通過這個測試我們可以看出視覺效果在產(chǎn)品初期的下載率上會起到?jīng)Q定性作用。請善待你身邊的設(shè)計師。

2. 行為水平的設(shè)計

行為水平的設(shè)計注重的則是效用,物品功能好,簡單易懂,操作簡單,物理感覺(真實感覺)。以使用者為中心才是設(shè)計的核心。

案例結(jié)合:上面說的視覺是敲門磚,那么行為水平的設(shè)計就是決定愿不愿繼續(xù)交往的關(guān)鍵,也是提升用戶體驗最關(guān)鍵的部分,即便在好看的設(shè)計,如果用戶使用起來諸多不爽也是枉然,所以行為水平的設(shè)計都有什么呢?下面整理了一部分的案例。

貼心的功能共享單車系列的產(chǎn)品中,我最喜歡的產(chǎn)品就是7號單車,什么原因呢?

如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

圖中分別展示了摩拜單車和7號電車,7號單車在開車后的界面中有兩個操作,臨時鎖車和結(jié)束用車,這就是功能好,摩拜并沒有考慮到一個使用場景,我需要到達(dá)多個目的地且停留時間都很短的情況,如果不鎖車可能被別人偷騎走,鎖了車又回被別人再次開鎖騎走,所以就功能而言7號單車的體驗更好。

引導(dǎo)用戶產(chǎn)品初期和迭代都會存在用戶不了解信息以及功能,所以我們需要用文字的形式幫助和引導(dǎo)用戶去了解使用新的功能,就像老師一樣。

如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

Keep選擇用包含圖標(biāo)文字按鈕的組合引導(dǎo)用戶如何去更好的使用Keep,微信則是用一個純文字的彈出來引導(dǎo)用戶需要注意的事件。

所以在產(chǎn)品中運用通俗易懂的圖文來告訴用戶當(dāng)下發(fā)生的事情和需要去執(zhí)行的事情也是情感化設(shè)計的重要環(huán)節(jié)。

3. 反思水平的設(shè)計

當(dāng)用戶在使用產(chǎn)品后,理性的思考往往會讓用戶對產(chǎn)品做出一個評價。這個層次涉及文化、教育、個人經(jīng)歷等各方面,一個人感覺很好,可能另一個人會覺得很討厭。每個人自我的感覺不一樣。

案例結(jié)合:一說到平臺中的點贊功能,大家想到的都是一個大拇指,所以用戶也不會因為點餐而記住產(chǎn)品。所以我們需要反思那些常規(guī)且用戶習(xí)慣的設(shè)計,如何可以做到即合理又有特點呢?

如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

左側(cè)是微博的點贊圖標(biāo)是常規(guī)的設(shè)計“大拇指”,不會給用戶留下深刻的印象,而右側(cè)虎撲則是用來個燈泡圖標(biāo)配上文字“亮了”,即有新意,又符合使用場景,增加用戶的點擊欲望。

可能有人會覺得反駁,這樣的形式增加了用戶的學(xué)習(xí)成本,我們在前面講到我們需要反思的是那些常規(guī)且已經(jīng)習(xí)慣設(shè)計,所以即便改變了造型,只要是符合用戶使用習(xí)慣的反思,就不會增加用戶的學(xué)習(xí)成本。

產(chǎn)品不僅是所有功能的集合,他們真正的價值可以是滿足人們的情感需求,而其中最重要的需求就是建立自我形象與社會地位。 反思是包含并超越前兩個層次,我們要經(jīng)常思考,為什么同類型的產(chǎn)品,我們要選擇它,為什么它給我留下了很深刻的印象,這都是反思水平的設(shè)計需要做的。

三、情感化設(shè)計的作用

1. 緩解負(fù)面情緒

眾所周知,在生活中等待是最容易讓人產(chǎn)生負(fù)面情緒的,所以我們在設(shè)計也中也是如此,為了緩解用戶因為等待所產(chǎn)生的焦慮,減少等待時間時是很必要的。但有的時候界面加載時間是受很多客觀因素影響的,沒有辦法保證其速度。所以我們就需要通過一些情感化設(shè)計來緩解用戶的負(fù)面情緒。

案例結(jié)合:我們可以在需要用戶等待的地方加入一些動畫效果,而不同的動畫效果也會有不同的情感傳達(dá),如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

美團外賣的刷新加載,一只袋鼠騎摩托的動畫,因為是送餐服務(wù),所以時刻都在給用戶傳達(dá)“快”是他們的宗旨(有趣的是,在App中袋鼠的動畫是受紅綠燈影響的,也傳遞了綠燈行,紅燈停的交通法則,很有意義),反觀土豆則是休閑娛樂的視頻,所以加載動畫也會傳達(dá)出很放松的情感。

諸如此類的動畫在App上還有很多,只要在需要用戶等待的場景下使用符合情境的動畫變會輕松的減少用戶的負(fù)面情緒。

2. 引導(dǎo)用戶行為

人的記憶分為短期記憶和長期記憶,短期記憶也稱工作記憶,為完成任務(wù)而臨時存儲的信息,一般保留幾分之一秒到幾秒。而我們在使用手機時通常都是工作記憶。所以在設(shè)計中感情化設(shè)計可以幫助我們引導(dǎo)用戶減輕用戶的記憶負(fù)擔(dān)。

案例結(jié)合:界面中標(biāo)簽的切換功能,在同一模塊中選擇不同的頁簽他們的選中狀態(tài)的樣式是相同的。如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

不要增加用戶的記憶負(fù)擔(dān),避免同個操作在不同模式下有不同的效果。

四、情感化設(shè)計的風(fēng)險

我們要知道情感化設(shè)計是為滿足用戶的情感,有些情感化設(shè)計,是需要結(jié)合產(chǎn)品的定位,文化區(qū)域所決定的,事物是存在兩面性的,有的情感化設(shè)計會得到用戶的喜愛和興趣,有的則會給用戶帶來負(fù)面情緒。

1. 產(chǎn)品定位不同

不同的產(chǎn)品定位需要更換不同的情感化設(shè)計,例如上面說到的,美團為了體現(xiàn)速度則用袋鼠騎摩托的動畫,而土豆主要是休閑視頻,所以動畫效果用的則是品牌人物在吃爆米花。兩者調(diào)換后效果就不會有那么好的效果了。

2. 時效性

情感化設(shè)計是有時效性的,不同階段所有用的設(shè)計也會有所區(qū)別,例如我們經(jīng)常看到過節(jié)時期,都會把也寫宣傳界面做成符合節(jié)日的插畫,圖標(biāo)等,但不可以長期使用的本文中舉的很多例子在目前的版本已經(jīng)不再使用。

如下圖所示:

【更新】設(shè)計師必須知道的情感化設(shè)計

左側(cè)是餓了么的常規(guī)首頁,右側(cè)是世界杯時期的界面設(shè)計,頁面的Banner以及金剛區(qū)圖標(biāo)改版后都圍繞世界杯主題設(shè)計,迎合當(dāng)時的氛圍,我想,喜歡世界杯的用戶也會選擇有世界杯界面的外賣訂餐吧。但世界杯的時段一過還需要恢復(fù)為常規(guī)界面,這便是時效性。

總結(jié)

  1. 情感化設(shè)計的重要性:提升用戶體驗,提升下載率,保證留存率,減少卸載率;
  2. 什么是情感化設(shè)計:情感化設(shè)計是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng),以提高執(zhí)行特定行為的可能性的設(shè)計;
  3. 情感化設(shè)計三要素:本能水平的設(shè)計、行為水平的設(shè)計、反思水平的設(shè)計;
  4. 情感化設(shè)計的作用:減少用戶負(fù)面情緒,引導(dǎo)用戶行為;
  5. 情感化設(shè)計風(fēng)險:產(chǎn)品定位不同,情感化設(shè)計需要根據(jù)不同的產(chǎn)品定位設(shè)計,否則就會適得其反;時效性,應(yīng)該節(jié)日活動的設(shè)計不可以常久使用,否則體現(xiàn)不出設(shè)計的特殊性和融合性。

參考文獻(xiàn):
https://comesea.zcool.com.cn 《海邊來的設(shè)計師 情感化設(shè)計-三部曲》

http://www.ui.cn/detail/411220.html 《設(shè)計師,你真的了解情感化設(shè)計嗎》

https://cdc.tencent.com/2011/12/28/ 《情感化設(shè)計中的手繪應(yīng)用表現(xiàn)》

https://www.xzbu.com/3/view-4998096.htm《情感化設(shè)計在產(chǎn)品中的應(yīng)用》

https://www.jianshu.com/p/9ba0c5f5af61《并不復(fù)雜!寫給新手的情感化UI設(shè)計簡明指南》

https://www.jianshu.com/p/9512b122116d《UI界面中的情感化設(shè)計》

 

作者:小溜Epik,公眾號:海鹽社

本文由 @小溜Epik 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我認(rèn)為兩款A(yù)PP對比的維度有些牽強,一個是銀行的APP,一個是生活A(yù)PP,明顯生活類的APP的功能覆蓋場景更廣泛,作為用戶你會怎么選呢?

    來自廣東 回復(fù)
  2. 關(guān)于摩拜和7號電動車的“臨時鎖車”功能,兩者使用場景不完全相同,摩拜用戶大多數(shù)是騎行很近距離,去往兩個或以上目的地的情況不多,且中途換一輛車的成本很低(路邊摩拜多且便宜)。而選擇電動車的用戶,可能目的地相對會遠(yuǎn)一些,如果中途要停下辦事,換一輛車的成本較高(路邊車少且費用相比單車貴)

    來自北京 回復(fù)
    1. 感謝你的閱讀和提出的問題,我覺得你說的數(shù)量問題是存在的,確實膜拜的數(shù)量占優(yōu)勢,但站在用戶的場景上來說,還需要增加1塊錢的費用。 ??

      來自北京 回復(fù)
    2. 我覺得兩個場景并沒有太大區(qū)別耶
      不能通過騎行車和電動車的差異(騎行便利度/騎行費用)來猜測用戶的行為和使用感受
      覺得共享車的臨停功能還是極為友好的~

      來自廣東 回復(fù)
  3. 在本能水平的設(shè)計中,“通過這個測試我們可以看出視覺效果在產(chǎn)品初期的下載率上會起到?jīng)Q定性作用”,這個選擇差異性真的是因為視覺效果的因素嗎?

    來自江蘇 回復(fù)
    1. 我也是做設(shè)計,但我認(rèn)為在產(chǎn)品初期起決定性的是功能,先要有可用性,才有易用性。

      來自廣東 回復(fù)
    2. 贊同,情感化設(shè)計是基于產(chǎn)品的功能性和易用性后,追求的更高層次目標(biāo)

      來自浙江 回復(fù)
    3. 我覺得視覺是可以占一方面的,我這里的描述可能說的有些主觀了

      來自北京 回復(fù)