B端產(chǎn)品設(shè)計常用的七大交互定律

2023-6-6    周周

一、費茨定律

費茨定律(Fitts'sLw)是一個描述人類運行學(xué)的經(jīng)驗公式,用于計算人們移動手指或鼠標(biāo)等設(shè)備到某個目標(biāo)的時間,以考慮目標(biāo)大小和距離為主。 

費茨定律的公式是T=a+blog2(D/S+1),其中T是時間,a和b是實驗測得的常數(shù),D是目標(biāo)的距離,S是目標(biāo)的大小。說明了在給定目標(biāo)情況下,目標(biāo)距離越遠(yuǎn),需要的時間越長;在給定距離的情況下,目標(biāo)越小,需要的時間越長。

費茨定律廣泛地用于人機(jī)交互界面設(shè)計中,例如在B端常用的設(shè)計按鈕上,可根據(jù)該定律來選擇適當(dāng)?shù)哪繕?biāo)大小和間距,以使用戶更好地達(dá)到業(yè)務(wù)目標(biāo)。 

比如在B端產(chǎn)品彈窗界面設(shè)計中,確定和取消按鈕都會放在右下角,使得用戶更容易點擊。確定按鈕更高頻故放在最右邊,視覺表現(xiàn)更明顯,使其更容易一眼點擊。此外,兩個按鈕之間的距離也很重要,因為它會影響到用戶的點擊時間,為了讓用戶更容易進(jìn)行選擇,按 鈕間保持12px距離,避免用戶誤觸。



二、米勒定律

1956年美國心理學(xué)家喬治·米勒對短時記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人的短時記憶能力廣度為7±2個信息塊,記憶信息超過了該范圍就容易出錯。因此心理學(xué)家把這個神奇的記憶容量規(guī)律稱為“7±2法則”。 在人機(jī)交互設(shè)計界面中,如果要引入新的元素或操作,應(yīng)該盡可能地減少其數(shù)量和復(fù)雜性,以便用戶更容易理解和記憶。

比如在B端卡片設(shè)計中的操作按鈕一般會控制在7-2法則即5個操作按鈕,若有其它操作會隱藏在更多按鈕里面,把頻次較高的按鈕放在一級展示中,頻次較少的按鈕放在二級浮窗展示中。通過分解復(fù)雜的任務(wù)和信息,減少冗余內(nèi)容使得用戶更容易理解且更快完成業(yè)務(wù)過程。



三、格式塔原理

格式塔原理是心理學(xué)的一個概念,也廣泛應(yīng)用于設(shè)計領(lǐng)域中。該原理認(rèn)為人類大腦在處理感知信息時,會自動將信息組織成具有整體性、完整性和結(jié)構(gòu)性的形態(tài),即所謂的“格式塔”。

在設(shè)計中,格式塔原理有幾個常見應(yīng)用: 

1.相似性原則:相似的事物更容易被視為一組,與不同的事物分離。因此,設(shè)計師可以使用相似的顏色、形狀、大小等元素來將相關(guān)的信息組織在一起,提高信息的可讀性和易用性。

2.接近性原則:接近的事物更容易被視為一組,與遠(yuǎn)離的事物分離。因此,設(shè)計師可以使用空間布局來將相關(guān)的信息組織在一起,提高信息的可讀性和易用性。 

3.對稱性原則:人類大腦喜歡對稱和平衡的形態(tài)。因此,設(shè)計師可以使用對稱的布局來吸引用戶的注意力,提高視覺吸引力和美感。 

4.閉合性原則:人類大腦傾向于將不完整的形狀視為完整的形狀。因此,設(shè)計師可以使用封閉的形狀來強調(diào)信息,使用戶更容易理解和記憶。

相似性原則的應(yīng)用比如在B端的卡片設(shè)計中,所有的卡片樣式相似在人腦理解中默認(rèn)會視為相同的一組數(shù)據(jù)。



接近性原則比如在B端的表單設(shè)計中,常常會將一組數(shù)據(jù)通過接近性原則組織在一起,提高信息易讀性。



對稱性原則常用在大屏與報表設(shè)計中,通過對稱性布局提高視覺美感,吸引用戶注意力。



