UX七大黃金定律在UI中的運(yùn)用

2019-4-16    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

好的UI設(shè)計(jì)師應(yīng)該是理論結(jié)合實(shí)踐,好的理論是指導(dǎo)實(shí)踐,所以今天我?guī)?lái)了這一篇文章。講講什么是黃金ux七大定律以及它們?nèi)绾卧赨I中的運(yùn)用。

1、費(fèi)茲定律

費(fèi)茲定律(fitts’law) 是心理學(xué)家 paul fitts 所提出的人機(jī)界面設(shè)計(jì)法則,主頁(yè)定義了游標(biāo)移動(dòng)到目標(biāo)之間的距離,目標(biāo)的大小和所花費(fèi)的時(shí)間之間的關(guān)系。

定律內(nèi)容是從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來(lái)決定,到目標(biāo)的距離和目標(biāo)的大小

用數(shù)學(xué)公式表示為 時(shí)間T=a+blog2(D/W+1)

用這張圖來(lái)說(shuō)明,當(dāng)d(起始點(diǎn)到目標(biāo)之間的距離)越長(zhǎng),使用者所花費(fèi)的時(shí)間越多;而當(dāng)w(目標(biāo)物平行于運(yùn)動(dòng)軌跡的長(zhǎng)度)越長(zhǎng),則花費(fèi)的時(shí)間越少,使用的效能也比較好。

我們來(lái)看新浪微博的轉(zhuǎn)發(fā)功能,因?yàn)殡S著功能的復(fù)雜性,轉(zhuǎn)發(fā)功能包含了下一層級(jí)三個(gè)子功能,分別為快轉(zhuǎn),轉(zhuǎn)發(fā),分享。這個(gè)轉(zhuǎn)發(fā)icon一觸發(fā),在很近的距離,3個(gè)點(diǎn)擊目標(biāo)也設(shè)計(jì)的很大這樣容易很快的操作,利用費(fèi)茲定律,提升了用戶的效能。

2、席克定律

當(dāng)你走近一家餐廳,你看著琳瑯滿目的菜品是不是無(wú)從下手。在生活日常中你會(huì)對(duì)各種各樣的選擇而困擾,其實(shí)有時(shí)候不是你的問(wèn)題,而是對(duì)方給予你的選擇太多。

Hick’s Law (席克定律)中說(shuō)道:“一個(gè)人面臨的選擇(n)越多,所花費(fèi)做出決定的時(shí)間(T)就越長(zhǎng)。

用數(shù)學(xué)公式表達(dá)為 RT=a+b log2(N)

  • RT:反應(yīng)所需時(shí)間
  • a:與做決定無(wú)關(guān)的花費(fèi)時(shí)間(閱讀,操縱花費(fèi)的時(shí)間)
  • b:根據(jù)對(duì)選項(xiàng)認(rèn)識(shí)的處理時(shí)間
  • n:具有可能性的相似答案總數(shù)

劃重點(diǎn)

當(dāng)選擇增加時(shí),我們做決定的時(shí)間就會(huì)相應(yīng)增加

如果在你的服務(wù),產(chǎn)品中“時(shí)間就是關(guān)鍵”,應(yīng)該將做決定的選項(xiàng)減少到最少,以減少所需反應(yīng)的時(shí)間,降低犯錯(cuò)的概率。也可以對(duì)選項(xiàng)進(jìn)行同類分類和多層次分布,提高用戶的使用效果。

3、奧卡姆剃刀原則

奧卡姆剃刀原則也被稱為:“簡(jiǎn)單有效原理“,由14世紀(jì)哲學(xué)家,圣方濟(jì)修士奧卡姆.威廉(William ofOccam)提出。這個(gè)原理告誡人們“不要浪費(fèi)較多東西去做用較少東西也可以做好的事情。”筆者認(rèn)為和后來(lái)包豪斯密斯.凡德羅提出的:“少就是多”有異曲同工之妙。

一個(gè)簡(jiǎn)潔的網(wǎng)站能讓用戶快速找到他們所找到的東西,當(dāng)你在銷售產(chǎn)品時(shí)候尤為關(guān)鍵。如果你的網(wǎng)站充斥著很多無(wú)關(guān)緊要的東西。比如小彈窗,無(wú)用鏈接。用戶會(huì)因?yàn)椴荒芸焖僬业阶约合胍臇|西而關(guān)閉網(wǎng)站。

合理的使用奧卡姆剃刀原則,能更好的傳達(dá)你想要表達(dá)的內(nèi)容,更容易吸引廣告投放者,給訪客帶來(lái)更好的用戶體驗(yàn)。

4、泰思勒定律

泰思勒定律又被稱為:“復(fù)雜不滅定律”

中心思想是:“每一個(gè)程序都有必然有其與生俱來(lái),無(wú)法縮減的復(fù)雜度,唯一的問(wèn)題,就是誰(shuí)來(lái)處理它?!?

泰思勒定律定律認(rèn)為每個(gè)過(guò)程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過(guò)這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。

從手機(jī)的演變過(guò)程來(lái)看,智能手機(jī)簡(jiǎn)化了物理操作按鍵,通過(guò)技術(shù)手段降低了手機(jī)操作的復(fù)雜度,尤其是復(fù)雜的交互手勢(shì)操作,雜度的降低是通過(guò)大量的技術(shù)和資金投入解決,體現(xiàn)了復(fù)雜守恒定律。

5、神奇數(shù)字7±法則

1956年喬治米勒對(duì)短時(shí)間記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人類大腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶里5-9項(xiàng)信息后人的大腦后開始出錯(cuò)。

6、防錯(cuò)法則

防錯(cuò)原則是通過(guò)設(shè)計(jì)來(lái)將過(guò)失降低到最小化。該原則及時(shí)地告訴用戶哪里操作錯(cuò)了。比如在填寫表單時(shí),系統(tǒng)給出及時(shí)地報(bào)錯(cuò)提示;重要、謹(jǐn)慎的操作,系統(tǒng)通常會(huì)有二次確認(rèn);為用戶提供撤銷的機(jī)會(huì);為用戶提供糾錯(cuò)的機(jī)會(huì)

7、接近法則

接近法則是格式塔理論中我們最熟悉的,也最常運(yùn)用的一項(xiàng)法則。當(dāng)對(duì)象離的太近時(shí)候,意識(shí)會(huì)覺得它們是相關(guān)的

我們來(lái)看看利用接近法則在移動(dòng)端的案例,相同的模塊這兩款app都用空間間隙來(lái)做出了區(qū)分,讓人在移動(dòng)的場(chǎng)景更能快速的尋找想要的信息。

總結(jié)

在UI設(shè)計(jì)中,不僅僅是為了美觀的界面,更要有有理有據(jù),在設(shè)計(jì)時(shí)應(yīng)該學(xué)會(huì)運(yùn)用這些法則,不僅可以讓你的界面更專業(yè),同時(shí)也更有說(shuō)服力。


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

日歷

鏈接

個(gè)人資料

存檔