2023-6-6 周周
費(fèi)茨定律(Fitts'sLw)是一個(gè)描述人類運(yùn)行學(xué)的經(jīng)驗(yàn)公式,用于計(jì)算人們移動(dòng)手指或鼠標(biāo)等設(shè)備到某個(gè)目標(biāo)的時(shí)間,以考慮目標(biāo)大小和距離為主。
費(fèi)茨定律的公式是T=a+blog2(D/S+1),其中T是時(shí)間,a和b是實(shí)驗(yàn)測(cè)得的常數(shù),D是目標(biāo)的距離,S是目標(biāo)的大小。說明了在給定目標(biāo)情況下,目標(biāo)距離越遠(yuǎn),需要的時(shí)間越長;在給定距離的情況下,目標(biāo)越小,需要的時(shí)間越長。
費(fèi)茨定律廣泛地用于人機(jī)交互界面設(shè)計(jì)中,例如在B端常用的設(shè)計(jì)按鈕上,可根據(jù)該定律來選擇適當(dāng)?shù)哪繕?biāo)大小和間距,以使用戶更好地達(dá)到業(yè)務(wù)目標(biāo)。
比如在B端產(chǎn)品彈窗界面設(shè)計(jì)中,確定和取消按鈕都會(huì)放在右下角,使得用戶更容易點(diǎn)擊。確定按鈕更高頻故放在最右邊,視覺表現(xiàn)更明顯,使其更容易一眼點(diǎn)擊。此外,兩個(gè)按鈕之間的距離也很重要,因?yàn)樗鼤?huì)影響到用戶的點(diǎn)擊時(shí)間,為了讓用戶更容易進(jìn)行選擇,按 鈕間保持12px距離,避免用戶誤觸。
1956年美國心理學(xué)家喬治·米勒對(duì)短時(shí)記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人的短時(shí)記憶能力廣度為7±2個(gè)信息塊,記憶信息超過了該范圍就容易出錯(cuò)。因此心理學(xué)家把這個(gè)神奇的記憶容量規(guī)律稱為“7±2法則”。 在人機(jī)交互設(shè)計(jì)界面中,如果要引入新的元素或操作,應(yīng)該盡可能地減少其數(shù)量和復(fù)雜性,以便用戶更容易理解和記憶。
比如在B端卡片設(shè)計(jì)中的操作按鈕一般會(huì)控制在7-2法則即5個(gè)操作按鈕,若有其它操作會(huì)隱藏在更多按鈕里面,把頻次較高的按鈕放在一級(jí)展示中,頻次較少的按鈕放在二級(jí)浮窗展示中。通過分解復(fù)雜的任務(wù)和信息,減少冗余內(nèi)容使得用戶更容易理解且更快完成業(yè)務(wù)過程。
格式塔原理是心理學(xué)的一個(gè)概念,也廣泛應(yīng)用于設(shè)計(jì)領(lǐng)域中。該原理認(rèn)為人類大腦在處理感知信息時(shí),會(huì)自動(dòng)將信息組織成具有整體性、完整性和結(jié)構(gòu)性的形態(tài),即所謂的“格式塔”。
在設(shè)計(jì)中,格式塔原理有幾個(gè)常見應(yīng)用:
1.相似性原則:相似的事物更容易被視為一組,與不同的事物分離。因此,設(shè)計(jì)師可以使用相似的顏色、形狀、大小等元素來將相關(guān)的信息組織在一起,提高信息的可讀性和易用性。
2.接近性原則:接近的事物更容易被視為一組,與遠(yuǎn)離的事物分離。因此,設(shè)計(jì)師可以使用空間布局來將相關(guān)的信息組織在一起,提高信息的可讀性和易用性。
3.對(duì)稱性原則:人類大腦喜歡對(duì)稱和平衡的形態(tài)。因此,設(shè)計(jì)師可以使用對(duì)稱的布局來吸引用戶的注意力,提高視覺吸引力和美感。
4.閉合性原則:人類大腦傾向于將不完整的形狀視為完整的形狀。因此,設(shè)計(jì)師可以使用封閉的形狀來強(qiáng)調(diào)信息,使用戶更容易理解和記憶。
相似性原則的應(yīng)用比如在B端的卡片設(shè)計(jì)中,所有的卡片樣式相似在人腦理解中默認(rèn)會(huì)視為相同的一組數(shù)據(jù)。
接近性原則比如在B端的表單設(shè)計(jì)中,常常會(huì)將一組數(shù)據(jù)通過接近性原則組織在一起,提高信息易讀性。
對(duì)稱性原則常用在大屏與報(bào)表設(shè)計(jì)中,通過對(duì)稱性布局提高視覺美感,吸引用戶注意力。
閉合性原則常用于連續(xù)性表格或圖形等設(shè)計(jì)中,通過不連續(xù)性來讓用戶大腦形成封閉路徑強(qiáng)調(diào)后續(xù)可讀信息。
比如在下面的表格中通過形狀的不連續(xù)性反而讓用戶大腦更快感知到還有信息可以滾動(dòng)查看。
雅各布定律(Jacob'sLaw)是一條常被引用的交互設(shè)計(jì)法則,它由美國心理學(xué)家Donald Norman提出。該定律指出,人們?cè)谑褂萌魏涡孪到y(tǒng)時(shí),都會(huì)將他們以前所經(jīng)驗(yàn)過的類似系統(tǒng)的知識(shí)應(yīng)用于新系統(tǒng)。
雅各布定律的核心思想是,在設(shè)計(jì)新系統(tǒng)時(shí),應(yīng)該考慮到用戶的現(xiàn)有經(jīng)驗(yàn)和期望,并盡量避免創(chuàng)造完全不同的界面模式。這樣可以使用戶更容易理解和掌握新系統(tǒng),并減少學(xué)習(xí)成本。
比如在B端設(shè)計(jì)中常用到的圖表編輯快鍵可以延用用戶在其他系統(tǒng)常用到的快捷鍵,如win或mac系統(tǒng)都常用到的快捷指令可復(fù)用到B端產(chǎn)品的快捷操作中。
防錯(cuò)原則(Principle of Fail--Safe or Fault-Tolerance)是一種設(shè)計(jì)思想,其目的是減少或避免因錯(cuò)誤或故障而導(dǎo)致的不良后果。它通常被用于設(shè)計(jì)高度可靠的系統(tǒng)或設(shè)備,以確保在錯(cuò)誤事故發(fā)生時(shí),系統(tǒng)或設(shè)備仍然能夠繼續(xù)正常運(yùn)行,或者能夠平穩(wěn)地停止運(yùn)行,以避免進(jìn)一步的損害或危險(xiǎn)。
在界面設(shè)計(jì)中如設(shè)計(jì)可撤銷操作,通過系統(tǒng)中允許用戶執(zhí)行可撤銷操作,以避免因誤操作而導(dǎo)致的不良后果。
或在界面設(shè)計(jì)中常用到的反饋和提醒彈窗等操作,以幫助用戶及時(shí)發(fā)現(xiàn)錯(cuò)誤或故障,并采取適當(dāng)?shù)拇胧?
泰思勒基本定律(Tesler’sLaw)由Larry Tesler于l984年明確提出,也稱 「復(fù)雜性質(zhì)量守恒」。
該基本定律覺得:該定律認(rèn)為每一個(gè)過程都有其固定的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過這個(gè)點(diǎn)過程就不能再簡化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。
可以通過簡約至上的隱藏、轉(zhuǎn)移、刪除等原則進(jìn)行用戶體驗(yàn)的提升。
早在14世紀(jì),哲學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆的威廉提出來了奧卡姆剃刀原理,這個(gè)原理說的是“切勿浪費(fèi)較多東西去做較少的東西同樣可以做好的事情”,后來以一種更為廣泛的形式被人們知曉“如無必要,勿增實(shí)體”。
奧卡姆剃刀常用于兩種假說的取舍上:如果對(duì)于同一現(xiàn)象有兩種不同的假說,我們應(yīng)該采取比較簡單的那一種。對(duì)于幾個(gè)功能相同的設(shè)計(jì),在設(shè)計(jì)都可用的情況下,則選擇視覺干擾較少的設(shè)計(jì)。
在設(shè)計(jì)上則能夠指導(dǎo)我們對(duì)產(chǎn)品做減法,去減少不必要的元素,在進(jìn)行設(shè)計(jì)的時(shí)候,先分析用戶的的主流程是什么,流程內(nèi)的引導(dǎo)盡量弱化,沒有必要?jiǎng)t不增加。
比如在B端產(chǎn)品設(shè)計(jì)中的登錄頁面以登錄流程為核心,不需要增加其它沒必要的流程。
除了以上七大定律外,也有尼爾森的10大設(shè)計(jì)原則,與以上定律基本一致??偠灾换ピO(shè)計(jì)規(guī)律的宗旨都是幫助設(shè)計(jì)師創(chuàng)造易用、高效、愉悅的用戶體驗(yàn)。在B端產(chǎn)品設(shè)計(jì)中,將交互定律貫穿于產(chǎn)品設(shè)計(jì)中可以提升產(chǎn)品易用性,降低學(xué)習(xí)成本,使產(chǎn)品更規(guī)范,對(duì)企業(yè)用戶的工作效率與商業(yè)價(jià)值都有積極的影響
文章來源:優(yōu)設(shè)網(wǎng) 作者:麗創(chuàng)輕文
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com