應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)

上傳人:文*** 文檔編號(hào):48698758 上傳時(shí)間:2022-01-13 格式:DOCX 頁(yè)數(shù):18 大?。?.83MB
收藏 版權(quán)申訴 舉報(bào) 下載
應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)_第1頁(yè)
第1頁(yè) / 共18頁(yè)
應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)_第2頁(yè)
第2頁(yè) / 共18頁(yè)
應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)_第3頁(yè)
第3頁(yè) / 共18頁(yè)

下載文檔到電腦,查找使用更方便

10 積分

下載資源

還剩頁(yè)未讀,繼續(xù)閱讀

資源描述:

《應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)》由會(huì)員分享,可在線閱讀,更多相關(guān)《應(yīng)用心理學(xué)專(zhuān)業(yè) 淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì)(18頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、淺析基于設(shè)計(jì)心理學(xué)因素的UI設(shè)計(jì) 中文摘要 基于設(shè)計(jì)心理學(xué)設(shè)計(jì)的用戶界面能給人帶來(lái)更好的交互體驗(yàn),本文將以設(shè)計(jì)心理學(xué)對(duì)界面設(shè)計(jì)的影響為出發(fā)點(diǎn),分別從設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的心理學(xué)原則、設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的具體應(yīng)用、設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的作用為出發(fā)點(diǎn)。具體分析馮雷斯托夫效應(yīng)、馬斯洛需求層次理論、費(fèi)茨定律、格式塔心理學(xué)、72原則和3次點(diǎn)擊原則在UI設(shè)計(jì)中的應(yīng)用,發(fā)現(xiàn)界面中的設(shè)計(jì)細(xì)節(jié),為其他APP的產(chǎn)品設(shè)計(jì)提供一些借鑒與參考價(jià)值。 關(guān)鍵詞:設(shè)計(jì)心理學(xué);UI設(shè)計(jì);軟件;用戶體驗(yàn) Abstract User interface design based on design psy

2、chology can bring better interactive experience to people. This paper will start from the influence of design psychology on interface design, starting from the psychological principles of design psychology in UI design, the specific application of design psychology in UI design, and the role of desi

3、gn psychology in UI design. The application of Von Restov effect, Maslows hierarchy of needs theory, Fitzs law, Gestalt psychology, 7 +2 principle and three clicks principle in UI design is analyzed in detail. The design details of the interface are found, which can provide some reference value for

4、the product design of other APPs. Key words: design psychology; UI design; software; user experience 目錄 緒論1 第一章 設(shè)計(jì)心理學(xué)與UI設(shè)計(jì)的定義4 設(shè)計(jì)心理學(xué)的概念5 UI設(shè)計(jì)的概念6 第二章 UI設(shè)計(jì)中的設(shè)計(jì)心理學(xué)原則4 馮雷斯托夫效應(yīng)5 馬斯洛需求層次理論5 費(fèi)茨定律5 格式塔心理學(xué)5 72原則5 3次點(diǎn)擊原則5 第三章 設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的具體應(yīng)用4 馮雷斯托夫效應(yīng)中的“支付寶”5 馬斯洛需求層次理論中的“微信”5 72原則中的“QQ音

5、樂(lè)”5 格式塔心理學(xué)中的“土豆視頻”“微信”“美團(tuán)外賣(mài)”“小紅書(shū)”5 費(fèi)茨定律中的“百度地圖”5 第四章 設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的作用4 第五章 結(jié)束語(yǔ)4 參考文獻(xiàn)4 緒論 截止到2019年,中國(guó)移動(dòng)互聯(lián)網(wǎng)活躍用戶規(guī)模緩慢增至11億,就拿微信來(lái)舉例子微信的日活躍用戶量達(dá)到了10億,已經(jīng)超過(guò)了月活用戶量8億的QQ。就連剛剛誕生一周年的微信小程序也有將近60萬(wàn)個(gè)并且擁有2億的日活用戶量、覆蓋逾100萬(wàn)開(kāi)發(fā)者和2300個(gè)第三方開(kāi)發(fā)平臺(tái)。這些APP軟件成功的背后自然少不了UI界面設(shè)計(jì)的支持,而界面設(shè)計(jì)的背后更少不了設(shè)計(jì)心理學(xué)的功勞。下面將以設(shè)計(jì)心理學(xué)角度一一淺析基于設(shè)計(jì)心理學(xué)因

6、素的UI設(shè)計(jì)。 第一章 設(shè)計(jì)心理學(xué)與UI設(shè)計(jì)的定義 什么是設(shè)計(jì)心理學(xué)? 設(shè)計(jì)心理學(xué)是建立在心理學(xué)的基礎(chǔ)上,把人們的心理狀態(tài),尤其是用戶對(duì)于產(chǎn)品需求的心理。通過(guò)意識(shí)作用于設(shè)計(jì)上的一門(mén)的學(xué)科,也是設(shè)計(jì)師們必須掌握的一門(mén)學(xué)科。設(shè)計(jì)心理學(xué)同時(shí)也在研究人們?cè)谠O(shè)計(jì)創(chuàng)造過(guò)程中的心態(tài),它的研究對(duì)象不僅是用戶對(duì)產(chǎn)品需求的心理同時(shí)也有設(shè)計(jì)者在創(chuàng)造過(guò)程中的心路歷程,以及設(shè)計(jì)對(duì)社會(huì)及個(gè)體所產(chǎn)生的心理反應(yīng),反過(guò)來(lái)在作用于設(shè)計(jì),起到使設(shè)計(jì)更能夠反映和滿足人們的心理作用。 其中共同性具有表現(xiàn)對(duì)產(chǎn)品的感知、注意、記憶、思維和想象;對(duì)產(chǎn)品的好惡態(tài)度,從而引發(fā)肯定和否定的情感,最后反映在產(chǎn)品的購(gòu)買(mǎi)決策和購(gòu)買(mǎi)行為上。

