1、菲茨定律

菲茨定律指出，使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間，與當(dāng)前設(shè)備位置、目標(biāo)位置的距離和目標(biāo)大小有關(guān)。

通俗理解為，手指移動(dòng)到操作目標(biāo)所需時(shí)間與兩者之間的距離和操作目標(biāo)的大小有關(guān)，距離越大時(shí)間越長(zhǎng)，目標(biāo)越大時(shí)間越短。

用一句話概括：目標(biāo)大、距離近、放在邊角最放心；越符合以上3點(diǎn)，視覺吸引力越大和可操作性越強(qiáng)。

1.1 目標(biāo)大 

被點(diǎn)擊或視覺聚焦的目標(biāo)要大。

「掃碼用車」是共享單車的最主要功能，因此在界面上要盡可能大，用戶可以輕易快速的進(jìn)行操作。

1.2 距離近

同個(gè)界面上，界面底部的標(biāo)簽欄比頂部的選項(xiàng)卡更容易操作，因?yàn)槲覀冋Ｎ粘质謾C(jī)時(shí)，大拇指離底部更近，所以將較為重要的模塊放在底部標(biāo)簽欄上，而為了解決頂部點(diǎn)擊困難的問題，選項(xiàng)卡加上左右滑動(dòng)切換的操作。

連續(xù)操作的距離盡可能接近，點(diǎn)擊「+」后的浮層和長(zhǎng)按聊天記錄彈出的浮層，都顯示在所點(diǎn)擊區(qū)域的旁邊。

1.3 放在邊角

邊角對(duì)于用戶的操作來(lái)說(shuō)是“無(wú)限可觸發(fā)”的。

微信編輯朋友圈界面，長(zhǎng)按圖片，只要將圖片拖拽到底部即可完成刪除圖片，本來(lái)「移動(dòng)」這個(gè)操作在移動(dòng)端來(lái)說(shuō)較為復(fù)雜，但利用邊角移動(dòng)反而沒有覺得麻煩，滑起來(lái)也省事。

還有處在邊角的導(dǎo)航、標(biāo)簽，想都不用想，就知道返回左上角，標(biāo)簽在底部。

1.4 結(jié)合使用

閑魚的「發(fā)布」放在標(biāo)簽欄，運(yùn)用鴕式標(biāo)簽和主色調(diào)，符合目標(biāo)大；標(biāo)簽在底部，符合放在邊角；點(diǎn)擊「發(fā)布」后彈出的浮層中的可操作按鈕也顯示在底部，符合距離近。

菲茨定律在人機(jī)交互和設(shè)計(jì)領(lǐng)域的影響最為廣泛和深遠(yuǎn)，利用好可以縮短用戶使用時(shí)間和操作路徑，提高效率，提升用戶體驗(yàn)。

2、席克定律

席克定律指出，用戶面臨選擇越多，所要消耗的時(shí)間越多。

合理運(yùn)用席克定律，減少選項(xiàng)，以此來(lái)減少用戶的反應(yīng)時(shí)間，降低錯(cuò)誤概率，提升用戶操作體驗(yàn)。

2.1 分類

當(dāng)內(nèi)容過多時(shí)，沒有更好的處理方法，可以將內(nèi)容做分類。

網(wǎng)易嚴(yán)選等商城的商品種類是有很多的，因此將商品種類細(xì)分成不同分類是必要的。

2.2 分步

OFO小黃車的登錄操作，將輸入手機(jī)號(hào)和驗(yàn)證碼分為兩個(gè)步驟，讓用戶更加專注于當(dāng)前界面的單一操作，減少用戶一次性選擇操作的時(shí)間成本。

2.3 隱藏/刪減使用頻率低的選項(xiàng)

用戶在運(yùn)動(dòng)狀態(tài)下，是無(wú)法快速做出準(zhǔn)確的操作，因此keep跑步界面中只有暫停和鎖定，暫停后才會(huì)出現(xiàn)繼續(xù)和結(jié)束，而不是全部按鈕一同顯示，既減少反應(yīng)時(shí)間又降低了誤操作。

網(wǎng)易云音樂切換到駕駛模式，播放界面只提供了播放/暫停、上一首、下一首這3個(gè)操作按鈕，而且增加了按鈕的點(diǎn)擊區(qū)域，幫助司機(jī)快速進(jìn)行操作。

3、奧卡姆剃刀原理

奧卡姆剃刀原理又稱“簡(jiǎn)單有效原理”，如字面意思，用“剃刀”剔除多余的元素，減少視覺干擾來(lái)提升操作效率。

3.1 保留必要的功能

搜索引擎的核心功能是搜索，其他功能和內(nèi)容不應(yīng)該出現(xiàn)。

以下兩者比較，夸克首頁(yè)簡(jiǎn)潔，視覺效果舒服。

3.2 減少點(diǎn)擊次數(shù)或界面跳轉(zhuǎn)次數(shù)