閉合性原則常用于連續(xù)性表格或圖形等設(shè)計中,通過不連續(xù)性來讓用戶大腦形成封閉路徑強調(diào)后續(xù)可讀信息。

比如在下面的表格中通過形狀的不連續(xù)性反而讓用戶大腦更快感知到還有信息可以滾動查看。



四、雅各布定律

雅各布定律(Jacob'sLaw)是一條常被引用的交互設(shè)計法則,它由美國心理學(xué)家Donald Norman提出。該定律指出,人們在使用任何新系統(tǒng)時,都會將他們以前所經(jīng)驗過的類似系統(tǒng)的知識應(yīng)用于新系統(tǒng)。

雅各布定律的核心思想是,在設(shè)計新系統(tǒng)時,應(yīng)該考慮到用戶的現(xiàn)有經(jīng)驗和期望,并盡量避免創(chuàng)造完全不同的界面模式。這樣可以使用戶更容易理解和掌握新系統(tǒng),并減少學(xué)習(xí)成本。

比如在B端設(shè)計中常用到的圖表編輯快鍵可以延用用戶在其他系統(tǒng)常用到的快捷鍵,如win或mac系統(tǒng)都常用到的快捷指令可復(fù)用到B端產(chǎn)品的快捷操作中。



五、防錯原則

防錯原則(Principle of Fail--Safe or Fault-Tolerance)是一種設(shè)計思想,其目的是減少或避免因錯誤或故障而導(dǎo)致的不良后果。它通常被用于設(shè)計高度可靠的系統(tǒng)或設(shè)備,以確保在錯誤事故發(fā)生時,系統(tǒng)或設(shè)備仍然能夠繼續(xù)正常運行,或者能夠平穩(wěn)地停止運行,以避免進(jìn)一步的損害或危險。

在界面設(shè)計中如設(shè)計可撤銷操作,通過系統(tǒng)中允許用戶執(zhí)行可撤銷操作,以避免因誤操作而導(dǎo)致的不良后果。

或在界面設(shè)計中常用到的反饋和提醒彈窗等操作,以幫助用戶及時發(fā)現(xiàn)錯誤或故障,并采取適當(dāng)?shù)拇胧?



六、泰思勒定律

泰思勒基本定律(Tesler’sLaw)由Larry Tesler于l984年明確提出,也稱 「復(fù)雜性質(zhì)量守恒」。

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





可以通過簡約至上的隱藏、轉(zhuǎn)移、刪除等原則進(jìn)行用戶體驗的提升。

七、奧卡姆剃刀原理

早在14世紀(jì),哲學(xué)家、圣方濟(jì)各會修士奧卡姆的威廉提出來了奧卡姆剃刀原理,這個原理說的是“切勿浪費較多東西去做較少的東西同樣可以做好的事情”,后來以一種更為廣泛的形式被人們知曉“如無必要,勿增實體”。 

奧卡姆剃刀常用于兩種假說的取舍上:如果對于同一現(xiàn)象有兩種不同的假說,我們應(yīng)該采取比較簡單的那一種。對于幾個功能相同的設(shè)計,在設(shè)計都可用的情況下,則選擇視覺干擾較少的設(shè)計。

在設(shè)計上則能夠指導(dǎo)我們對產(chǎn)品做減法,去減少不必要的元素,在進(jìn)行設(shè)計的時候,先分析用戶的的主流程是什么,流程內(nèi)的引導(dǎo)盡量弱化,沒有必要則不增加。

比如在B端產(chǎn)品設(shè)計中的登錄頁面以登錄流程為核心,不需要增加其它沒必要的流程。



除了以上七大定律外,也有尼爾森的10大設(shè)計原則,與以上定律基本一致??偠灾?,交互設(shè)計規(guī)律的宗旨都是幫助設(shè)計師創(chuàng)造易用、高效、愉悅的用戶體驗。在B端產(chǎn)品設(shè)計中,將交互定律貫穿于產(chǎn)品設(shè)計中可以提升產(chǎn)品易用性,降低學(xué)習(xí)成本,使產(chǎn)品更規(guī)范,對企業(yè)用戶的工作效率與商業(yè)價值都有積極的影響

文章來源:優(yōu)設(shè)網(wǎng)    作者:麗創(chuàng)輕文


分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)



分享本文至:

日歷

鏈接

個人資料

存檔