【交互設(shè)計(jì)準(zhǔn)則之二】通用設(shè)計(jì)定律

1.費(fèi)茨定律(Fitts’ Law)

Fitts’ Law

從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來(lái)決定,到目標(biāo)的距離和目標(biāo)的大?。ㄉ蠄D中的 D與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)。

解釋一下就是:①交互元素越大越容易點(diǎn);②越靠近當(dāng)前操作位置的元素越容易點(diǎn)。

屏幕交互應(yīng)用:①合理設(shè)計(jì)控件尺寸;

②屏幕邊角更易到達(dá),適合放菜單欄和按鈕;

③菜單設(shè)計(jì)

下拉式菜單(pull-down menus)
彈出式菜單(pop-up menus)
扇形/餅狀菜單(Circular Navigation)

彈出菜單>下拉菜單:避免在菜單間滑動(dòng)

餅狀菜單>線型菜單:每個(gè)項(xiàng)目距中心位置一樣,且目標(biāo)區(qū)域大,易選擇、錯(cuò)誤率低。

④打破邊緣/邊框交互

屏幕外的地方也算作目標(biāo)點(diǎn)面積,邊緣目標(biāo)大

Nubia z9 弧形邊緣交互
想起Mac OS的某些設(shè)計(jì)了嗎?
Chrome的標(biāo)簽為什么要貼著頂部?

2. 希克定律(Hick’s Law)

Hick’s Law

一個(gè)人面臨的選擇(n)與作出決定的時(shí)間(T)成正比。用數(shù)學(xué)公式表達(dá)為反應(yīng)時(shí)間 T=a+b log2(n),a=與做決定無(wú)關(guān)的時(shí)間(前期認(rèn)知和觀察時(shí)間),b=根據(jù)對(duì)選項(xiàng)認(rèn)識(shí)的處理時(shí)間(從經(jīng)驗(yàn)衍生出的常數(shù),對(duì)人來(lái)說(shuō)約是0.155s)。

解釋一下就是:前期認(rèn)知時(shí)間、選項(xiàng)數(shù)量、根據(jù)認(rèn)知處理的時(shí)間,三者影響做決定的時(shí)間。

如何提高用戶(hù)決定的效率可從前兩個(gè)方面出發(fā),如幫助認(rèn)知、減少選項(xiàng)數(shù)量。


3. 神奇數(shù)字 7±2 法則

7(±2)記憶法則
1956 年喬治米勒對(duì)短時(shí)記憶能力的研究發(fā)現(xiàn),人類(lèi)頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類(lèi)的頭腦就開(kāi)始出錯(cuò)。

界面交互應(yīng)用:①網(wǎng)頁(yè)導(dǎo)航欄目不超過(guò)9個(gè),移動(dòng)應(yīng)用不超過(guò)5個(gè);

②信息分塊呈現(xiàn),分塊記憶。(拓展例子)

輸入掩碼

4.接近法則(The Law Of Proximity)(略)

5. 泰思勒定律(復(fù)雜性守恒定律)(Tesler’s Law)

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

在交互設(shè)計(jì)的應(yīng)用就是,把用戶(hù)承擔(dān)的復(fù)雜性轉(zhuǎn)移到其他地方。

《簡(jiǎn)約至上》人和計(jì)算機(jī)擅長(zhǎng)做的事情

6. 新鄉(xiāng)重夫:防錯(cuò)原則

大部分的意外都是由設(shè)計(jì)的疏忽,而不是人為操作疏忽。通過(guò)改變?cè)O(shè)計(jì)可以把過(guò)失降到最低。

Twitter:超字?jǐn)?shù)上限警示
行內(nèi)(實(shí)時(shí))驗(yàn)證


簡(jiǎn)明告知錯(cuò)誤原因
使功能失效(無(wú)法點(diǎn)擊)

7. 奧卡姆剃刀原理(簡(jiǎn)單有效原理)(Occam’s Razor)

“如無(wú)必要,勿增實(shí)體“。如有兩個(gè)功能相等的設(shè)計(jì),那么選擇最簡(jiǎn)單的。

我選輸入框、網(wǎng)址導(dǎo)航、前進(jìn)后退、書(shū)簽、下載


(補(bǔ)充)8.Steering Law轉(zhuǎn)向定律

觸控技術(shù)(Touch)應(yīng)用:

0°方向是最利于操作者移動(dòng)的方向,具有較好的視覺(jué)反饋,成功率相對(duì)最高;

120°方向用戶(hù)在操作時(shí)最為困難,在用戶(hù)界面交互設(shè)計(jì)中應(yīng)盡少用;

用戶(hù)手指在各個(gè)方向的運(yùn)動(dòng)中,寬度低于14像素的Tunnel是用戶(hù)體驗(yàn)最差的。


9.帕累托定律(80/20 原則)(二八定律)

任何大系統(tǒng)中,大部分的效果僅有少數(shù)幾項(xiàng)變量決定。

用戶(hù)80%的時(shí)間花在了20%的功能上。

找出其中20%的關(guān)鍵功能做成工具條展示在頁(yè)面,其余隱藏

but,當(dāng)創(chuàng)造了一個(gè)新的功能時(shí),可能就培養(yǎng)了一個(gè)新的行為習(xí)慣,此時(shí)要改變這些行為習(xí)慣,面臨的阻力就會(huì)比較大。


10.三等分原則

三等分座標(biāo)方格體系

參考文章:

交互設(shè)計(jì)七大定律

?及其他N篇文章

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容