7、這些都是消費(fèi)者具有的共性心理。 差異性表現(xiàn)在消費(fèi)者對(duì)產(chǎn)品的興趣、需要、動(dòng)機(jī)、態(tài)度、價(jià)值觀的不同,必然產(chǎn)生不同的購(gòu)買(mǎi)行為。 什么是UI? UI是User Interface用戶界面的簡(jiǎn)稱(chēng),UI設(shè)計(jì)又稱(chēng)界面設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、界面美觀、操作邏輯的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI,互聯(lián)網(wǎng)說(shuō)的UI設(shè)計(jì)是虛擬UI,軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶界面,是英文User和 Interface的縮寫(xiě)。從字面上看是用戶與界面2個(gè)部分組成,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。 好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得簡(jiǎn)單舒適、自由,充分

8、體現(xiàn)軟件的定位和特點(diǎn)舉幾個(gè)例子類(lèi)似微信、今日頭條、微博等APP 與之相應(yīng),UI設(shè)計(jì)師的職能大體包括三方面:一是圖形設(shè)計(jì),軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì),主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì),并且確立交互模型,交互規(guī)范。三是用戶測(cè)試/研究,這里所謂的“測(cè)試”,其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性,主要通過(guò)以目標(biāo)用戶問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究,UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判,這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。 第二章 UI設(shè)計(jì)中的設(shè)計(jì)心理學(xué)原則 如今在許多常

9、見(jiàn)的互聯(lián)網(wǎng)UI界面或APP界面的設(shè)計(jì)案例中,都大致會(huì)出現(xiàn)這樣的類(lèi)似現(xiàn)象,設(shè)計(jì)師為了更好的滿足用戶的功能需求,恨不得將網(wǎng)站或app中的所有功能,通過(guò)文字或圖像陳列出來(lái)就好像門(mén)戶網(wǎng)站似的,為的就是吸引用戶的點(diǎn)擊。但是種類(lèi)繁多的功能陳列往往會(huì)使用戶眼花繚亂使用戶體驗(yàn)度大大折損,這樣的界面不僅失去了界面所要體現(xiàn)的重點(diǎn)也失去了一個(gè)好的UI界面所要具備的簡(jiǎn)單舒適、操作自由的特點(diǎn),更給用戶造成了嚴(yán)重的視覺(jué)負(fù)擔(dān),無(wú)形中對(duì)用戶的閱讀產(chǎn)生了壓力,影響了用戶的注意力集中。正如著名的“果醬”實(shí)驗(yàn)最終驗(yàn)證的結(jié)果“當(dāng)人們有太多的選擇時(shí),最后什么都不會(huì)選” 用戶體驗(yàn)設(shè)計(jì)和心理學(xué)、行為學(xué)有著千絲萬(wàn)縷的聯(lián)系,即使是在這個(gè)瞬息

10、萬(wàn)變的時(shí)代,用戶的心理和行為之間的因果邏輯關(guān)系始終還是不變的,就像把手放到燭火上,依然會(huì)感受到灼傷感一樣,基本的規(guī)律始終存在。 在UI設(shè)計(jì)中更加不能忽視設(shè)計(jì)心理學(xué),因?yàn)槿祟?lèi)大腦的這些原則,決定了用戶對(duì)設(shè)計(jì)作何反應(yīng)、如何相互作用。 馮雷斯托夫效應(yīng) 馮雷斯托夫效應(yīng)(von Restorff Effect)又稱(chēng)新奇效應(yīng)(novelty effect)以及隔離效應(yīng)(isolation effect)。是由德國(guó)精神病學(xué)家和兒科醫(yī)生海德維希馮雷斯托夫(Hedwig von Restorff,1906-1962)在1933年提出了這一理論。在實(shí)驗(yàn)中她讓實(shí)驗(yàn)對(duì)象觀看一系列相似的物品。如果其中某個(gè)與眾

