交互設(shè)計定律

除非有更好的選擇,否則就遵從標準

雞蛋哪里跑

距離侨核?雞蛋的大胁菽隆?手速搓译?

一续挟、菲茨定律 | 距離與大小

菲茨定律 | 距離與大小


菲茲定律由保羅.菲茨在1954年首先提出。菲茨定律在人機交互(HCI)和設(shè)計領(lǐng)域的影響廣泛而深遠侥衬。T代表完成移動所需的平均時間诗祸,a代表光標開始/停止時間,b代表光標的移動速度轴总,D代表從起點到目標中心的距離直颅,W代表目標的寬度。簡而言之怀樟,大而近的目標區(qū)域意味著用戶不需要做太精細的調(diào)整就可以輕易的到達目標功偿。

舉個栗子 | 好理解

1.滾屏吸頂:減少目標距離,增加操作效率往堡。吸頂效果械荷,不管你向下滾屏了多遠,按鈕永遠保留在頂部虑灰,隨時觸發(fā)保存動作

栗子1

2.增大目標大小以縮短定位時間(邊緣無限大)

兩大主流OS中又有非常好的案例:Mac OS X默認將底欄(Dock)放到了屏幕的最下方吨瞎;這樣的話底欄就變得“無限可選中”,因為用戶不能將光標移到底欄下方所以在向底欄方向做出大幅度移動后光標始終是落在底欄上的穆咐。

在Windows中颤诀,開始菜單在屏幕的左下角,這個角落是“無限可選中”的对湃,因為不管用戶朝左下角方向做多大幅度的擺動崖叫,光標總是會停在開始菜單按鈕的上方。(另一個案例:QQ右上角吸附隱藏拍柒,光標移動到右上角彈出)

栗子2

3.鼠標右擊菜單設(shè)計/長按應(yīng)用出現(xiàn)菜單:縮短當前位置到目標區(qū)域的距離

右鍵菜單技術(shù)(或上下文菜單)是采取這種思路的一個很好的例子心傀。為了彈出這種菜單,用戶只要將鼠標指針移動到需要對其進行操作的某個對象所占據(jù)的區(qū)域中并單擊右鍵即可拆讯。而在一般情況下脂男,這個移動的距離要遠小于將鼠標指針移動到應(yīng)用程序主窗口頂部的下拉菜單區(qū)域养叛。

栗子3

菲茨定律啟示 | 做設(shè)計

1、按鈕或點擊熱區(qū)加大一些疆液,點擊更容易一些

2一铅、讓相關(guān)內(nèi)容更靠近彼此,這樣做不僅可以在視覺上增強用戶對它們相關(guān)性的認識堕油,還可以減少光標在他們之間移動所需的距離和時間

3潘飘、屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素,因為邊角是巨大的目標掉缺,你不可能用鼠標超越它們卜录。

二、峡裘鳎客定律 | 專注

一個人面臨的選擇(n)越多艰毒,所需要作出決定的時間(T)就越長。用數(shù)學公式表達為反應(yīng)時間 T=a+b log2(n)搜囱。在人機交互中界面中選項越多丑瞧,意味著用戶做出決定的時間越長。


鲜裰猓克定律 | 專注

习硇冢克定律又名希克-海曼定律扮宠,以英美心理學家威廉·埃德蒙·衔鞴裕克和雷·海曼的名字命名。

咸吃觯克定律表示做決定所花費的時間获雕,與選項數(shù)目多少息息相關(guān)。這個法則可以用來測量人們面對多重選擇收捣,需要多少時間才能做出決定届案。

希克定律方程式:T=a+b log2(n)

T=反應(yīng)時間坏晦,a=總的認知時間萝玷,b=對選項認知的處理時間(實證衍生出的常數(shù),對人來說約是0.155秒)昆婿,n=選項的數(shù)量。從方程式可以看出蜓斧,用戶面對的選項(n)越多時仓蛆,所需要的反應(yīng)時間(T)就越長。

舉個栗子 | 好理解

1.彈窗應(yīng)用:操作項的多少影響用戶的做決定時間

栗子1

