論互聯(lián)網(wǎng)+時(shí)代移動(dòng)UI背后的設(shè)計(jì)心理學(xué)

王陽(yáng) 姜立銘

摘要：隨著互聯(lián)網(wǎng)時(shí)代日新月異的發(fā)展，隨著互聯(lián)網(wǎng)+時(shí)代的移動(dòng)UI的全民化普及。在大眾創(chuàng)業(yè)，萬(wàn)眾創(chuàng)新的經(jīng)濟(jì)新常態(tài)下，無(wú)論是企業(yè)還是個(gè)人，都看到了互聯(lián)網(wǎng)的商機(jī)，也發(fā)現(xiàn)了交互設(shè)計(jì)良好的用戶體驗(yàn)帶給企業(yè)的價(jià)值。除了基礎(chǔ)的技術(shù)支持，一個(gè)成功UI產(chǎn)品離不開心理學(xué)方面的設(shè)計(jì)，本文基于支付寶、微信、ISO Store等移動(dòng)APP的界面設(shè)計(jì)，探索其背后應(yīng)用的設(shè)計(jì)心理學(xué)原理，為UI設(shè)計(jì)者在心理學(xué)設(shè)計(jì)方面提供了一定的參考方法。

關(guān)鍵詞：互聯(lián)網(wǎng)+ 交互設(shè)計(jì) 馬斯洛需求層次 格式塔心理學(xué) 感覺

引言

在互聯(lián)網(wǎng)高速發(fā)展的今天，我國(guó)進(jìn)入到了互聯(lián)網(wǎng)+的飛速發(fā)展時(shí)代?？v觀我國(guó)互聯(lián)網(wǎng)的發(fā)展，起源于1994年互聯(lián)網(wǎng)引入中國(guó)，1999年馬云開創(chuàng)了阿里巴巴，接下來的十年，中國(guó)進(jìn)入到了電子商務(wù)的銷售模式，期間出現(xiàn)了聚美優(yōu)品、唯品會(huì)、京東、一號(hào)店的電腦平臺(tái)。2010年隨著lOS和ANDROID系統(tǒng)的崛起，智能手機(jī)如雨后春筍，同時(shí)，互聯(lián)網(wǎng)的巨頭們抓住了時(shí)機(jī)，開發(fā)原有網(wǎng)站的APP或者不斷從網(wǎng)絡(luò)的引進(jìn)到如今我國(guó)產(chǎn)生僅僅23余年，中國(guó)互聯(lián)網(wǎng)行業(yè)的發(fā)展已經(jīng)巔峰造級(jí)，競(jìng)爭(zhēng)也日趨激烈。在技術(shù)相當(dāng)?shù)慕裉?，要想在移?dòng)UI中脫穎而出，筆者認(rèn)為，技術(shù)有了，還需與功能、美結(jié)合。“功能”包含APP應(yīng)有的項(xiàng)目，這時(shí)我們需要利用設(shè)計(jì)心理學(xué)中的馬斯洛需求層次來分析，進(jìn)而設(shè)想出一切我們可以為使用者帶來方便的功能。“美”包括形式美法則，基于格式塔心理學(xué)，通過分析APP的元素、色彩、版式等。當(dāng)功能與美完美的結(jié)合時(shí)，一個(gè)APP成功地占領(lǐng)了使用者的感覺高低，從而產(chǎn)生良好的知覺，反饋一使用—反饋，產(chǎn)生良好的用戶體驗(yàn)。

一、互聯(lián)網(wǎng)+時(shí)代下的移動(dòng)UI

互聯(lián)網(wǎng)+時(shí)代是基于創(chuàng)新2.0的互聯(lián)網(wǎng)新業(yè)態(tài)，是知識(shí)社會(huì)創(chuàng)新2.0推動(dòng)下的互聯(lián)網(wǎng)發(fā)展新形態(tài)。2012年，“互聯(lián)網(wǎng)+”時(shí)代首次提出，近幾年的發(fā)展，互聯(lián)網(wǎng)被稱為中國(guó)經(jīng)濟(jì)提制增效升級(jí)的“新發(fā)動(dòng)機(jī)”，可見其重要性。