11、不同很特別,比如說(shuō)有聚光燈照射或放在與其他物品不同的光影條件下,那么相對(duì)比其他物品,被實(shí)驗(yàn)者就更容易回憶起這件物品。 馮雷斯托夫的實(shí)驗(yàn)告訴我們,某個(gè)元素看上去越是違反常理,反而會(huì)越引人注目、受到更多關(guān)注,特殊的事物更容易被人牢記,從而側(cè)面刺激觀察者的興趣。這條原則能以林林總總的方式實(shí)現(xiàn)到UI設(shè)計(jì)中。若想要讓某個(gè)界面、某個(gè)活動(dòng)版塊或某個(gè)icon變的引人注目,就要使它變的特殊起來(lái),例如可以通過(guò)改變尺寸、色彩、留白面積或者結(jié)合當(dāng)時(shí)的活動(dòng)做一套新的界面設(shè)計(jì)等等。 馬斯洛需求層次理論 馬斯洛需求層次是設(shè)計(jì)心理學(xué)中必學(xué)的理論之一,它是由美國(guó)的心理學(xué)家亞伯拉罕馬斯洛在1943年在《人類(lèi)激勵(lì)理

12、論》論文中所提出的同時(shí)它也是人本主義科學(xué)的理論之一。 在馬斯洛需求層次理論中該理論將人類(lèi)的需求像金字塔一樣從低到高按層次分為五種,分別是:“生理需求(Physiological needs)”人在最初首要滿足的衣食住行,是人類(lèi)最基本的需求、“安全需求(Safety needs)” 人生安全、健康保障、資源財(cái)產(chǎn)的所有性、家庭安全、道德工作崗位的保障,整一個(gè)機(jī)體都是人類(lèi)在追求安全機(jī)制的需求、“愛(ài)和歸屬感(Love and belonging)”親情、友情、愛(ài)情,它是人類(lèi)情感和歸屬感的需要大家都希望得到相互的關(guān)心和照顧這是人類(lèi)的天性,感情上的需要比生理上的需要更加需要細(xì)膩的關(guān)懷、“尊重(Estee

13、m)”有了前面三個(gè)的需要后,建立在他們之上的是被尊重的需要,在滿足于生理心理安全之后人類(lèi)都希望自己有穩(wěn)定的社會(huì)地位,自己的個(gè)人能力和成就得到社會(huì)的認(rèn)同,所以產(chǎn)生了被尊重的需要、“自我實(shí)現(xiàn)(Self-actualization)”站在金字塔頂尖的是自我實(shí)現(xiàn)的需要,這是高層次的需要是指?jìng)€(gè)人的理想抱負(fù),發(fā)揮個(gè)人的能力到最大化從而達(dá)到自我實(shí)現(xiàn)境界的需要,馬斯洛在理論中提出,為滿足自我實(shí)現(xiàn)需要所采取的途徑是因人而異的。自我實(shí)現(xiàn)的需要是在努力實(shí)現(xiàn)自己的潛力,使自己成為自己所期望的人物。 馬斯洛需求層次理論的金字塔是用來(lái)表現(xiàn)一個(gè)人要達(dá)到自我實(shí)現(xiàn)需要經(jīng)歷的五個(gè)步驟,人人都會(huì)有需求,只有在某一層的需求得到了滿

14、足后,才會(huì)有下一層需求的出現(xiàn)。 若是將這個(gè)理論應(yīng)用在設(shè)計(jì)中,一個(gè)好的UI 設(shè)計(jì)最核心的功能就應(yīng)該是解決人的需求,在開(kāi)始這一個(gè)項(xiàng)目時(shí),該好好分析此金字塔分析目標(biāo)用戶群體的需求是處在金字塔的第幾層。這一個(gè)設(shè)計(jì)將如何激發(fā)用戶群體向更高一層邁進(jìn)。 費(fèi)茨定律 1954年,當(dāng)時(shí)擔(dān)任美國(guó)空軍人類(lèi)工程學(xué)部門(mén)主任的保羅費(fèi)茨(Paul M. Fitts)博士,對(duì)人類(lèi)操作過(guò)程中的運(yùn)動(dòng)特征、運(yùn)動(dòng)時(shí)間、運(yùn)動(dòng)范圍和運(yùn)動(dòng)準(zhǔn)確性進(jìn)行了研究,提出了著名的Fitts定律。定律內(nèi)容:從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來(lái)決定,到目標(biāo)的距離和目標(biāo)的大?。ㄉ蠄D中的 D與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T =