2.keep界面:「開始跑步」作為最重要的按鈕挎春,面積最大看疙,顏色為鮮艷的品牌綠豆拨,按鈕所處位置最容易操作(費茨定律可以解釋)。在跑步的運動場景下能庆,很容易受到燈光施禾、路況等的影響,『暫透榈ǎ』與『結(jié)束』分為兩步設(shè)計弥搞,有效避免誤操作。減少用戶做決定的時間渠旁。

栗子2

吓世克定律啟示 | 做設(shè)計

當選項增加,做決定的時間也增加

三顾腊、特斯勒定律 | 復雜性轉(zhuǎn)移

特斯勒定律 | 復雜性轉(zhuǎn)移

展開和收起:將復雜的信息收起來粤铭,展示重要且清爽的界面

栗子2

特斯類定律啟示 | 做設(shè)計


四、接近法則 | 相關(guān)性

這個是格式塔(Gestalt)心理學中其中的一個法則杂靶。講的是梆惯,當對象離得很近的時候,人們會傾向于認為他們是相關(guān)的吗垮。

在信息布局上垛吗,應(yīng)將相關(guān)的信息放在一起


接近法則 | 相關(guān)性

五、新鄉(xiāng)重夫:防錯原則 | 容錯

這里跟可用性中的“避免用戶犯錯”的指標是一致的抱既。在設(shè)計中职烧,要注意從用戶出發(fā),預測到他們有可能發(fā)生錯誤操作的步驟防泵,能免則免蚀之,不能避免,則要及時向用戶反饋捷泞,讓用戶及時從當前的錯誤操作中恢復正確地操作足删。

新鄉(xiāng)重夫:防錯原則/容錯

六、奧卡姆剃刀原理 | 做減法

這個原理稱為“如無必要锁右,勿增實體”失受,即“簡單有效原理”。這個原則強調(diào)的是咏瑟,在相同的條件下拂到,如果有兩個功能相等的設(shè)計,首選方案簡單的那個码泞。

有利于更好地傳達內(nèi)容兄旬、更好的用戶體驗、打開速度更快


奧卡姆剃刀原理 | 做減法

七余寥、神奇數(shù)字7±2 法則 | 記憶性

這個應(yīng)該很多人都大概知道领铐。就是說人的短暫認知悯森,在7±2個信息塊的時候有最佳的狀態(tài)。

1956年美國科學家米勒對人類短時記憶能力進行了研究绪撵,他注意到一般人的記憶廣度大約為5到9個單位之間嚣崭,就是7±2法則淫奔。

神奇數(shù)字7±2 法則 | 記憶性

啟示:PC端的導航或選項卡數(shù)量應(yīng)該控制在七個左右羞福,移動端底部標簽通常情況下最多也是5個答渔。


一共7個法則,你記住了嗎

-end-

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末改艇,一起剝皮案震驚了整個濱河市收班,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谒兄,老刑警劉巖摔桦,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異承疲,居然都是意外死亡邻耕,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門燕鸽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來兄世,“玉大人,你說我怎么就攤上這事啊研∮玻” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵党远,是天一觀的道長削解。 經(jīng)常有香客問我,道長沟娱,這世上最難降的妖魔是什么氛驮? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮济似,結(jié)果婚禮上矫废,老公的妹妹穿的比我還像新娘。我一直安慰自己砰蠢,他們只是感情好蓖扑,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著台舱,像睡著了一般赵誓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上柿赊,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天俩功,我揣著相機與錄音,去河邊找鬼碰声。 笑死诡蜓,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的胰挑。 我是一名探鬼主播蔓罚,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼瞻颂!你這毒婦竟也來了豺谈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤贡这,失蹤者是張志新(化名)和其女友劉穎茬末,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體盖矫,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡丽惭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了辈双。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片责掏。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖湃望,靈堂內(nèi)的尸體忽然破棺而出换衬,到底是詐尸還是另有隱情,我是刑警寧澤证芭,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布瞳浦,位于F島的核電站,受9級特大地震影響檩帐,放射性物質(zhì)發(fā)生泄漏术幔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一湃密、第九天 我趴在偏房一處隱蔽的房頂上張望诅挑。 院中可真熱鬧,春花似錦泛源、人聲如沸拔妥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽没龙。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間硬纤,已是汗流浹背解滓。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留筝家,地道東北人洼裤。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像溪王,于是被迫代替她去往敵國和親腮鞍。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355