設(shè)計心理學(xué)下移動端UI設(shè)計的研究與應(yīng)用
——以小紅書為例

賀飛

西安美術(shù)學(xué)院 陜西 西安 710065

引言：隨著時代的發(fā)展，互聯(lián)網(wǎng)產(chǎn)品應(yīng)運而生，UI設(shè)計得到了極大的重視及運用。UI設(shè)計通過研究設(shè)計心理學(xué)，貼近用戶真實心理、體會用戶需求，搭建應(yīng)用與用戶的精神橋梁。本文以小紅書APP為線索，結(jié)合設(shè)計心理學(xué)，對移動端UI進行分析與研究。并深入探索基于設(shè)計心理學(xué)的移動端UI處于當(dāng)代環(huán)境下的多元化發(fā)展。

一、UI概念及移動端UI的特點

UI設(shè)計的概念就是用戶界面設(shè)計。其中小紅書APP便屬于移動端UI設(shè)計范疇。好的UI設(shè)計不僅可以讓系統(tǒng)界面變得更獨特、更具吸引力，還可以使用戶在進行產(chǎn)品操作時更加簡單，帶來舒適的使用心理。因為移動端UI受屏幕尺寸小、展示信息多、適用面廣等因素的影響，所以在進行設(shè)計時要遵循一定的設(shè)計準(zhǔn)則。

（一）交互界面簡易性

移動端UI設(shè)計的第一要素是簡易性，屏幕尺寸的受限與龐雜的展示信息極易造成視覺的混亂。在界面設(shè)計中，一個簡約并有序的界面能讓用戶在接觸到產(chǎn)品時不需要過度消耗精力就可以進行使用，會讓用戶產(chǎn)生良好的使用感受，同時盡可能的減少了用戶的錯誤操作行為。

（二）記憶負擔(dān)最小化

人類的短期記憶是有限的，對于信息的處理也存在著一定的限度的同時也具有著不穩(wěn)定的特性。有針對人腦記憶的研究顯示，人類大腦在24小時內(nèi)大約存在25%的遺忘率。因此對于用戶來說，盡可能降低記憶的負擔(dān)尤為重要。

（三）靈活性與一致性

靈活性就是要提高產(chǎn)品的靈活度，一個指令伴隨一個結(jié)果，確保每個指令都能有及時的反饋，向用戶提供便利。例如網(wǎng)絡(luò)延遲時的提示，按鈕被按下的及時反饋都會為用戶提供清晰地認知，就可以避免出現(xiàn)用戶不明緣由等待的這一情況。一致性是要求界面的結(jié)構(gòu)等因素需要保持高度統(tǒng)一，其重要性在于統(tǒng)一的風(fēng)格與操作會提供給用戶流暢的使用感受不同風(fēng)格元素的出現(xiàn)，會使得界面出現(xiàn)混亂感，導(dǎo)致用戶在使用產(chǎn)品時會產(chǎn)生思路不清晰的感受。

（四）從用戶角度出發(fā)

在產(chǎn)品設(shè)計的過程中，設(shè)計師要作為用戶對產(chǎn)品進行理解，切實從用戶角度出發(fā)，設(shè)想產(chǎn)品使用過程中可能會發(fā)生的所有可能性，從而進行修正與完善，而不是設(shè)計一套自己可以使用的產(chǎn)品。在設(shè)計中融入人性化的操作，盡可能滿足用戶在使用中的一切需求，提升用戶在使用產(chǎn)品時的滿意度。

二、設(shè)計心理學(xué)在移動端UI設(shè)計中的應(yīng)用

（一）馬斯洛需求層次論

美國心理學(xué)家亞伯拉罕·馬斯洛在《人類激勵理論》中提出，將人類的五種需求層次進行劃分，分別是生理需求、安全需求、社交需求、尊重需求和自我現(xiàn)實需求。人的需求在五個層次中等級越低的需求就越是基本的需求，越偏向動物的屬性。越高的等級需求就越趨向于人類所特有的需求。

在用戶體驗愈發(fā)被重視的UI設(shè)計中，馬斯洛需求層次論提供了方法論。良好的運用可以增強用戶在使用產(chǎn)品時舒適度和認可度。小紅書APP便在設(shè)計中融合了馬斯洛需求層次論，并得到了良好的用戶反饋。

1.生理需求

生理需求處于馬斯洛需求的第一層次也就是最基本的層次。小紅書針對生理需求做出了相對應(yīng)的措施，推廣了小紅書商城，用戶可以在商城中購買到自己需要的食品以及衣物等日常生活用品，在一定程度上滿足了其基本生理需求。（如圖1）