15、 a + b log2(D/W+1)。 該定律指出,使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間,與當(dāng)前設(shè)備位置和目標(biāo)位置的距離(D)和目標(biāo)大?。⊿)有關(guān)。[3] 在UI設(shè)計(jì)中費(fèi)茨定律告訴我們?cè)陧?yè)面中,大而近的目標(biāo)區(qū)域更加意味著使用者不需要做太多精細(xì)的調(diào)整或手勢(shì)就可以輕易的達(dá)到目標(biāo),反之若目標(biāo)區(qū)域小且遠(yuǎn)則意味著使用者將需要做一套較長(zhǎng)的動(dòng)作才能正確的對(duì)準(zhǔn)目標(biāo)區(qū)域這將耗費(fèi)很多不必要的時(shí)間,并且會(huì)給使用者帶來(lái)一種難以使用的不良印象。 所以費(fèi)茨定律給我們帶來(lái)了4個(gè)啟示:一、icon等可以被點(diǎn)擊的對(duì)象需要進(jìn)行合理尺寸的設(shè)計(jì),若想突出重點(diǎn)可以將要突出的圖標(biāo)放大起到容易被點(diǎn)擊到的作用。二、屏幕的邊緣和對(duì)角更加的合適

16、放置類(lèi)似菜單欄或?qū)Ш綑诘脑?,從而增加使用者的用戶體驗(yàn)。三、出現(xiàn)在使用者正在操作對(duì)象旁邊的控制菜單會(huì)比下拉菜單或工具欄更容易被打開(kāi),因?yàn)椴恍枰苿?dòng)至屏幕的其他位置便可操作。 四、要讓不常用或危險(xiǎn)的icon元素難以被點(diǎn)擊,如投訴、舉報(bào)、拉黑等按鈕。 格式塔心理學(xué) 格式塔心理學(xué)(gestalt psychology),又稱(chēng)完形心理學(xué),誕生于德國(guó)是西方現(xiàn)代心理學(xué)的主要學(xué)派之一,后來(lái)在美國(guó)得到進(jìn)一步發(fā)展。該學(xué)派的創(chuàng)始人是韋特海默,代表人物有苛勒和考夫卡。 格式塔心理學(xué)的核心理論為:人的視覺(jué)是具有整體化、簡(jiǎn)化處理圖形傾向的,因此,當(dāng)一個(gè)不完整的圖形出現(xiàn)在人的視覺(jué)當(dāng)中時(shí),人的視覺(jué)思維會(huì)傾

17、向于自動(dòng)將其補(bǔ)全,使其變成一個(gè)已知的、完整的、常見(jiàn)的、整體圖形,即“完形”。打個(gè)比方說(shuō),當(dāng)你看到一個(gè)圓形,但圓形的邊上有一個(gè)很小的缺口,你的大腦會(huì)傾向于將它識(shí)別為一個(gè)完整的圓形。 格式塔心理學(xué)有五個(gè)法則都廣泛在UI設(shè)計(jì)中運(yùn)用。 一、相似法則,人類(lèi)的潛意識(shí)里會(huì)根須形狀、大小、顏色等外在因素將視線內(nèi)的一些相似元素組成一個(gè)整體,若是在同一個(gè)空間里在大小一致的前提下顏色和形狀比重不一樣的圖形,人們更容易把顏色一樣的看成是一個(gè)整體而忽略掉它的形狀不同。 二、接近法則,元素之間的距離會(huì)影響到我們對(duì)視覺(jué)的感知,通常我們認(rèn)為互相靠近的元素屬于同一組合中,而那些距離相對(duì)較遠(yuǎn)的元素則是另一類(lèi)的。 三、封閉

18、性法則,人類(lèi)的眼睛在觀看事物時(shí),大腦并不是一開(kāi)始就會(huì)區(qū)分每一快單一的組成部分,而是將部分組合起來(lái)使其成為更易于理解的一個(gè)統(tǒng)一體。若是缺了一部分的組成部分我們的大腦依然會(huì)將其補(bǔ)齊成為一個(gè)整體甚至都不會(huì)覺(jué)得奇怪。但是這個(gè)過(guò)程可以刺激到大腦的體驗(yàn)欲望,在UI設(shè)計(jì)中為了更加吸引用戶閱讀通常會(huì)使用這一法則。 四、連續(xù)法則,人類(lèi)的視覺(jué)是具備一種視覺(jué)運(yùn)動(dòng)的慣性,會(huì)追隨一個(gè)方向延伸,以便把元素鏈接在一起成為一個(gè)整體。在UI設(shè)計(jì)中這是最常用的一個(gè)法則,通常運(yùn)用于banner與banner的切換中。 五、主題與背景的關(guān)系,人類(lèi)在觀察一件事物時(shí)通常會(huì)不自覺(jué)的將視覺(jué)區(qū)域區(qū)分為主體區(qū)域和背景區(qū)域,在UI設(shè)計(jì)中合理的

