產(chǎn)品的制作是有一定依據(jù)的。下面這篇文章是筆者整理分享關(guān)于G端產(chǎn)品經(jīng)常用的那些交互設(shè)計(jì)定律？大家一起來看看，多多認(rèn)識(shí)相關(guān)知識(shí)。

一個(gè)好的產(chǎn)品，它一定是美觀、易用的，它不只是滿足用戶的基本需求，而且在一些操作使用上面，也會(huì)讓用戶“上癮”。

因此產(chǎn)品經(jīng)理在日常設(shè)計(jì)產(chǎn)品過程中，不是按照自己的主觀想法隨意的去設(shè)計(jì)產(chǎn)品，而是有些可參考的定律，這些定律有助于產(chǎn)品經(jīng)理設(shè)計(jì)出更好的產(chǎn)品。

那今天我們就來聊聊。

一、費(fèi)茨定律

一個(gè)人站在街上，他指向面前的大樓很容易，因?yàn)闃呛艽?，他能快速指向目?biāo)，但如果讓他指向大樓某一層的某個(gè)窗戶，就沒有那么容易了。

若他離大樓的距離很遠(yuǎn)，那會(huì)變得更加困難，由此看來，目標(biāo)大小和目標(biāo)距離會(huì)影響行為的用時(shí)。

費(fèi)茨定律是指從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)的時(shí)間由兩個(gè)因素來決定，即到目標(biāo)的距離（D）和目標(biāo)的大?。⊿）。

下面我們通過滴滴車主搶單功能的設(shè)計(jì)來講解費(fèi)茨定律的具體應(yīng)用，滴滴打車司機(jī)端搶單功能的按鈕設(shè)計(jì)得很大，這種設(shè)計(jì)是基于對(duì)司機(jī)使用手機(jī)場(chǎng)景的考慮。

因?yàn)樗緳C(jī)的手機(jī)通常被掛在車上，這樣就會(huì)由于距離手機(jī)較遠(yuǎn)使操作變得不方便，再加上搶單的功能具有即時(shí)性，所以根據(jù)費(fèi)茨定律把搶單按鈕設(shè)計(jì)得較大，這樣既能保證司機(jī)快速、精準(zhǔn)地點(diǎn)擊到搶單按鈕，同時(shí)也能提高他們?cè)陂_車場(chǎng)景中操作手機(jī)的安全性。

還有在G端產(chǎn)品彈窗界面設(shè)計(jì)中，確定和取消按鈕都會(huì)放在右下角，使得用戶更容易點(diǎn)擊。確定按鈕更高頻故放在最右邊，視覺表現(xiàn)更明顯，使其更容易一眼點(diǎn)擊。

此外，兩個(gè)按鈕之間的距離也很重要，因?yàn)樗鼤?huì)影響到用戶的點(diǎn)擊時(shí)間，為了讓用戶更容易進(jìn)行選擇，按鈕間保持12px距離，避免用戶誤觸。

二、席克定律

席克定律是指當(dāng)人面對(duì)的選擇越多時(shí)，做出決策所需要的時(shí)間也就越長。

在產(chǎn)品的交互設(shè)計(jì)中，選項(xiàng)越多則意味著用戶做出決定的時(shí)間越長，因此在執(zhí)行任務(wù)頁面中，在視覺上盡可能不要給用戶呈現(xiàn)過多的選擇，選擇越少操作的體驗(yàn)性也就越好。

在今日頭條手機(jī)驗(yàn)證登錄的頁面中，一個(gè)頁面只有一個(gè)任務(wù)，這樣就能夠做到視覺聚焦，減少選擇，以便用戶快速完成登錄。

三、泰斯勒定律

泰斯勒定律又被稱為復(fù)雜性守恒定律，該定律認(rèn)為每一個(gè)過程都有其固有的復(fù)雜性，都存在一個(gè)臨界點(diǎn)，當(dāng)超過臨界點(diǎn)時(shí)過程就不能再簡(jiǎn)化了，只能將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到另一個(gè)地方。

在產(chǎn)品開發(fā)的工作中，常常會(huì)有這樣的矛盾：如果把一個(gè)功能做得更完善，那么用戶體驗(yàn)肯定會(huì)更好，但會(huì)增加技術(shù)的開發(fā)成本，那么在現(xiàn)階段傾向于哪個(gè)選擇對(duì)產(chǎn)品開發(fā)更有利呢？這樣的矛盾本質(zhì)上就是在討論復(fù)雜性守恒定律，而臨界點(diǎn)就是最終要找的平衡點(diǎn)解決方案。