圖1 小紅書商城頁面

2.安全需求

在第一層次被滿足之后，需求層次也提升到了安全心理的階段。隨著互聯(lián)網(wǎng)的發(fā)展，個人信息的保護也成為了重中之重，小紅書從三個方面滿足用戶的安全需求。首先，設(shè)置賬號的安全保護，通過設(shè)置密碼、實名認證及信息綁定的手段來保證賬號的安全性。其次是隱私設(shè)置，通過用戶的自主選擇，可以從互動和關(guān)系兩方面進行隱私保護。根據(jù)自我需要進行“不把我的推薦給可能認識的人、在附近頁隱藏我的筆記”等設(shè)置，還具有許多個性化選項全面保護用戶隱私。最后，出臺相關(guān)用戶隱私政策及保護指引（如圖2），讓用戶清楚的了解到可能面臨的隱私問題以及相關(guān)的處理方式。

圖2

3.社交需求

人們需要建立親密關(guān)系進行溝通，而這一需求也是小紅書的核心功能。小紅書在設(shè)立之初的功能在廣告語中就可以很好的體會到—標(biāo)記我的生活，其目的就是讓用戶記錄自己的生活瞬間，并進行分享。在這里可以和自己的朋友進行聊天，也可以通過互相點贊評論結(jié)識更多的伙伴。可以通過好友主頁看到好友的相關(guān)朋友圈信息，以及在主頁里科員看到系統(tǒng)推薦的陌生人發(fā)表的生活瞬間。

4.尊重需求

當(dāng)社交需求被滿足后，人們便開始希望自己有穩(wěn)定的社會地位，想要個人的能力和成就得到社會的認可。小紅書APP推出了大量關(guān)于尊重需求的實現(xiàn)渠道，用戶在發(fā)表了動態(tài)后，還會進行系統(tǒng)推薦從而被更多的人看到。還設(shè)定了關(guān)注度，當(dāng)生活動態(tài)獲得熱度的時候會被其他用戶關(guān)注。而無論是點贊、評論還是關(guān)注，都會讓用戶獲得一種被人認同和尊重的感覺。

5.自我實現(xiàn)

自我實現(xiàn)需要是馬斯洛需求層次中最高層次的需要，是指個人期望自己達成某種成就的自我滿足的需要。小紅書APP中就設(shè)有發(fā)布筆記的功能，用戶通過小紅書APP的渠道分享自己的相關(guān)日常心得及知識內(nèi)容，并獲得良好反饋從而達到自我實現(xiàn)的需求。其中的高粉絲量博主便是自我實現(xiàn)人群的代表，他們通過高質(zhì)量筆記獲得其他用戶的關(guān)注，發(fā)表分享自己擅長領(lǐng)域內(nèi)的心得，使自己的能力得到其他用戶的認可，達到自我實現(xiàn)需求的層次。

（二）KANO模型分析法

KANO模型是東京理工大學(xué)教授狩野紀昭發(fā)明的關(guān)于用戶需求分類和排序的工具，以分析用戶需求對用戶滿意的影響為基礎(chǔ)，體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。狩野教授將產(chǎn)品服務(wù)的質(zhì)量特性通過實驗的整理歸納分為五類。

1.必備型需求

該需求是產(chǎn)品的基本功能及核心功能。向用戶提供此類需求，滿意度不會受到影響，但是如果沒有提供，那么用戶滿意度便會下降。小紅書的產(chǎn)品定位是信息分享，因此信息分享這一必備型需求的提供并不會提升用戶的滿意程度。相反，如果取消提供這一功能，用戶失去了必備性需求，滿意度則會下降，從而導(dǎo)致用戶粘性降低。

2.魅力型需求

魅力型需求又叫做興奮型需求，是基于產(chǎn)品核心功能之上的需求。提供了會使用戶感到驚喜，不提供用戶的滿意度也不會降低。小紅書在2013年初上線之時只有信息分享功能，用戶在社區(qū)里分享旅行購物等經(jīng)驗，內(nèi)容主要以美妝、護理為主。但在2014年10月，小紅書福利社正式上線，旨在為海外購物提供渠道。這一功能的上線，極大提升了小紅書的用戶粘性，提高了用戶的滿意度。

3.期望型需求