19、突出主體虛化背景也是常有的現(xiàn)象。 72原則 1956年,美國(guó)認(rèn)知心理學(xué)家喬治A米勒最早對(duì)短時(shí)記憶能力進(jìn)行了定量研究——“神奇的數(shù)字:72”。他注意到人類(lèi)的記憶廣度大約為7個(gè)單位(阿拉伯?dāng)?shù)字、字母、單詞或其他單位),稱(chēng)為組塊。后來(lái)的研究顯示廣度與組塊的類(lèi)別有關(guān),例如阿拉伯?dāng)?shù)字為7個(gè),字母為6個(gè),單詞為5個(gè),而較長(zhǎng)詞匯的記憶廣度低于較短詞匯的記憶廣度。通常,口頭內(nèi)容的記憶廣度(阿拉伯?dāng)?shù)字、字母、單詞或其他單位)強(qiáng)烈取決于朗讀這些內(nèi)容的時(shí)間[2]。另外其他一些因素也影響到人類(lèi)記憶標(biāo)準(zhǔn)的廣度,因此難以將短時(shí)記憶或工作記憶的能力限制在許多組塊內(nèi)。 根據(jù)喬治A米勒的研究,人腦處理信息的能力

20、有限,人類(lèi)短時(shí)記憶廣度大約為7個(gè)單位。即每次只能處理5~9件事情,所以它處理復(fù)雜問(wèn)題時(shí)將信息分成塊和單元。在UI設(shè)計(jì)中通常將這一法則運(yùn)用在導(dǎo)航中,導(dǎo)航欄模塊通常不會(huì)超過(guò)9個(gè),使用底圖導(dǎo)航欄不會(huì)超過(guò)5個(gè)。 3次點(diǎn)擊原則 三次點(diǎn)擊原則最初是網(wǎng)站設(shè)計(jì)的著名原則之一,原意為在網(wǎng)站的任何信息都應(yīng)該在最多三次單擊后被找到,放在UI設(shè)計(jì)中這個(gè)原則也相當(dāng)?shù)倪m用。根據(jù)該原則,如果用戶在3次點(diǎn)擊之后仍然無(wú)法找到需要的信息和完整的頁(yè)面功能時(shí),用戶可能就會(huì)放棄這個(gè)軟件。三次點(diǎn)擊原則在UI設(shè)計(jì)中是在構(gòu)建軟件大框架時(shí)必不可少的考慮因素,它警示了設(shè)計(jì)師們?cè)谠O(shè)計(jì)之前一定要明確好該軟件的邏輯架構(gòu)。 第三章 設(shè)計(jì)

21、心理學(xué)在UI設(shè)計(jì)中的具體應(yīng)用 交互設(shè)計(jì)之父的阿蘭庫(kù)珀曾說(shuō)過(guò)“除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)”了,在UI設(shè)計(jì)領(lǐng)域有很多被時(shí)間所驗(yàn)證的設(shè)計(jì)心理學(xué)法則與定律被認(rèn)作了標(biāo)準(zhǔn),下面就來(lái)具體分析這些法則與定律在UI設(shè)計(jì)中的具體應(yīng)用。 馮雷斯托夫效應(yīng)下的“支付寶” 馮雷斯托夫效應(yīng)表示,某個(gè)元素看上去越是違反常理,反而會(huì)越引人注目、受到更多關(guān)注,人們?nèi)菀子涀√厥獾奈矬w。 例如支付寶下方的標(biāo)簽欄中“首頁(yè)”“財(cái)富”“口碑”“朋友”“我的”這4個(gè)圖標(biāo)相對(duì)應(yīng)的5個(gè)頁(yè)面,當(dāng)圖標(biāo)對(duì)應(yīng)到相應(yīng)的頁(yè)面時(shí),圖標(biāo)的填充色就會(huì)變成支付寶的品牌色藍(lán)色,而其他圖標(biāo)則是灰色的線框。這樣用戶就可以清晰地知道自己現(xiàn)在處于哪一個(gè)操

22、作界面。 再有就是,在支付寶下方的標(biāo)簽欄中“財(cái)富”與“朋友”顯得特別與眾不同,其通過(guò)圖標(biāo)的差異化來(lái)吸引和引導(dǎo)用戶注意“財(cái)富”和“朋友”中的內(nèi)容變化。 馬斯洛需求層次理論中的“微信” 馬斯洛需求層次是由美國(guó)的心理學(xué)家亞伯拉罕馬斯洛在1943年在《人類(lèi)激勵(lì)理論》論文中所提出的同時(shí)它也是人本主義科學(xué)的理論之一。指人在生活中,從最基本的生存需求一直到生活最高層次的階梯過(guò)程中的心理需求。主要包括生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求。 (一)生理需求 生理需求是指人對(duì)衣食住行的需求,是推動(dòng)人類(lèi)向前發(fā)展的首要?jiǎng)恿?,若是一個(gè)人在饑寒交迫的情況下是不會(huì)考慮更為長(zhǎng)遠(yuǎn)的事

