設計心理學下移動端UI設計的研究與應用
——以小紅書為例

賀飛

西安美術學院 陜西 西安 710065

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

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

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

（一）交互界面簡易性

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

（二）記憶負擔最小化

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

（三）靈活性與一致性

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

（四）從用戶角度出發

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

二、設計心理學在移動端UI設計中的應用

（一）馬斯洛需求層次論

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

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

1.生理需求

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

圖1 小紅書商城頁面

2.安全需求

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

圖2

3.社交需求

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

4.尊重需求

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

5.自我實現

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

（二）KANO模型分析法

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

1.必備型需求

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

2.魅力型需求

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

3.期望型需求

這是用戶非?？释墓δ?，是用戶在產品使用過程中發現的更被需要的使用需求，提供了用戶滿意度會上升，如若長期的用戶反饋得不到回應的話，用戶的滿意程度就會隨之下降。小紅書通過關注用戶反饋，不斷進行升級，完善相關功能，使得用戶滿意度持續上升。在逐步升級中，小紅書增加了歷史筆記瀏覽，便于用戶找回錯失的筆記。

4.無差別需求

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

5.反向需求

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

三、色彩心理學在移動端UI設計中的應用

（一）色彩心理學

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

（二）界面配色方法

1.同類色配色方法

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

2.鄰近色配色方法

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

3.對比色配色方法

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

4.互補色配色方法

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

5.同色調配色方法

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

（三）色彩情緒定色法

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

圖3

四、設計心理學運用在移動端UI的意義及發展

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

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

五、結語

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