UX七大黃金定律在UI中的運用

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

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

 

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

1、費茲定律

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

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

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

用這張圖來說明,當d(起始點到目標之間的距離)越長,使用者所花費的時間越多;而當w(目標物平行于運動軌跡的長度)越長,則花費的時間越少,使用的效能也比較好。

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

2、席克定律

當你走近一家餐廳,你看著琳瑯滿目的菜品是不是無從下手。在生活日常中你會對各種各樣的選擇而困擾,其實有時候不是你的問題,而是對方給予你的選擇太多。

Hick’s Law (席克定律)中說道:“一個人面臨的選擇(n)越多,所花費做出決定的時間(T)就越長。

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

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

劃重點

當選擇增加時,我們做決定的時間就會相應(yīng)增加

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

3、奧卡姆剃刀原則

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

一個簡潔的網(wǎng)站能讓用戶快速找到他們所找到的東西,當你在銷售產(chǎn)品時候尤為關(guān)鍵。如果你的網(wǎng)站充斥著很多無關(guān)緊要的東西。比如小彈窗,無用鏈接。用戶會因為不能快速找到自己想要的東西而關(guān)閉網(wǎng)站。

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

4、泰思勒定律

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

中心思想是:“每一個程序都有必然有其與生俱來,無法縮減的復(fù)雜度,唯一的問題,就是誰來處理它。”

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

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

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

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

6、防錯法則

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

7、接近法則

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

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

總結(jié)

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


藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