23、情的。微信從三個(gè)方面滿足了人的生理需求,第一,微信在“支付”類(lèi)目中可以看到微信與“唯品會(huì)”、“美團(tuán)外賣(mài)”、“生活繳費(fèi)”、“滴滴出行”合作,通過(guò)買(mǎi)衣服、訂外賣(mài)、線上叫車(chē)等功能在一定程度上滿足了用戶的衣、食、住、行的基本需求。 (二)安全需求 安全需求是指人在滿足基礎(chǔ)的生存要素之后所提升的安全心理要素的階段。用戶在使用手機(jī)APP時(shí)最害怕隱私泄露,在微信的設(shè)置頁(yè)面里還有一個(gè)專(zhuān)門(mén)的隱私設(shè)計(jì),可以關(guān)閉“附近的人”、“搖一搖”、“允許對(duì)方通過(guò)手機(jī)號(hào)/QQ號(hào)搜索到自己”等功能。具體在“朋友圈”的使用過(guò)程中,可以關(guān)閉“朋友圈”功能,或者進(jìn)行“允許朋友查看朋友圈的范圍”選擇開(kāi)放的時(shí)間范圍等功能,這無(wú)疑保護(hù)了

24、用戶的隱私。 (三)社交需求 社交需求指的是人們?cè)跐M足安全感之后會(huì)追求再上一層的心理感受,人們希望自己有朋友、親人、愛(ài)人等,有秘密分享者與交流情感思想的人,而這一項(xiàng)需求的滿足也是微信運(yùn)營(yíng)之初的主要功能-即時(shí)通訊,人們可以任何時(shí)間在微信上進(jìn)行聊天,分享自己感受,也可以通過(guò)朋友圈看到好友的動(dòng)態(tài),相互點(diǎn)贊,從而滿足人們對(duì)社交的需求。 (四)尊重需求 在達(dá)到社交層次之后,人們往往希望形成自己的影響力,并從中得到別人的尊重,被圈子、社會(huì)所認(rèn)可。微信運(yùn)動(dòng)就有這樣的效應(yīng),通過(guò)計(jì)步來(lái)顯示出自己在走路或者跑步方面的運(yùn)動(dòng)量,好友之間成績(jī)第一名將展示自己的“封面”,并且互相點(diǎn)贊,鼓勵(lì)和監(jiān)督對(duì)方鍛煉身體,步數(shù)

25、的計(jì)數(shù)也可以造成朋友之間良好的競(jìng)爭(zhēng),當(dāng)收到很多點(diǎn)贊與評(píng)論,心理就會(huì)有被認(rèn)同、被尊重的感覺(jué)。 (五)自我實(shí)現(xiàn)需求 自我實(shí)現(xiàn)需求是最高層次的需求,自己有獨(dú)立的解決問(wèn)題能力,有很多的人以幫助他人為已任。微信的錢(qián)包擴(kuò)展應(yīng)用里就有騰訊公益,例如在大病醫(yī)療救助欄目中會(huì)展示一些先天或者后天的疾病患者的信息,還有貧困人群關(guān)懷欄目能幫他們籌集生活費(fèi),有對(duì)特殊群體關(guān)愛(ài)欄目,比如對(duì)烈士父母、孤兒、饑餓兒童送去溫暖,也有對(duì)大自然的保護(hù)欄目,這些欄目可以讓正在幸福的人們?nèi)鬟f幸福,傳播正能量,從而達(dá)到自我的實(shí)現(xiàn)。 72原則中的“QQ音樂(lè)” 1956 年喬治米勒對(duì)短時(shí)記憶能力進(jìn)行了定量研究,他最終發(fā)現(xiàn),

26、在短時(shí)間內(nèi)人的記憶廣度大約為7(2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類(lèi)的頭腦就開(kāi)始出錯(cuò)。在UI設(shè)計(jì)設(shè)計(jì)張總 72 法則也是被廣為應(yīng)用的。 例如在QQ音樂(lè)中導(dǎo)航欄的選項(xiàng)就只有6個(gè)這樣做一是可以清晰的展示出所需要展示的內(nèi)容,二是不會(huì)超出數(shù)量影響用戶的選擇降低用戶的用戶體驗(yàn)。如果導(dǎo)航欄或選擇項(xiàng)中的內(nèi)容很多,可以用一個(gè)層級(jí)結(jié)構(gòu)來(lái)展示各段或子段落,但需要注意該選擇項(xiàng)深廣度的平衡。 格式塔心理學(xué)中的“土豆視頻”“微信”“美團(tuán)外賣(mài)”“小紅書(shū)” 格式塔來(lái)源于德語(yǔ)的“Gestalt”,意思是“完形”,格式塔心理學(xué)又被稱(chēng)為完形心理學(xué)。指的是人們?cè)诳创矬w時(shí)在視覺(jué)上有自動(dòng)補(bǔ)全的傾向,格式塔心理

