除非有更好的選擇，否則就遵從標準  —— 阿蘭庫珀

費茨定律：

距離：起始位置離目標位置越遠，我們到達目標位置所花費的時間就越長，反之亦然。

目標大小：目標面積越大，我們定位到目標位置所花費的時間就越短，反之，目標越小，定位時間越長。

·生活中的費茨定律

剎車和油門踏板相距很近，剎車時的物理面積比油門的物理面積大，會最快接觸到踏板，減少事故的發(fā)生。

·界面中的費茨定律

（1）距離目標位置盡量縮短，相關(guān)操作保持親密性

例如：抖音的視頻播放界面，系統(tǒng)會判斷用戶進行觸發(fā)時手指與屏幕的接觸位置，并將操作按鈕顯示在離用戶手指最近的位置。

                                        

（2）目標尺寸大小要合適

目標點擊熱區(qū)在合適的范圍內(nèi)，越大越容易精準點擊，越小越容易誤操作。iOS交互指南中規(guī)定最小點擊熱區(qū)為44*44。

（3）拇指原則

人們在使用手機時，75%的交互操作都是由拇指驅(qū)動的，考慮到費茨定律，如果目標位置超出拇指的移動范圍，操作成本增加。

米勒定律：

是交互設(shè)計中常用的一個定律，美國心理學家對人的記憶能力進行定量研究，他發(fā)現(xiàn)人的短時記憶能力廣度為7±2個信息塊，超過這個范圍就容易出錯，在7+2與7-2之間浮動。

·生活中的米勒定律

電話號碼，銀行卡號，身份證號碼進行數(shù)字分隔，降低記憶成本，提高信息的易讀性，視覺防錯。

·界面中的米勒定律

（1）分段記憶，信息分層

文章、文本中的字號、字間距，目的就是便于讀者記憶和提高易讀性

（2）導航和選項卡不超過9個

網(wǎng)頁設(shè)計的一級導航不要超過9個，如果導航和選項卡內(nèi)容過多，可通過聚合按鈕來包容其他次要入口。（用戶使用導航就是要快速找到自己想要的內(nèi)容，如不能快速查找，用戶可能會就此流失掉）

（3）系列位置效應

首因效應：相對中間位置，我們對最前面的物體記憶清晰。

新近效應：相對中間位置，對序列末尾物體記憶更清晰。

席克定律：

是一種心理物理學定律，用戶所面臨的選擇數(shù)量越多，花費時間越長，人機交互界面選項越多，用戶決策時間越長。

·生活中的席克定律

遙控器按鈕越少，越快做出操作；如交互設(shè)計四策略：刪除、組合、隱藏、轉(zhuǎn)移。功能層級也需要細分核心功能、輔助功能、邊緣功能。而核心功能是進入產(chǎn)品第一個發(fā)現(xiàn)的功能，操作頻率高，所以它的視覺應是最突出的，可以幫助用戶增強感知和節(jié)約選擇時間。

      

·界面中的席克定律

（1）減少選項并提供默認值

選項越多，用戶決策的時間越長，減少用戶思考的時間就是減少操作時間和學習成本，讓用戶不思考就做出正確的選擇，對于小模塊來說，一般選項不超過9個，9個以上可以用交互約束用戶的行為，如展開收縮。

（2）選項分類分層，信息區(qū)分主次

在菜單欄的設(shè)計過程中，我們會進行同類分組和多級分層的設(shè)計，效率會更高。重點信息、推薦信息和普通信息要在時間上做區(qū)分，這樣才能搶占視覺并在第一時間感知到。

（3）分步完成，分布顯示

分解復雜流程，讓用戶一步步操作，而不是全部堆到用戶面前，通過分步完成一個任務(wù)流，降低其他信息給用戶帶來的干擾。例如：用戶填寫表單時，可展示選項，當填完最后一項選“其他”時，再展開剩余的表單，目的上是為了減輕大量表單，給用戶感知上帶來的壓力，達到場景細分的目的。

接近法則：

接近法則也是格式塔理論中我們最熟悉的，最常用的一種法則。觀察者看到彼此臨近的物體時，會將它們視為一體。

·生活中的接近法則

小區(qū)規(guī)劃圖中，會通過較寬的過道，綠植圍欄來劃分他們之間的關(guān)系，從而增強人們的感知。

·界面中的接近法則

界面中的接近原則是對相似的信息及功能類別進行分組、布局。作用是直接影響到用戶與產(chǎn)品的視覺交流，引導用戶的瀏覽及操作行為。

常見的在列表頁面，通過色塊區(qū)分大組與大組，分割線區(qū)分小組與小組，目的都是在視覺上通過組與組的區(qū)分來劃分功能與功能之間的關(guān)聯(lián)性。

以上這四條是我們在平常工作時都會用到的，我們再進行一個界面的設(shè)計時應該對照下以上幾條定律，在與產(chǎn)品或開發(fā)battle時也能有理有據(jù)，告訴他我們「為什么這樣設(shè)計」。寫的手有些痛，剩下的4條定律下期我再繼續(xù)補充，下期見～

作者：瞧見貓

轉(zhuǎn)載請注明：站酷

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

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

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司