這是用戶非常渴望的功能，是用戶在產(chǎn)品使用過程中發(fā)現(xiàn)的更被需要的使用需求，提供了用戶滿意度會上升，如若長期的用戶反饋得不到回應(yīng)的話，用戶的滿意程度就會隨之下降。小紅書通過關(guān)注用戶反饋，不斷進行升級，完善相關(guān)功能，使得用戶滿意度持續(xù)上升。在逐步升級中，小紅書增加了歷史筆記瀏覽，便于用戶找回錯失的筆記。

4.無差別需求

無差別需求是不管提供還是不提供，用戶的滿意度都不會受到影響。這一需求在現(xiàn)在設(shè)計中也是普遍存在的，可能在小紅書的一次升級完善中絕大部分的功能相對于用戶而言都是無差別需求，只有個別會成為用戶的期望型需求、魅力型需求或反向需求。

5.反向需求

這一需求是指與用戶的需求相背離的相應(yīng)的功能提供。用戶根本沒有此需求，并且提供后用戶滿意度反而會產(chǎn)生下降。小紅書在升級改版中改變了“關(guān)注的人”模塊，增加了“經(jīng)常瀏覽的博主”模塊，這一改變讓許多用戶無法接受，發(fā)表不滿。但是小紅書在改版的同時也做了相應(yīng)的準(zhǔn)備，使得用戶可以通過設(shè)置找回原來的模塊。

三、色彩心理學(xué)在移動端UI設(shè)計中的應(yīng)用

（一）色彩心理學(xué)

色彩在客觀上是對人們的一種刺激和象征，激發(fā)出相應(yīng)的心理；在主觀上通過色彩形成一種反應(yīng)與行為進行反饋。色彩對人類心理存在的影響是巨大的。在設(shè)計的方方面面都離不開色彩心理學(xué)的應(yīng)用，隨著UI設(shè)計的發(fā)展，在設(shè)計心理學(xué)運用的基礎(chǔ)上，色彩的良好運用也起著舉足輕重的作用，色彩心理學(xué)也成為了設(shè)計開發(fā)過程中的一大重點。

（二）界面配色方法

1.同類色配色方法

同類色配色方法是選取色環(huán)角度15度以內(nèi)的色彩進行配色。這種配色方式會使界面有較好的一致感與協(xié)調(diào)感，一般使用在圖標(biāo)、導(dǎo)航、登錄頁以及品牌主色的場景中。小紅書使用的配色方式就是同類色的配色方法，在色彩范圍內(nèi)通過明暗的變化與搭配進行界面的色彩設(shè)計。但也十分考驗開發(fā)者的設(shè)計能力，使用不當(dāng)可能會造成界面顏色單調(diào)的狀況。因此在設(shè)計過程中要注意色彩的明度對比、面積對比以及交互操作的部位。

2.鄰近色配色方法

鄰近色配色方法是選取色環(huán)角度60度以內(nèi)的色彩進行配色。會使得界面有一致感與協(xié)調(diào)感的同時會增加界面的雅致感，并且不會顯得單調(diào)，在界面中一般與主色的鄰近色用的比較多。使用的場景一般在漸變圖標(biāo)、漸變導(dǎo)航、日常按鈕以及瓷片入口等。在設(shè)計的過程中也同樣要注意色彩明度、面積的使用，權(quán)衡色彩之間的呼應(yīng)關(guān)系。

3.對比色配色方法

這一種配色方法是選取色環(huán)角度為對角一120度的色彩進行搭配設(shè)計。會使得界面具有強烈的層次感，讓界面顯得更加活潑與豐富。一般使用在重要按鈕、消息提示以及重點突顯的板塊。由于顏色的跳躍性較強，在設(shè)計過程中容易造成界面的混亂，太過刺激的顏色也會造成視覺的疲勞。因此也要注意在選取高飽和度高亮度的顏色時，一般作為主色的點睛色進行使用。

4.互補色配色方法

互補色配色方法是選取色環(huán)角度對角為180度的色彩，巨大的色彩差異會讓界面有很強的炫目感、現(xiàn)代感，帶給用戶的沖擊力極強。使用場景一般在重要按鈕、消息提示以及差異比較大的按鈕和圖標(biāo)等。因其具有反差大、沖擊力強等特點，使用不當(dāng)也容易產(chǎn)生不協(xié)調(diào)等缺點，所以在設(shè)計中要把控色彩的使用度以及呼應(yīng)關(guān)系。

5.同色調(diào)配色方法