27、學(xué)主要包括五種常用的法則分別為:相似法則、接近法則、封閉性法則、連續(xù)法則以及主體與背景的關(guān)系。 (一)相似法則 人的潛意識(shí)里會(huì)根據(jù)形狀、大小、顏色等,將視線內(nèi)一些相似的元素組成整體,根據(jù)我們的潛意識(shí)分類(lèi),由此可看出在人的潛意識(shí)里,對(duì)于形狀和顏色的“比重”不一樣,一般來(lái)說(shuō),在大小一樣的情況下,人們更容易把顏色一樣的看成一個(gè)整體,而忽略掉形狀的不同。正如在土豆視頻中當(dāng)已經(jīng)有幾個(gè)平行的功能點(diǎn),但又想突出一個(gè)功能時(shí),就可以把“拍攝”做成特殊的形狀和不同的顏色放在最中間,這樣用戶能一眼看到突出的“拍攝”部分。而再細(xì)看該部分又和其他是一個(gè)整體并不突兀,從而達(dá)到吸引人的作用。 (二)接近法則

28、 元素之間的相對(duì)距離會(huì)影響到人的視覺(jué)感知,通常我們認(rèn)為互相靠近的元素屬于同一組,而那些距離較遠(yuǎn)的則不屬于。在微信“聊天詳情”頁(yè)面中列表以及文字展示,設(shè)計(jì)師將功能相似的放在一起,利用接近法則的原理使他們?cè)谝曈X(jué)成為一個(gè)整體,這樣做能使界面功能變得清晰易懂。 (三)封閉性法則 人的眼睛在觀看時(shí),大腦并不是在一開(kāi)始就區(qū)分各個(gè)單一的組成部分,而是將各個(gè)部分組合起來(lái),使之成為一個(gè)更易于理解的統(tǒng)一體,如蘋(píng)果的LOGO就算被咬了一口,但是我們還是能一眼看出這是一個(gè)蘋(píng)果。就是因?yàn)樗嬖谥煌暾圆艜?huì)使人們關(guān)注到它,更想了解不完整的后面是什么內(nèi)容。原則在很多地方都會(huì)用到,比如在美團(tuán)外賣(mài)的屏幕頁(yè)面中,

29、設(shè)計(jì)師將可滑動(dòng)的 banner 圖露出下一模塊一點(diǎn)的內(nèi)容,從而勾起了用戶的好奇心,使用戶繼續(xù)的往下滑動(dòng)。 (四)連續(xù)法則 連續(xù)性原理是指視覺(jué)上人對(duì)物體有一定的延伸性。微信的即時(shí)通訊頁(yè)面里最后一條只顯示部分消息框,而視覺(jué)系統(tǒng)就會(huì)告訴使用者,下拉還有其他消息,使用戶有向下翻閱的欲望。 (五)主體與背景的關(guān)系 我們?cè)诳慈魏螙|西的時(shí)候,總是不自覺(jué)的將視覺(jué)區(qū)域分為主體和背景,而且會(huì)習(xí)慣把小的、突出的那個(gè)看成是背景之上的主體。在小紅書(shū)中,設(shè)計(jì)師將背景和主體的用明暗的關(guān)系將兩者區(qū)分開(kāi)來(lái),從而起到突出主體的作用。 費(fèi)茨定律中的“百度地圖” 費(fèi)茨定律是指從一個(gè)起始位置移動(dòng)

30、到一個(gè)最終目標(biāo)所需要的時(shí)間由兩個(gè)參數(shù)來(lái)決定,到目標(biāo)的距離(D)和目標(biāo)(W)的大小,可以用數(shù)學(xué)公式表達(dá)為:t = a + b log2 (D / S + 1)。在頁(yè)面中,目標(biāo)大而近的區(qū)域就意味著用戶不用花費(fèi)太多的精力做太精細(xì)的調(diào)整就可以輕易的到達(dá)目標(biāo),反之小二而遠(yuǎn)的目標(biāo)區(qū)域則意味著用戶將需要做一系列精細(xì)的調(diào)整動(dòng)作才能到達(dá)最終目標(biāo)所在位置。這將耗費(fèi)很多不必要的時(shí)間,降低用戶的體驗(yàn)感給人一種很難用的感覺(jué)。目標(biāo)越近初始化動(dòng)作因?yàn)榉刃《瞿繕?biāo)區(qū)域的風(fēng)險(xiǎn)也就較小。例如在百度地圖中最常用的功能按鍵“路線”就在最中間最大的位置其次的“發(fā)現(xiàn)周邊”以及快捷操作功能的“小度助手”,這樣做不僅能在視覺(jué)上增加用戶對(duì)

