2019-4-16 用心設(shè)計
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
好的UI設(shè)計師應(yīng)該是理論結(jié)合實踐,好的理論是指導(dǎo)實踐,所以今天我?guī)砹诉@一篇文章。講講什么是黃金ux七大定律以及它們?nèi)绾卧赨I中的運用。
費茲定律(fitts’law) 是心理學(xué)家 paul fitts 所提出的人機界面設(shè)計法則,主頁定義了游標移動到目標之間的距離,目標的大小和所花費的時間之間的關(guān)系。
定律內(nèi)容是從一個起始位置移動到一個最終目標所需的時間由兩個參數(shù)來決定,到目標的距離和目標的大小
用數(shù)學(xué)公式表示為 時間T=a+blog2(D/W+1)
用這張圖來說明,當(dāng)d(起始點到目標之間的距離)越長,使用者所花費的時間越多;而當(dāng)w(目標物平行于運動軌跡的長度)越長,則花費的時間越少,使用的效能也比較好。
我們來看新浪微博的轉(zhuǎn)發(fā)功能,因為隨著功能的復(fù)雜性,轉(zhuǎn)發(fā)功能包含了下一層級三個子功能,分別為快轉(zhuǎn),轉(zhuǎn)發(fā),分享。這個轉(zhuǎn)發(fā)icon一觸發(fā),在很近的距離,3個點擊目標也設(shè)計的很大這樣容易很快的操作,利用費茲定律,提升了用戶的效能。
當(dāng)你走近一家餐廳,你看著琳瑯滿目的菜品是不是無從下手。在生活日常中你會對各種各樣的選擇而困擾,其實有時候不是你的問題,而是對方給予你的選擇太多。
Hick’s Law (席克定律)中說道:“一個人面臨的選擇(n)越多,所花費做出決定的時間(T)就越長。
用數(shù)學(xué)公式表達為 RT=a+b log2(N)
劃重點
當(dāng)選擇增加時,我們做決定的時間就會相應(yīng)增加
如果在你的服務(wù),產(chǎn)品中“時間就是關(guān)鍵”,應(yīng)該將做決定的選項減少到最少,以減少所需反應(yīng)的時間,降低犯錯的概率。也可以對選項進行同類分類和多層次分布,提高用戶的使用效果。
奧卡姆剃刀原則也被稱為:“簡單有效原理“,由14世紀哲學(xué)家,圣方濟修士奧卡姆.威廉(William ofOccam)提出。這個原理告誡人們“不要浪費較多東西去做用較少東西也可以做好的事情?!惫P者認為和后來包豪斯密斯.凡德羅提出的:“少就是多”有異曲同工之妙。
一個簡潔的網(wǎng)站能讓用戶快速找到他們所找到的東西,當(dāng)你在銷售產(chǎn)品時候尤為關(guān)鍵。如果你的網(wǎng)站充斥著很多無關(guān)緊要的東西。比如小彈窗,無用鏈接。用戶會因為不能快速找到自己想要的東西而關(guān)閉網(wǎng)站。
合理的使用奧卡姆剃刀原則,能更好的傳達你想要表達的內(nèi)容,更容易吸引廣告投放者,給訪客帶來更好的用戶體驗。
泰思勒定律又被稱為:“復(fù)雜不滅定律”
中心思想是:“每一個程序都有必然有其與生俱來,無法縮減的復(fù)雜度,唯一的問題,就是誰來處理它?!?
泰思勒定律定律認為每個過程都有其固有的復(fù)雜性,存在一個臨界點,超過這個點過程就不能再簡化了,你只能將固有的復(fù)雜性從一個地方移動到另外一個地方。
從手機的演變過程來看,智能手機簡化了物理操作按鍵,通過技術(shù)手段降低了手機操作的復(fù)雜度,尤其是復(fù)雜的交互手勢操作,雜度的降低是通過大量的技術(shù)和資金投入解決,體現(xiàn)了復(fù)雜守恒定律。
1956年喬治米勒對短時間記憶能力進行了定量研究,他發(fā)現(xiàn)人類大腦最好的狀態(tài)能記憶含有7(±2)項信息塊,在記憶里5-9項信息后人的大腦后開始出錯。
防錯原則是通過設(shè)計來將過失降低到最小化。該原則及時地告訴用戶哪里操作錯了。比如在填寫表單時,系統(tǒng)給出及時地報錯提示;重要、謹慎的操作,系統(tǒng)通常會有二次確認;為用戶提供撤銷的機會;為用戶提供糾錯的機會
接近法則是格式塔理論中我們最熟悉的,也最常運用的一項法則。當(dāng)對象離的太近時候,意識會覺得它們是相關(guān)的
我們來看看利用接近法則在移動端的案例,相同的模塊這兩款app都用空間間隙來做出了區(qū)分,讓人在移動的場景更能快速的尋找想要的信息。
在UI設(shè)計中,不僅僅是為了美觀的界面,更要有有理有據(jù),在設(shè)計時應(yīng)該學(xué)會運用這些法則,不僅可以讓你的界面更專業(yè),同時也更有說服力。
藍藍設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計
藍藍設(shè)計的小編 http://www.wnxcall.com