“千人千面”的產(chǎn)品要有一種智能推薦機(jī)制，即產(chǎn)品會(huì)根據(jù)用戶的行為喜好推薦不同的內(nèi)容，這樣的內(nèi)容會(huì)更吸引用戶。

例如，今日頭條等內(nèi)容類產(chǎn)品、淘寶網(wǎng)等電商類產(chǎn)品都是“千人千面”機(jī)制。推薦機(jī)制需要很強(qiáng)的算法技術(shù)和更高的服務(wù)器成本，而這種通過技術(shù)手段在復(fù)雜性守恒的情況下，為了保證用戶體驗(yàn)將用戶的體驗(yàn)復(fù)雜度轉(zhuǎn)移給開發(fā)者，增加了開發(fā)復(fù)雜度的復(fù)雜性轉(zhuǎn)移就是泰斯勒定律。

四、米勒定律

米勒定律也稱為7±2法則，是指在短時(shí)間內(nèi)，一般人記憶信息的容量為7加減2，在交互設(shè)計(jì)中常基于這一定律來設(shè)計(jì)界面的信息呈現(xiàn)，以確保用戶不會(huì)有信息負(fù)擔(dān)，從而提高信息的易讀性，保證用戶使用產(chǎn)品的體驗(yàn)。

1. 7±2法則為什么是“7”

將一把糖果撒在地上，如果超過7塊，一般人就很難一下子看出糖果的數(shù)量。為了驗(yàn)證這一定律，心理學(xué)家用各種不同的材料進(jìn)行了類似的實(shí)驗(yàn)，結(jié)果都約是“7”。由此可以看出，“7”是人類短時(shí)記憶的容量天花板。

2. 交互設(shè)計(jì)如何有效運(yùn)用7±2法則

下面用子彈圖來說明7±2法則，從第5條信息開始，已經(jīng)有一小部分人開始有信息負(fù)擔(dān)了，第7條信息是大多數(shù)人的容量，只有一小部分人可以到第9條。在產(chǎn)品設(shè)計(jì)的原則中，因?yàn)橥ǔ６际菫榇蠖鄶?shù)人設(shè)計(jì)的，所以理論上7條以內(nèi)最佳，超過7條會(huì)損失大多數(shù)人的體驗(yàn)。

要想真正理解法則，產(chǎn)品經(jīng)理就要善于與產(chǎn)品設(shè)計(jì)本身的特征結(jié)合。

如站酷網(wǎng)的頂部選項(xiàng)卡設(shè)計(jì)，其中第8個(gè)選擇就是用一個(gè)聚合按鈕來查看更多選項(xiàng)，這就是使用了7±2法則，并且區(qū)別了功能優(yōu)先級(jí)，有效保證了用戶使用產(chǎn)品的體驗(yàn)。

我們?nèi)粘Ｉ钪械碾娫捥?hào)碼、銀行卡號(hào)、身份證號(hào)進(jìn)行數(shù)字分割，就是利用米勒定律，降低記憶成本，提高信息的易讀性，視覺防錯(cuò)。

五、格式塔定律

格式塔原理是心理學(xué)的一個(gè)概念，也廣泛應(yīng)用于設(shè)計(jì)領(lǐng)域中。該原理認(rèn)為人類大腦在處理感知信息時(shí)，會(huì)自動(dòng)將信息組織成具有整體性、完整性和結(jié)構(gòu)性的形態(tài)，即所謂的“格式塔”。

在設(shè)計(jì)中，格式塔原理有幾個(gè)常見應(yīng)用：

1. 相似性原則：相似的事物更容易被視為一組，與不同的事物分離。因此，設(shè)計(jì)師可以使用相似的顏色、形狀、大小等元素來將相關(guān)的信息組織在一起，提高信息的可讀性和易用性。
2. 接近性原則：接近的事物更容易被視為一組，與遠(yuǎn)離的事物分離。因此，設(shè)計(jì)師可以使用空間布局來將相關(guān)的信息組織在一起，提高信息的可讀性和易用性。
3. 對(duì)稱性原則：人類大腦喜歡對(duì)稱和平衡的形態(tài)。因此，設(shè)計(jì)師可以使用對(duì)稱的布局來吸引用戶的注意力，提高視覺吸引力和美感。
4. 閉合性原則：人類大腦傾向于將不完整的形狀視為完整的形狀。因此，設(shè)計(jì)師可以使用封閉的形狀來強(qiáng)調(diào)信息，使用戶更容易理解和記憶。