31、它們的相關(guān)性認(rèn)知,還可以減少到達(dá)目標(biāo)區(qū)域的時(shí)間和距離。 第四章 設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的作用 UI設(shè)計(jì)是現(xiàn)代藝術(shù)設(shè)計(jì)的一個(gè)分支,在充分了解UI設(shè)計(jì)的概念時(shí)更要懂得創(chuàng)新的必要性,這是現(xiàn)代工業(yè)發(fā)展的結(jié)果。相較于國(guó)外,UI設(shè)計(jì)也是最近10年才在我國(guó)新奇的的一門(mén)學(xué)科。它需要合理的標(biāo)準(zhǔn),專(zhuān)業(yè)的、知識(shí),敏銳的經(jīng)濟(jì)與視覺(jué)感受,建立在專(zhuān)業(yè)知識(shí)完善的基礎(chǔ)上,在設(shè)計(jì)中得到創(chuàng)新。UI設(shè)計(jì)、是一門(mén)多元化的課程,多種學(xué)科相互交叉融合,審美觀念與設(shè)計(jì)心理學(xué)并存,其最終目的是滿足用戶對(duì)軟件產(chǎn)品的要求,根據(jù)用戶群體的不同需求來(lái)進(jìn)行

32、設(shè)計(jì)與創(chuàng)新。 設(shè)計(jì)心理學(xué)的研究與人是分不開(kāi)的,APP的策劃與設(shè)計(jì)是以設(shè)計(jì)師的主觀意見(jiàn)和思維為首位。產(chǎn)品的最終設(shè)計(jì)往往都是設(shè)計(jì)師與產(chǎn)品經(jīng)理來(lái)決定,而設(shè)計(jì)心理學(xué)的存在則是以心理學(xué)的角度掌握消費(fèi)者的心理需求來(lái)設(shè)計(jì)產(chǎn)品,所以站在一款良性的、適合面向大眾的app上來(lái)說(shuō)設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中起到了一個(gè)引導(dǎo)的作用。其在UI設(shè)計(jì)中的體現(xiàn)貫穿了整一個(gè)設(shè)計(jì)項(xiàng)目,設(shè)計(jì)師可以綜合應(yīng)用設(shè)計(jì)心理學(xué)來(lái)滿足不同的用戶群體對(duì)APP產(chǎn)品的需求從而實(shí)現(xiàn)產(chǎn)品的有效設(shè)計(jì)。恰當(dāng)?shù)男睦肀磉_(dá)能夠讓UI設(shè)計(jì)更具有靈魂。藝術(shù)與心理學(xué)相結(jié)合,可以更好的吸引用戶,在用戶滿意度上達(dá)到更好的效果。 第五章

33、 結(jié)束語(yǔ) 由于經(jīng)濟(jì)發(fā)達(dá),人們的生活水平隨之提高,用戶對(duì)于app產(chǎn)品的關(guān)注度也不斷提高,同時(shí)也促進(jìn)了UI設(shè)計(jì)的發(fā)展。UI設(shè)計(jì)應(yīng)在滿足用戶的最低需求上,追求更加科學(xué)的設(shè)計(jì),迎合現(xiàn)代化的發(fā)展。設(shè)計(jì)師應(yīng)積極研究心理學(xué),在設(shè)計(jì)中滿足不用戶群體的需求,從而為國(guó)內(nèi)UI設(shè)計(jì)的發(fā)展打下良好的基礎(chǔ)。用戶對(duì)于產(chǎn)品使用后的反饋意見(jiàn)也要重點(diǎn)關(guān)注,時(shí)刻了解什么樣的設(shè)計(jì)更受用戶歡迎,產(chǎn)品還有哪里不足,不夠人性化。 設(shè)計(jì)心理學(xué)對(duì)于UI設(shè)計(jì)有著重要的影響,用戶對(duì)于UI設(shè)計(jì)產(chǎn)品的要求早就不僅是停留在能用就好的需求上了,界面的美觀性、合理性、簡(jiǎn)易性也受到重視,良好的UI設(shè)計(jì)創(chuàng)新可以吸引更多的用戶體驗(yàn)該產(chǎn)品以及提高用戶粘性。UI設(shè)計(jì)不僅要滿足大眾的審美,也更要符合大眾的心理,因此UI設(shè)計(jì)在不斷的發(fā)展中,其中的設(shè)計(jì)心理學(xué)也起著越來(lái)越重要的引導(dǎo)作用。

展開(kāi)閱讀全文
溫馨提示:
1: 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2: 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3.本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

相關(guān)資源

更多
正為您匹配相似的精品文檔
關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng),我們立即給予刪除!