互聯(lián)網(wǎng)+是指借助互聯(lián)網(wǎng)的平臺(tái)、把傳統(tǒng)行業(yè)在內(nèi)的各行各業(yè)連接起來，從而在新領(lǐng)域創(chuàng)造一種新的營(yíng)銷模式。比如，互聯(lián)網(wǎng)+農(nóng)村合作社，開啟農(nóng)村經(jīng)濟(jì)發(fā)展新模式；互聯(lián)網(wǎng)+城市管理，開啟了智慧城市模式，可以高效地為民服務(wù)；互聯(lián)網(wǎng)+醫(yī)療在家即可以預(yù)約名醫(yī)就診，方便惠民……

在20017年5月的“一帶一路”高峰論壇，高鐵，共享單車，支付寶，網(wǎng)購(gòu)被評(píng)為中國(guó)“新四大發(fā)明”，移動(dòng)UI的設(shè)計(jì)在其中發(fā)揮著至關(guān)重要的作用。移動(dòng)UI為用戶和企業(yè)搭建了一個(gè)可視化、簡(jiǎn)潔的、操作方便的平臺(tái)，方便用戶操作，進(jìn)行交易，進(jìn)而促進(jìn)相關(guān)產(chǎn)業(yè)的發(fā)展。

二、移動(dòng)UI與心理學(xué)

UI的設(shè)計(jì)需要與心理學(xué)緊密聯(lián)合。通過唐納德.諾曼提出的情感化設(shè)計(jì)，如何化繁為簡(jiǎn)的七個(gè)原則，應(yīng)用到移動(dòng)UI的設(shè)計(jì)上，可以從以下幾個(gè)方面入手：

可視性、概念模型、自然匹配、反饋。

由此可見，UI設(shè)計(jì)中，最基本的原則是要保證用戶能夠隨時(shí)看出哪些行為是可行的操作，以及在用戶和操作之間。操作與結(jié)果之間、可見信息與狀態(tài)之間建立自然匹配關(guān)系等。作為一個(gè)UI設(shè)計(jì)師，需要的不僅僅是創(chuàng)意，還有對(duì)心理學(xué)的研究。如果一味地創(chuàng)新，而忽視了這款移動(dòng)UI適用人群的心理學(xué)分析，那么可能淪為一個(gè)設(shè)計(jì)的“工具”。UI設(shè)計(jì)師應(yīng)在設(shè)計(jì)中從最根本的心理學(xué)^手，充分了解用戶心理，設(shè)計(jì)出符合用戶心理規(guī)律的產(chǎn)品，從而能讓用戶獲得愉快的使用體驗(yàn)。

三、分析馬斯洛需求層次在UI設(shè)計(jì)中的成功應(yīng)用

馬斯洛需求層次理論是人本主義科學(xué)的理論之一，由美國(guó)的心理學(xué)家亞伯拉罕.馬斯洛提出。它將人類的需求分為五種，分別是：生理需求、安全需求、社交需求、尊重需求與自我實(shí)現(xiàn)需求。

在我國(guó)，支付寶是移動(dòng)的錢包，這一移動(dòng)APP震驚海外。支付寶的快捷支付，安全性能，優(yōu)惠活動(dòng)，社交體驗(yàn)等使我們的生活充滿了便利?；隈R斯洛需求層次，分析支付寶產(chǎn)品的一些功能，從而學(xué)習(xí)如何在UI設(shè)計(jì)中應(yīng)用馬斯洛需求層次對(duì)產(chǎn)品進(jìn)行功能性設(shè)計(jì)。

（一）生理需求

生理需要，它是指人類生存最基本的需要，如飲食、穿衣、住宿等。例如，處于饑餓中的人，食物是其第一需求；處于寒冷狀態(tài)下的人，首先需要的就是衣服和住所?；镜男枨笫且粋€(gè)設(shè)計(jì)必須滿足的，也是以人為本的基礎(chǔ)。支付寶的四大板塊（首頁(yè)、口碑、朋友、我的）之一的“口碑”與“餓了么”強(qiáng)強(qiáng)聯(lián)手，這一欄滿足了用戶生活中的吃、喝、玩、樂的基本需求，，另外還有獎(jiǎng)勵(lì)金的積累，定期優(yōu)惠的手段，使用者下載了支付寶就可以摒棄其他外賣軟件，無(wú)形中培養(yǎng)了用戶黏度。

（二）安全需求

安全是指保護(hù)自己的身體、生理免受傷害。支付寶在付款這—方面安全性設(shè)置較高。當(dāng)使用支付寶掃碼付款時(shí)，當(dāng)你點(diǎn)擊付款，會(huì)出現(xiàn)一個(gè)條形碼，這個(gè)條形碼定時(shí)更新，以保證支付的安全性。