支付寶選擇充值金額后就能進(jìn)行支付，而京東選擇充值金額后還需再次點(diǎn)擊確認(rèn)按鈕才能進(jìn)行支付，再次確認(rèn)完全可以去掉，因?yàn)橛脩暨x擇充值金額就代表確認(rèn)，而提醒用戶使用京豆和優(yōu)惠券折扣也可以放在支付界面，更利于用戶選擇，讓用戶通過最少的步驟實(shí)現(xiàn)他的目的，縮短使用路徑，提升用戶體驗(yàn)。

4、神奇數(shù)字7±2法則

大家應(yīng)該都有背過π，我至今只能背出3.1415926共9位數(shù)，大多數(shù)人應(yīng)該也和我一樣，在9位數(shù)以內(nèi)；人的短時(shí)記憶通常是5～9個(gè)單位，即7±2，這個(gè)有趣的現(xiàn)象就是神奇的7±2效應(yīng)。

標(biāo)簽欄的標(biāo)簽不超過5個(gè)

同一排的操作按鈕不超過5個(gè)

一串?dāng)?shù)字以4個(gè)字?jǐn)?shù)為間隔，便于記憶與核對(duì)。

以上只是從一個(gè)維度上，可以理解為廣度。

當(dāng)廣度到達(dá)一定限度(7±2)，那么就要轉(zhuǎn)為深度，注意深廣度的平衡。

商城的分類就是廣度和深度的結(jié)合

5、防錯(cuò)法則

防錯(cuò)法則的核心是如何有效的在用戶出錯(cuò)之前就盡量避免錯(cuò)誤的發(fā)生。

包括七項(xiàng)應(yīng)用原理：斷根原理、保險(xiǎn)原理、自動(dòng)原理、順序原理、復(fù)制原理、層別原理、警告原理。

5.1 斷根原理

斷根原理：將造成錯(cuò)誤的原因從根本上排除；

知乎的登錄頁(yè)，登錄按鈕的默認(rèn)狀態(tài)是禁用狀態(tài)，只有手機(jī)號(hào)和密碼都輸入了內(nèi)容，登錄按鈕才會(huì)變?yōu)榭牲c(diǎn)擊狀態(tài)，最大化的避免用戶出錯(cuò)，提高產(chǎn)品的易用性。

而在表單中，按鈕一直為可點(diǎn)擊狀態(tài)，這樣用戶可以通過點(diǎn)擊按鈕來(lái)確認(rèn)哪些內(nèi)容是漏填了。

5.2 保險(xiǎn)原理

保險(xiǎn)原理：兩個(gè)以上的動(dòng)作必須共同或依序執(zhí)行才能完成工作。

登錄時(shí)，賬號(hào)和密碼同時(shí)滿足且匹配才能成功登錄。這里貓眼有一個(gè)很好的小細(xì)節(jié)，截圖時(shí)，自動(dòng)隱藏密碼項(xiàng)。

微信發(fā)朋友群，點(diǎn)擊「取消」，會(huì)彈出是否保留的對(duì)話框，因?yàn)槿∠麨椴豢赡娴牟僮?，?duì)話框讓用戶再次確認(rèn)。

5.3 自動(dòng)原理

使用支付寶對(duì)銀行卡轉(zhuǎn)賬時(shí)，輸入了卡號(hào)，自動(dòng)選擇該卡所屬銀行，不但能幫助用戶快速完成選擇，而且能避免用戶選錯(cuò)銀行，從而最大化的避免用戶匯錯(cuò)款或匯款失敗。

5.4 順序原理

按照業(yè)務(wù)流程的順序執(zhí)行下去，從而減少或避免錯(cuò)誤的發(fā)生。

5.5 復(fù)制原理

電商類App的收貨地址都會(huì)自動(dòng)保存下來(lái)，供用戶下次直接復(fù)用。

5.6 層別原理

通常會(huì)將“刪除”等具有不可恢復(fù)的功能做特別的標(biāo)識(shí)，微博的「退出當(dāng)前帳號(hào)」用紅色區(qū)分，起到警示的效果。

5.7 警告原理

異?，F(xiàn)象發(fā)生時(shí)，系統(tǒng)以聲音、顏色、震動(dòng)、動(dòng)效等方式反饋“警告”的信號(hào)，微博建議字?jǐn)?shù)為140以內(nèi)，當(dāng)超過140字，顏色變?yōu)槌壬?/p>

6、接近法則

接近法則也是《App設(shè)計(jì)體系之格式塔原理》，這里便不重復(fù)說(shuō)明。

7、泰思勒定律

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

通常一個(gè)界面分為幾個(gè)模塊，每個(gè)模塊顯示部分內(nèi)容，使用“查看更多”、“查看全部”、“查看詳情”等文字作為入口，將更多的內(nèi)容從當(dāng)前界面轉(zhuǎn)移到另一個(gè)界面。

淘寶和天貓根據(jù)用戶最近的瀏覽歷史記錄來(lái)推送商品，首頁(yè)是千人千面，原本需要用戶主動(dòng)搜索，現(xiàn)在被動(dòng)接收，通過技術(shù)手段來(lái)降低用戶查找的復(fù)雜度。

強(qiáng)烈推薦書籍《簡(jiǎn)約至上：交互式設(shè)計(jì)四策略》