UI UX設(shè)計(jì)師應(yīng)該學(xué)習(xí)的用戶(hù)生理學(xué)原理
@Mockplus原型設(shè)計(jì) :眾所周知,生理學(xué)在APP的用戶(hù)體驗(yàn)設(shè)計(jì)中起著特別很是緊張的作用。通過(guò)了解我們的設(shè)計(jì)是如何被感知的,我們可以及時(shí)做出調(diào)整,使設(shè)計(jì)出的APP能夠更加有用地實(shí)現(xiàn)用戶(hù)的目標(biāo)。
為了幫助你了解用戶(hù)的想法,我將介紹一些我認(rèn)為最緊張的設(shè)計(jì)原則,并在實(shí)踐中提供這些原則的常見(jiàn)示例。
馮·雷斯托夫效應(yīng)(Von Restorff effect)
馮·雷斯多夫效應(yīng)(也稱(chēng)為隔離效應(yīng))展望當(dāng)存在多個(gè)相似對(duì)象時(shí),不同于其他對(duì)象的是最容易被記住的。
看完這個(gè)理論,身為設(shè)計(jì)師的你是否立刻想到了什么?
沒(méi)錯(cuò),這就是為什么CTA按鈕看起來(lái)與網(wǎng)站或APP上其余操作按鈕不同的重要緣故原由。
△ 馮·雷斯多夫效應(yīng)示例
我們盼望用戶(hù)能夠區(qū)分簡(jiǎn)單的操作按鈕和CTA按鈕,以便他們清楚地了解CTA按鈕的作用,同時(shí)在使用APP或站點(diǎn)時(shí)也能記住它。
當(dāng)有多個(gè)相似的對(duì)象存在時(shí),不同于其他對(duì)象的是最有容易被記住的!
系列位置效應(yīng)
系列位置效應(yīng)是指在一系列事物中,接近開(kāi)頭和末尾的更容易被用戶(hù)記住的生理傾向。
△ 從左到右,分別為T(mén)witter,Medium,ProductHunt
這就是為什么如今大多數(shù)APP選擇放棄漢堡包菜單,使用底部或頂部導(dǎo)航菜單,并將最緊張的用戶(hù)操作放置在右側(cè)或左側(cè)。在上圖中,你可以看到一些流行的iOS應(yīng)用程序示例??紤]到系列位置效應(yīng),每個(gè)APP都將「首頁(yè)」和「用戶(hù)中間」項(xiàng)目分別放在了菜單欄的左側(cè)或右側(cè)。
認(rèn)知負(fù)荷
認(rèn)知負(fù)荷是指一小我的工作記憶中使用的腦力勞動(dòng)總量。簡(jiǎn)單來(lái)說(shuō),就是為了完成某項(xiàng)義務(wù),工作者必要進(jìn)行大量的思考。
認(rèn)知負(fù)荷是為了完成一項(xiàng)特定義務(wù)而必要鍛煉的思維量。
認(rèn)知負(fù)荷理論可以分為三種類(lèi)型:
- 內(nèi)部認(rèn)知負(fù)荷
- 外部認(rèn)知負(fù)荷
- 相干認(rèn)知負(fù)荷
下面我將介紹內(nèi)部和相干認(rèn)知負(fù)荷這兩種類(lèi)型,我認(rèn)為它們是最適用于用戶(hù)體驗(yàn)設(shè)計(jì)的。
內(nèi)部認(rèn)知負(fù)荷
內(nèi)部認(rèn)知負(fù)荷是與特定工作或?qū)W習(xí)主題相干的。這是Micro-copy和copy在優(yōu)秀的用戶(hù)體驗(yàn)中發(fā)揮了偉大作用的重要緣故原由。
例如在APP的「空白狀況」下,大多數(shù)情況我們會(huì)提醒用戶(hù)如何去操作。在這里,提醒文本需短小、簡(jiǎn)單,并使用適當(dāng)?shù)膯卧~,以便用戶(hù)能夠輕松地遵循說(shuō)明進(jìn)行操作。
△ 從左到右,分別為Stayful,Serist,Lucidchart
相干認(rèn)知負(fù)荷
相干認(rèn)知負(fù)荷是用于處理信息和構(gòu)建模式的認(rèn)知負(fù)荷。該模式描述了一種組織信息以及它們之間所有關(guān)系的思維模式。
我們使用設(shè)計(jì)模式的緣故原由之一是它們是默認(rèn)編程的——所以假如用戶(hù)將其變化為一種本身所理解的模式,那么他們就可以更容易地接受和學(xué)習(xí)新的東西。
假如用戶(hù)能夠?qū)⑵渥兓癁橐环N他們本身所理解的模式,那么用戶(hù)將可以更輕松地學(xué)習(xí)新的東西。
席克定律(Hick’s Law)
與格式塔法則一樣,席克定律是當(dāng)下最流行的定律之一。
席克定律的理解和實(shí)踐都很簡(jiǎn)單。它描述了一小我作出決定所需的時(shí)間取決于他或她可以選擇的選項(xiàng)。假如選項(xiàng)的數(shù)量增長(zhǎng),那么做出決定的時(shí)間也會(huì)對(duì)應(yīng)增長(zhǎng)。
其中,列表就是席克定律適用于用戶(hù)體驗(yàn)設(shè)計(jì)的一個(gè)特別很是好的例子:
△ 席克定律范例
接近律
接近律是格式塔中組織法則的一部分,它指出彼此接近或鄰近的物體傾向于被組合在一路。簡(jiǎn)單地說(shuō),我們的大腦很容易地將彼此接近的物體聯(lián)系起來(lái),但對(duì)于那些相距很遠(yuǎn)的物體就不行。 這種聚類(lèi)發(fā)生是由于人類(lèi)有傾向組織和組合事物的天性。
△ 接近律示例
接近律注解,彼此接近或相近的物體每每被組合在一路。
在上面的例子中,一共有72個(gè)圓。根據(jù)它們之間的距離,我們下意識(shí)地將它們分了組。很顯明,我們將圖像左側(cè)的36個(gè)圓看成一組;圖像右側(cè)則有三組,分別有12個(gè)圓。
我信賴(lài)這個(gè)例子清楚地注解了一個(gè)道理。在設(shè)計(jì)UI時(shí),我們必須將一些元素組合在一路。其中,選擇哪些元素進(jìn)行組合顯得尤為緊張,必要反復(fù)斟酌,由于用戶(hù)潛意識(shí)認(rèn)為組合的元素肯定是相互關(guān)聯(lián)的。
迎接關(guān)注譯者的微信公眾號(hào):
本文地址:http://likemindfilms.com/tutorial/di3924.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