打開付款，當(dāng)截圖時(shí)，由于有障礙的設(shè)置，顯示為：無(wú)法阻止截圖，已被安全策略截止。這保證了用戶的資金、財(cái)產(chǎn)的安全性。

（三）社交需求

社交需求，包括友情、愛情、歸屬、信任與接納的需要。馬斯洛認(rèn)為人是一種社會(huì)動(dòng)物，經(jīng)常會(huì)與他人接觸，因此人們要有社會(huì)交往、良好的人機(jī)關(guān)系、人與人的感情和愛，在阻止中得到他人的接納與信任。支付寶雖然是一個(gè)移動(dòng)支付，金融類主導(dǎo)的軟件，但它卻提供了社交這一環(huán)節(jié)。其第三大板塊就是“朋友”，包括從查找朋友、日常轉(zhuǎn)賬、聊天、“口碑”分享到春節(jié)時(shí)的“集五?！薄ⅰ凹t包大作戰(zhàn)”，都是在增加與朋友的聯(lián)系，增強(qiáng)了人與人的感情。

（四）尊重需求

它包括自尊和受到別人的尊重，要有成功后的自豪。支付寶里的“余額寶”和“螞蟻森林”可以讓使用者在使用的過程中，建立自信，同時(shí)還有一定的公益性。利用“余額寶”，使用者可以理財(cái)，比如工資理財(cái)，夢(mèng)想計(jì)劃，當(dāng)對(duì)于金錢無(wú)法自律，常?？鄲罆r(shí)，不妨把金錢放入“夢(mèng)見計(jì)劃”中，設(shè)置一個(gè)數(shù)額，這段時(shí)間，只進(jìn)不出，當(dāng)某一天，達(dá)到了目標(biāo)，感到的是欣慰、自豪。

“螞蟻森林”是一個(gè)公益性的類游戲小程序，它通過使用者使用支付寶消費(fèi)的金額或者每日行走的步數(shù)兌換相應(yīng)的雨露，進(jìn)而澆灌樹苗，當(dāng)長(zhǎng)成樹時(shí)，就可為祖國(guó)捐一棵真樹，貢獻(xiàn)小力量，獲得滿足感。這種小小的自豪感與好友之間的排名比拼，也是朋友之間聯(lián)系的一架橋梁，能夠鼓勵(lì)使用者積極地使用支付寶。

（五）自我實(shí)現(xiàn)需求

這是馬斯洛需求最高的層次。通過個(gè)人成長(zhǎng)中自身的努力，最終達(dá)到自己滿意的程度，從而產(chǎn)生獲得感。比如，在“我的”里，有“芝麻信用”、“愛心捐贈(zèng)”，使用者獻(xiàn)愛心，做慈善，“每日一善”等。支付寶都會(huì)記錄其一切信用及愛心，并且對(duì)于善款用處也會(huì)及時(shí)回饋，讓使用者安心和放心，自己真正地幫助了他人。由于每個(gè)人的自然屬性不同，最高需求也不同，使用支付寶APP的過程，使用戶逐漸產(chǎn)生歸屬感、幸福感、自豪感等一切正能量，從而達(dá)到了自我實(shí)現(xiàn)需求。

四、分析格式塔心理學(xué)在UI設(shè)計(jì)中的運(yùn)用

格式塔心理學(xué)是西方現(xiàn)代心理流派的主要之一，根據(jù)其愿意，也可以稱為原型心理學(xué)。格式塔心理學(xué)主張?jiān)谟^察現(xiàn)象時(shí)要從本質(zhì)入手，不能將其分析為感覺元素，并認(rèn)為現(xiàn)象的經(jīng)驗(yàn)是整體的、完型的，所以稱為格式塔心理學(xué)。它主要包括接近性原則、封閉性原則、連續(xù)性原理、簡(jiǎn)單性原理等。

（一）相近性原理

人們通常把位置相對(duì)靠近的事物當(dāng)成一個(gè)整體，這是由于相近性是第一條原則，它的“分量”非常大，大到可以抵消讓使用者暫時(shí)忽視其他原則。就團(tuán)購(gòu)網(wǎng)站美團(tuán)分析，“我的”一欄里功能的分布。比如（圖1）中兩個(gè)UI界面的比較，左邊的運(yùn)動(dòng)了相近性原理，將“我的資產(chǎn)”和“美團(tuán)服務(wù)”分別為一個(gè)整體，中間用分割元素分割，這樣可以使界面更加清晰，突出重點(diǎn)，方便使用。另外，“我的資產(chǎn)”是中間最突出的，如果沒有進(jìn)行相近性處理，那么界面的分類會(huì)顯得不明確。