相似性原則的應(yīng)用比如在G端的卡片設(shè)計(jì)中，所有的卡片樣式相似在人腦理解中默認(rèn)會(huì)視為相同的一組數(shù)據(jù)。

對(duì)稱性原則常用在大屏與報(bào)表設(shè)計(jì)中，通過對(duì)稱性布局提高視覺美感，吸引用戶注意力。

閉合性原則常用于連續(xù)性表格或圖形等設(shè)計(jì)中，通過不連續(xù)性來讓用戶大腦形成封閉路徑強(qiáng)調(diào)后續(xù)可讀信息。

比如在下面的表格中通過形狀的不連續(xù)性反而讓用戶大腦更快感知到還有信息可以滾動(dòng)查看。

六、雅各布定律

雅各布定律(Jacob’sLaw)是一條常被引用的交互設(shè)計(jì)法則，它由美國心理學(xué)家Donald Norman提出。該定律指出，人們?cè)谑褂萌魏涡孪到y(tǒng)時(shí)，都會(huì)將他們以前所經(jīng)驗(yàn)過的類似系統(tǒng)的知識(shí)應(yīng)用于新系統(tǒng)。

雅各布定律的核心思想是，在設(shè)計(jì)新系統(tǒng)時(shí)，應(yīng)該考慮到用戶的現(xiàn)有經(jīng)驗(yàn)和期望，并盡量避免創(chuàng)造完全不同的界面模式。這樣可以使用戶更容易理解和掌握新系統(tǒng)，并減少學(xué)習(xí)成本。

以下就是之前產(chǎn)品經(jīng)理設(shè)計(jì)的一個(gè)平臺(tái)，日常用戶刷新的篩選過濾，被設(shè)計(jì)到了右上角一個(gè)按鈕當(dāng)中，有點(diǎn)反人類，極大的增加了用戶的學(xué)習(xí)成本，并且不利用用戶的快捷操作。

所以產(chǎn)品經(jīng)理在平臺(tái)功能設(shè)計(jì)時(shí)，那些用戶已經(jīng)熟悉的那些操作無須在此創(chuàng)新，并且前端都有現(xiàn)成的頁面組件，把精力用在需求的收集和準(zhǔn)確的理解，盡量讓用戶操作更加便捷。

七、防錯(cuò)定律

防錯(cuò)原則(Principle of Fail–Safe or Fault-Tolerance)是一種設(shè)計(jì)思想，其目的是減少或避免因錯(cuò)誤或故障而導(dǎo)致的不良后果。它通常被用于設(shè)計(jì)高度可靠的系統(tǒng)或設(shè)備，以確保在錯(cuò)誤事故發(fā)生時(shí)，系統(tǒng)或設(shè)備仍然能夠繼續(xù)正常運(yùn)行，或者能夠平穩(wěn)地停止運(yùn)行，以避免進(jìn)一步的損害或危險(xiǎn)。

在界面設(shè)計(jì)中如設(shè)計(jì)可撤銷操作，通過系統(tǒng)中允許用戶執(zhí)行可撤銷操作，以避免因誤操作而導(dǎo)致的不良后果。

或在界面設(shè)計(jì)中常用到的反饋和提醒彈窗等操作，以幫助用戶及時(shí)發(fā)現(xiàn)錯(cuò)誤或故障，并采取適當(dāng)?shù)拇胧?/p>

八、奧卡姆剃刀定律

早在14世紀(jì)，哲學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆的威廉提出來了奧卡姆剃刀原理，這個(gè)原理說的是“切勿浪費(fèi)較多東西去做較少的東西同樣可以做好的事情”，后來以一種更為廣泛的形式被人們知曉“如無必要，勿增實(shí)體”。

奧卡姆剃刀常用于兩種假說的取舍上：如果對(duì)于同一現(xiàn)象有兩種不同的假說，我們應(yīng)該采取比較簡(jiǎn)單的那一種。對(duì)于幾個(gè)功能相同的設(shè)計(jì)，在設(shè)計(jì)都可用的情況下，則選擇視覺干擾較少的設(shè)計(jì)。

在設(shè)計(jì)上則能夠指導(dǎo)我們對(duì)產(chǎn)品做減法，去減少不必要的元素，在進(jìn)行設(shè)計(jì)的時(shí)候，先分析用戶的的主流程是什么，流程內(nèi)的引導(dǎo)盡量弱化，沒有必要?jiǎng)t不增加。

比如在G端產(chǎn)品設(shè)計(jì)中的登錄頁面以登錄流程為核心，不需要增加其它沒必要的流程。