交互設(shè)計(jì)7大標(biāo)準(zhǔn)
1. Fitts’ Law / 菲茨定律(費(fèi)茨法則)
定律內(nèi)容:從一個(gè)肇端位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來決定,到目標(biāo)的距離和目標(biāo)的大小(上圖中的 D與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)。
它是 1954 年保羅.菲茨首先提出來的,用來展望從任意一點(diǎn)到目標(biāo)中間位置所需時(shí)間的數(shù)學(xué)模型,在人機(jī)交互(HCI)和設(shè)計(jì)領(lǐng)域的影響卻最為廣泛和深遠(yuǎn)。 新的 Windows 8 中由開始菜單到開始屏幕的變化背后也可以看作是該定律的應(yīng)用。
菲茨定律的啟示:
按鈕等可點(diǎn)擊對象必要合理的大小尺寸。
屏幕的邊和角很適合放置像菜單欄和按鈕如許的元素,由于邊角是偉大的目標(biāo),它們無窮高或無窮寬,你不可能用鼠標(biāo)超過它們。即不管你移動(dòng)了多遠(yuǎn),鼠標(biāo)最終會(huì)停在屏幕的邊緣,并定位到按鈕或菜單的上面。
出如今用戶正在操作的對象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開得更快,由于不必要移動(dòng)到屏幕的其他位置。
擴(kuò)展閱讀:Windows 設(shè)計(jì)規(guī)范中的鼠標(biāo)交互、菲茨定律與互聯(lián)網(wǎng)設(shè)計(jì)、費(fèi)茲定律Fitts’ Law與使用者介面設(shè)計(jì)、Google Chrome 與 Fitts Law、談?wù)?Fitts 定律、費(fèi)茨法則在交互設(shè)計(jì)中的應(yīng)用 (Readlists)
2. Hick’s Law / 席克定律(??朔▌t)
定律內(nèi)容:一小我面臨的選擇(n)越多,所必要作出決定的時(shí)間(T)就越長。用數(shù)學(xué)公式表達(dá)為反合時(shí)間 T=a+b log2(n)。在人機(jī)交互中界面中選項(xiàng)越多,意味著用戶做出決定的時(shí)間越長。例如比起 2 個(gè)菜單,每個(gè)菜單有 5 項(xiàng),用戶會(huì)更快得從有 10 項(xiàng)的 1 個(gè)菜單中做出選擇。
席克定律多應(yīng)用于軟件/網(wǎng)站界面的菜單及子菜單的設(shè)計(jì)中,在移動(dòng)設(shè)備中也比較適用。
擴(kuò)展閱讀:席克法則、談?wù)凥ick定律(Readlists)
3. 神奇數(shù)字 7±2 法則
1956 年喬治米勒對短時(shí)記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人類頭腦最好的狀況能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò)。與席克定律類似,神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在移動(dòng)應(yīng)用交互設(shè)計(jì)上,如應(yīng)用的選項(xiàng)卡不會(huì)超過 5 個(gè)。
4. The Law Of Proximity 接近法則
根據(jù)格式塔(Gestalt)生理學(xué):當(dāng)對象離得太近的時(shí)候,意識會(huì)認(rèn)為它們是相干的。在交互設(shè)計(jì)中體現(xiàn)為一個(gè)提交按鈕會(huì)緊挨著一個(gè)文本框,因此當(dāng)相互靠近的功能塊是不相干的話,就說明交互設(shè)計(jì)可能是有題目的。
5. Tesler’s Law 泰思勒定律(復(fù)雜性守恒定律)
該
本文地址:http://m.likemindfilms.com/tutorial/di155.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