（二）封閉性原理

人們將不完全封閉的東西當(dāng)成一個(gè)統(tǒng)一整體，所以有些完全封閉的是沒有必要的。比如，世界自然基金協(xié)會(huì)的LOGO，運(yùn)用了封閉性原則。（如圖2）的，大熊貓的頭部和背部沒有明顯的封閉界面，但是我們依舊會(huì)把它當(dāng)成一個(gè)整體。

這一原則在UI設(shè)計(jì)中應(yīng)用廣泛，為了讓用戶自然而然地感知到接下來還有內(nèi)容，一般我們會(huì)使用封閉性設(shè)計(jì)原理截?cái)嗍皆O(shè)計(jì)又稱截?cái)嗍皆O(shè)計(jì)。（如圖3），如微信的錢包UI界面，因?yàn)榈撞康膬?nèi)容被截?cái)嗔怂粤粲胁糠挚瞻祝怯脩艨梢愿鶕?jù)空白殘留的部分，腦補(bǔ)出下方仍然有個(gè)完整的整體。

（三）連續(xù)性原理

我們的直觀感覺傾向于一個(gè)完整的圖形，而不是觀察不完整部分的形狀與線條。這個(gè)法則在交互設(shè)計(jì)中使用得比較少，但是在視覺設(shè)計(jì)會(huì)多一點(diǎn)，（如圖4）應(yīng)用APP會(huì)把應(yīng)用的截圖做成連續(xù)的圖片。連續(xù)的圖片給予使用者直覺不完整性，勾起好奇心，讓其主動(dòng)向右翻動(dòng)，更全面地了解APP的功能，巧妙地形成了使用者與界面的靈活互動(dòng)。

正如我們?cè)谝雇硖ь^看星星，雖然有時(shí)的星星毫無(wú)規(guī)律地排序，我們也會(huì)把其連成一串。這是因?yàn)槲覀兡X海中對(duì)于事物的排列規(guī)律已經(jīng)有了“路徑”這一概念。連續(xù)性原理使一個(gè)整體中間有一條“界限”，抓住了一個(gè)視覺張力點(diǎn)，極大地增強(qiáng)了用戶對(duì)信息、內(nèi)容的想象和關(guān)注的好奇心。

（四）簡(jiǎn)單性原理

由規(guī)則、對(duì)稱、簡(jiǎn)單的簡(jiǎn)單圖形各部分趨于組成整體設(shè)計(jì)而成。

（如圖5）左面的卡片各個(gè)部分是一個(gè)整體，下部還有一個(gè)新的卡片。但是右面卡片就不是，因?yàn)橛颐娴慕缑媸遣粚?duì)稱的，用戶可能會(huì)疑惑向右滑動(dòng)是否還有新界面的出現(xiàn)。結(jié)語(yǔ)

美國(guó)設(shè)計(jì)師普洛斯說過“人們總以為設(shè)計(jì)有三維：美學(xué)、技術(shù)、經(jīng)濟(jì)，然而最重要的是第四維：人性”。UI的設(shè)計(jì)搭建了產(chǎn)品與用戶溝通的橋梁，產(chǎn)品與用戶是否“交接成功，UI起著一定的決定性作用?！庇绕涫窃诨ヂ?lián)網(wǎng)與第三產(chǎn)業(yè)結(jié)合時(shí)，移動(dòng)UI設(shè)計(jì)中的心理學(xué)不容忽視。UI設(shè)計(jì)師應(yīng)該徹底地研究用戶心理學(xué)規(guī)律，將產(chǎn)品運(yùn)用設(shè)計(jì)心理學(xué)，讓用戶享受最佳的體驗(yàn)。但是設(shè)計(jì)不是一成不變的，設(shè)計(jì)沒有規(guī)則，我們分析了成功的UI產(chǎn)品為什么成功的規(guī)律，踏實(shí)地掌握馬斯洛需求層次和格式塔心理學(xué)的基本原理，靈活地將設(shè)計(jì)心理學(xué)的奧秘運(yùn)用到產(chǎn)品設(shè)計(jì)中，這應(yīng)該是一個(gè)設(shè)計(jì)師直有的專業(yè)素養(yǎng)。