同色調(diào)配色方法是選取不同色彩并保持明度與飽和度的統(tǒng)一，這種色相相同調(diào)性的色彩進行搭配，會讓界面顯得靈活并具有趣味化以及個性化。一般使用在金剛區(qū)圖標(biāo)、同系列功能入口圖標(biāo)、同系列瓷片區(qū)以及選擇頁等。因為選取色彩的不同，為了保證畫面協(xié)調(diào)在設(shè)計的過程中一定要保證色彩明度與飽和度的統(tǒng)一。

（三）色彩情緒定色法

APP的配色設(shè)計對于界面而言十分重要，它與產(chǎn)品的用戶人群、目標(biāo)人群、產(chǎn)品定位和理念、產(chǎn)品行業(yè)和產(chǎn)品寓意以及企業(yè)品牌形象和文化等息息相關(guān)。開發(fā)者在產(chǎn)品色彩的設(shè)計過程中，會利用色彩的情感特征，選取色彩的情緒定色法來進行衡量。如綠色具有著健康、自然、環(huán)保及和平等指向性，因此常用于安全保障工具類、健康類、醫(yī)療類、旅游類以及環(huán)保類等，如醫(yī)鹿、小荷、薄荷健康等產(chǎn)品；藍色具備科技、理性、安全可靠等隱含因素，常用于教育類、金融類、工作職場類等，如支付寶、騰訊會議等產(chǎn)品；紫色是神秘、高貴、魅力和娛樂的代名詞，適用于拍照類、娛樂類、社交類以及游戲類，如美圖秀秀、美顏相機等產(chǎn)品；紅色是充滿活力、歡快，寓意著金錢和豐收的色彩。常用于電商購物類、新聞資訊類以及閱讀類等，其中小紅書在色彩上選取了紅色作為企業(yè)的標(biāo)準(zhǔn)色(圖3），這種偏時尚女性的中性色會給人帶來活力積極的情感暗示，激發(fā)用戶的情感，同時也貼合小紅書的產(chǎn)品定位與企業(yè)理念。

圖3

四、設(shè)計心理學(xué)運用在移動端UI的意義及發(fā)展

小紅書在設(shè)計的過程中一直保持著把用戶需求放在產(chǎn)品研發(fā)的第一位，通過不斷的接收用戶的反饋進行升級改版，改善產(chǎn)品的不足并逐漸完善產(chǎn)品體系。使得用戶在使用產(chǎn)品時產(chǎn)生輕松愉悅的感受，會不自覺的延長產(chǎn)品使用時間，從而對產(chǎn)品的信任度越來越高，用戶粘性也逐漸增強，最終使得小紅書在同類產(chǎn)品中嶄露頭角。

小紅書產(chǎn)品的成功并不是偶然，在新媒體時代的大環(huán)境下，移動端UI產(chǎn)品之間的激烈競爭也使得產(chǎn)品設(shè)計師意識到只有真正的從用戶角度出發(fā)，了解用戶心理、貼近用戶需求，切實的站在用戶的出發(fā)點進行產(chǎn)品研發(fā)，才能設(shè)計出真正打動人心的產(chǎn)品。設(shè)計心理學(xué)對于移動端UI界面視覺設(shè)計有著舉足輕重的意義。它作為方法論為界面視覺的設(shè)計提供了堅實的理論基礎(chǔ)，使得產(chǎn)品更加貼合用戶的使用心理。移動端UI設(shè)計的發(fā)展要依托于設(shè)計心理學(xué)，做到有效吸引用戶，為用戶提供更加舒適的使用體驗。從而推動移動端UI設(shè)計的進步，延長產(chǎn)品壽命與使用期限，為互聯(lián)網(wǎng)時代的發(fā)展注入新力量。

五、結(jié)語

在移動互聯(lián)網(wǎng)時代下，小紅書依靠運用大量設(shè)計心理學(xué)在同類產(chǎn)品中脫穎而出，為用戶帶來了良好的使用感受。在設(shè)計上參考運用了馬斯洛需求層次論，將用戶的五大需求融入了產(chǎn)品的設(shè)計之中，與用戶的生活息息相關(guān)。還運用了KANO模型分析法，更精細的剖析用戶的真實需求。嚴謹按照移動端UI界面視覺設(shè)計的準(zhǔn)則，在保證用戶順暢使用的同時，更為用戶提供了良好的用戶體驗。在色彩方面也運用色彩心理學(xué)進行歸納設(shè)計，在多次試驗后確定了小紅書產(chǎn)品的色彩。設(shè)計心理學(xué)作為方法論能夠幫助設(shè)計師拉近與用戶的距離，感受用戶的心理。從而創(chuàng)作出用戶更加渴求的視覺設(shè)計。