菲茲定律在交互設計中的應用是很普遍和廣泛的，有時候在我們設計界面之時，不知不覺就應用了菲茲定律，但是我們卻未察覺。

關于菲茲定律的具體內容，可以說是大家耳熟能詳，甚至在學生時代就有所了解：從一個起始位置移動到最終目標點所需的時間由兩個參數(shù)來決定，到目標的距離（D）和目標的大?。╓），可以用數(shù)學公式表達為：

在當今互聯(lián)網(wǎng)背景下簡單來解釋說，就是大而近的目標區(qū)域意味著用戶用需要耗費太大的精力即可輕易點擊或者關注到目標，反之，小而遠的目標區(qū)域則意味著用戶將耗費一些時間和動作才能觸及到目標。在一般情況下，讓用戶耗費時間和動作的操作，會使人產(chǎn)生負面的用戶體驗。

以上說的，其實是對菲茲定律表象的解釋，每個人在網(wǎng)上也會搜到很多類似的解 釋。當你搜索時會發(fā)現(xiàn)，關于對菲茲定律的應用，網(wǎng)上絕大多數(shù)的資料都是在以PC端界面作為定律的解釋，但移動界面卻少之又少，這里面的一部分原因是菲茲定律提出的時間，一部分也是因為在移動端的設計中，菲茲定律會變得很零散和瑣碎，很難真正用幾句話來總結。

 

我在這一部分分了幾種情況，分別進行討論，其一呢，就是fab button。在現(xiàn)有的fab button中，大家會發(fā)現(xiàn)，雖然按照正常iOS的設計規(guī)范，一般按鈕的大小都會被設計為88px，但是在設計fab button時，我們一般都會選擇大一些的尺寸，例如100px、110px、120px。

其二就是頁面內功能按鈕的大小，我們在做界面設計的時候，都知道做到統(tǒng)一性，但很少去深入地想，界面統(tǒng)一的背后是在像用戶傳達一個什么意思。

舉個例子，這是【洋蔥數(shù)學】和【360家庭防火墻】的登錄界面，市面上的登錄界面大多大同小異，基本組成就是賬號+密碼+按鈕（或手機號+按鈕等）的組合。

那我們來思考一個問題：為什么在手機號只有11位已經(jīng)確定的情況下，輸入框和【下一步】按鈕還要做這么長，接近通欄的一個樣式。

我試著來找到這個問題的答案，第一個，是對于品牌設計規(guī)范的執(zhí)行，對邊距是有一定要求的，也就是我們常說的保持頁面元素的統(tǒng)一性；第二個，即是對菲茲定律的應用，在這個頁面中，最核心的兩個功能【輸入】和【下一步】給予他們一個足夠的大小，會讓用戶的注意力更加集中。

 

這也和設計原則中的親密性相一致。依舊可以用我們常見的信息輸入界面來加以印證。這兩個界面是我隨手做的，對比一下即可看出優(yōu)劣。

在相關性比較強的功能中，拉近彼此具體，既能夠給信息一個清晰的層級，更能夠減少用戶的操作成本。

 

在研究交互界面的時候，我們總聽到一個說法，“界面的邊界是無限的”，它當然不是在說界面是無限大的，對于一塊屏幕來說，在進行操作的時候，無論是PC的鼠標光標，還是移動屏幕的手指，在操作到界面邊緣時，因為無法延伸，所以最精準。

 

這也是我們看絕大多數(shù)fab button彈出的菜單是在界面邊緣，而不是在界面中央的原因。

除此之外，還有在很多安卓手機中，卸載app時會讓用戶把要卸載的app拖拽到屏幕上邊緣的區(qū)域進行卸載，這樣相比給一個【X】按鈕，會更加精準，而且拖拽的操作也會給用戶更多思考的空間和時間，減少誤操作的概率。

在進行刪除等負向操作時，很多app會把確認刪除等操作做得離你的上一步操作區(qū)域更遠，或者讓確認按鈕更加不明顯，這是在幫助用戶，或者說希望用戶在做負向操作時，有更多的思考空間和時間，規(guī)避誤操作的影響。

 

 

 

復雜性守恒定律是拉里·泰斯勒在1984年提出，泰斯勒先生因為最早在電腦中應用剪切、復制、粘貼的概念，也被稱為“復制粘貼之父”，在2020年2月17日辭世。

復雜性守恒定律的內容：“每個事物都具有其固有的復雜性，無法簡化。”

 

關于復雜性守恒定律的定義，無論復雜的還是簡單的，在網(wǎng)上我們可以搜到很多，這里就不過多闡述，大致內容都相差無幾。

 

在移動互聯(lián)網(wǎng)時代，復雜性守恒定律的內容也可相應的引申為：“每個應用都有其內在的、無法簡化的復雜性。”

所謂“復雜性”，即是這個應用或流程中的核心部分。例如：電商app的瀏覽、下單、付款；登錄的輸入賬號密碼（或驗證碼）等，這個流程是無法再繼續(xù)簡化下去的，如果簡化，將失去應用或流程的核心意義。

在遭遇所謂的復雜性功能或流程時，或者說我們在設計產(chǎn)品功能和使用路徑時，應考慮的是，在保證其核心意義的基礎上，把“復雜性降到最低”。

不要過度簡化。

 

那么復雜性守恒定律在APP設計中又是如何應用的呢？

 

引入第三方賬號登錄，減少注冊賬號的復雜步驟

注冊登錄的流程和步驟發(fā)展至今，已經(jīng)非常簡化了，基本都是輸入手機號、密碼或驗證碼來進行登錄注冊，這一流程基本處在不可再簡化的階段，那么合理地引入第三方賬號登錄或注冊，將大大減少在這一流程上所要耗費的步驟和時間。

 

記憶上次登錄方式，減少登錄步驟

記憶上次登錄方式這種功能，在移動應用中還是不常見的，多用在某平臺旗下軟件之中，比如騰訊旗下的各種軟件，很多都有記憶登錄方式來方便用戶登錄軟件。

搜索時輸入字符后同步聯(lián)想搜索結果

這條很好理解，在進行搜索操作時，同步進行關鍵字或詞的聯(lián)想，將大概率節(jié)省用戶輸入動作和搜索時間，提升用戶體驗。

高頻次輸入行為給予快捷選項

這種方式多用在陌生人社交app中，尤其是招聘app。在交流意向不明顯的時候，快捷回復的使用頻次相當高（我簡直是快捷回復達人~）

信息和功能歸類展示

在國產(chǎn)app中，很多功能都會放在個人中心的頁面中，一個頁面當中甚至有十幾、二十幾個功能，在業(yè)務和功能的必要性影響下，它們不能由設計者的意志進行刪除或隱藏，那么將層級相同的信息分別歸類展示，將在一定程度上提升用戶體驗。

頁面排不開的功能信息進行收納隱藏

在三四年前的移動互聯(lián)網(wǎng)時期，漢堡包菜單一度很流行，它可以將那些重要但是使用頻次又相對較低的功能收納起來。這種方式現(xiàn)在很多app仍在采用。除此之外，微信的添加好友、掃一掃、建群聊等功能，也都收納在右上角的（+）按鈕中。

但是如今有很多對漢堡包菜單的討伐聲，所以在使用漢堡包菜單時，我們需要思考地更多。關于漢堡包菜單的討論，有興趣的可以私聊我~

 

對于不同業(yè)務，很多公司在進行app設計時，為了更好地服務用戶，也為了給app減重，采取的方式是進行拆分，比如滴滴、一起作業(yè)等等。

1.合理縮短用戶使用路徑

2.將復雜信息進行歸類整理

3.將復雜信息進行收納隱藏

4.對功能進行拆分

 

除此之外還需注意，在為流程和功能做減法時，時刻注意不可過度簡化。

 

 

 

簡單來說，席克定律所說的就是：你所面對的選擇越多，做選擇的時間就越長。引申到移動產(chǎn)品之中，核心即是，在視覺和交互層面上做出的設計，要引導或者幫助用戶更容易做出選擇。

 

這里其實簡單來說，可以分為兩種情況。第一，用戶應該會做出什么選擇；第二，我們希望用戶做出什么選擇。

 

我們分別來說，第一點，用戶應該會做出什么選擇。

一般來說，最理想的狀態(tài)時，從用戶開始操作到結束操作，能夠走完一段完整的路徑。這其實既是產(chǎn)品設計者的期望，同時也是用戶所希望的。舉個例子，閑魚的購買流程中，用明顯的顏色定義了下一步操作的按鈕，明顯的層級關系，幫助了用戶一步一步做出購買選擇，當然這是理想狀態(tài)，在閑魚這樣的電商APP中，打斷用戶路徑的因素多為商品因素。

作為設計者，在這個路徑上的作用，就是幫助用戶來完成用戶希望完成步驟，讓盡可能地讓其他干擾元素都為主要流程讓步。所以閑魚選擇將想要-購買-下單這一流程中的按鈕設計得很突出。

除此之外，在無法避免選擇時，為用戶提供默認選擇項，或清晰地選擇項分類，也會為用戶減少選擇時間。

例如：飛豬等旅行類APP，在選擇地點時，會提供當前城市的默認選項，很大概率減少用戶在該選項上花費的時間，另外在選擇地點時，會根據(jù)熱門程度，提供熱門城市的分類，同樣很可能幫助到用戶快速選擇到自己想要的信息。

 

還有一點，可能是我們在平時會忽略的小細節(jié)，就是，設計要遵循用戶習慣。當涉及到表單時，單選和多選的傳統(tǒng)樣式已經(jīng)十分深入人心，用戶不需要過多地思考即可識別出什么是單選，什么是多選，所以在這種情況下，就不要做多余的設計，遵循習慣即可。

 

 

第二點，我們希望用戶做出什么選擇。

這其實不難理解，在業(yè)務的包裹下，我們并不是在所有方面都要滿足用戶的需要，當用戶想要做的選擇與我們希望的方向背道而馳，那么我們就需要在他做選擇時，給出一點干擾，讓這個負向的選擇不那么容易進行。拿APP獲取權限舉例，我們希望APP能夠獲得用戶手機的更多權限，例如位置、通訊錄、消息推送等等，但是一般情況下，用戶的第一反應一定是對自己信息的保護，多半會第一時間拒絕這樣的請求，所以我們一般會把“同意”按鈕設計地十分明顯并且容易點擊，把“不同意”設計地小而弱。

 

1.對用戶行為進行預測，并把對應操作的權重提高，例如使用突出的顏色、樣式、大小等

2.對選項或信息進行分類，并盡可能提供默認選項

3.弱化負向選項，對用戶選擇做出干擾

 

 

 

米勒定律是我們作為設計嘗嘗聽到和用到的一個定律，即7±2法則。

心理學家喬治·米勒發(fā)現(xiàn)了人在短時記憶時，一旦信息超出了7±2這個范圍，就會容易出現(xiàn)錯誤。

在交互設計當中，這個法則會更多地應用在信息分層和排序、功能排列等，這里應用的原則一般是，在組織信息或功能時不要超過9個，最理想的是控制在5個之內。

將同類的信息提取并重新劃分，這樣就會更加容易記憶，上圖我將一些散亂的信息按照衣、食、住、行進行重新歸類，信息就變得清晰起來了。

在APP中，米勒定律的應用是極其廣泛的，在一個界面中，幾乎每一處都遵循著這一定律。

 

在數(shù)字類的展示時，我們一般會將例如手機號、銀行卡號、金額等進行分段，方便識別、確認和記憶。

 

一般APP的tab bar圖標都不會超過5個，而在進行收納菜單設計時，也最好將菜單內功能數(shù)量控制在5個以內。

 

很多時候我們可能無法再進行數(shù)量的減少，那么可以選擇將同類型的信息進行歸類，再分別展示，也能夠在一定程度上提升用戶體驗。

 

1.數(shù)字分段展示

2.菜單數(shù)量控制

3.信息分類劃分再展示

 

 

 

鄰近性原則在定義上與親密性原則很類似，在界面中彼此靠近的元素通常會被視為一組。相對應的，彼此疏遠的元素會被視為兩類不同信息。

 

這一點和米勒定律其實有一定重復性，在功能數(shù)量很多時，進行分類展示，有助于提升用戶體驗。

 

在信息比較大、文字比較多的頁面中，將同類信息和不同信息利用間距的控制區(qū)分開，可以有效地使頁面層級更清晰，幫助用戶更好地瀏覽信息。

 

1.同類功能歸為一組

2.不同類信息控制間距

 

 

 

和絕大多數(shù)交互設計原則一樣，防錯原則最初也并不是為了交互設計而產(chǎn)生的，但是，發(fā)展至今，防錯原則確實交互設計中十分重要的一個原則。

 

防錯原則的含義是：大部分的意外都是由設計的疏忽,而不是人為操作疏忽。通過改變設計可以把過失降到最低。

 

在移動互聯(lián)網(wǎng)鼎盛的今天，防錯原則已經(jīng)被應用得相當廣泛和熟練，我們可以把犯錯原則簡單理解為：在設計一個功能或流程時，我們要通過一些反饋來讓用戶知道，他的哪些操作時可以繼續(xù)進行的，哪些操作時錯誤的無法繼續(xù)的?？此朴悬c復雜，但其實通過案例我們可以瞬間理解它是如何來應用的。

 

操作之前的防錯提醒

很多時候我們會因為一些原因，對產(chǎn)品中的某些功能進行限制，或者當用戶進行某些不可逆的負向操作時，對用戶進行容易感知的提醒。比如在社交軟件中，個人簡介或文字發(fā)布的字數(shù)限制，需要有限制提示等。

 

對用戶的操作進行實時的反饋，能讓用戶及時觀測到自己的操作是否在APP允許的規(guī)則內。

 

對于已經(jīng)發(fā)生的結果，有些APP會給予用戶“反悔”的機會，使用戶在操作后可以挽回上次的錯誤。

 

 

比起其他的交互設計定律，奧卡姆剃刀原理更像是一個思考方式，而不像一個實操性很強的設計方法。所以這一條，如果給大家舉例子，可能會舉很多例子，我們手機里的APP，很多都應用著這一原理。

當我們在設計界面之時，在保證核心信息展示完全的情況下，盡量不去設計很多其他東西來干擾用戶，比如我們很少見到登錄注冊界面還放著運營廣告，很少見到瀑布流界面還摻雜著十字交互等等。這些都是奧卡姆剃刀原理的應用。

如果想舉例子，那可以舉出一萬種。

 

我的理解：在面對一種問題時，優(yōu)先選擇優(yōu)化用戶使用路徑、優(yōu)化交互方式，而不是選擇增加新的功能。

 

它可以簡單地被理解為：“如無必要、勿增實體”。

 

 

我把奧卡姆剃刀原理放在最后一條來說，其實想表達的是，在交互設計當中，很多定律、原則是很宏觀而且被廣泛使用的，它們比起實用的方法，更像是提供給設計師一個思考模型，讓我們按照某個思路來做設計，它們可能會被應用在各種不同的場景當中。

 

在上面的這些方法論和設計原則中，大家可能也會發(fā)現(xiàn)，在展示案例時，有一些是重復出現(xiàn)的，其實這種重復性還有很多很多，可見，每一個單獨被總結出來的設計原則，并不是相互獨立的存在，它們可能會互斥，也可能會相融。

 

一個成熟的設計師并不是要把這些方法論奉為圣經(jīng)，在不斷的學習和工作中，我們要學會在合適的場景應用合適法則。

 

這個世界上，沒有什么是一成不變的。

 

我也只是一名普通的設計師，寫這篇文章的初衷也只是為自己的所學做一個記錄，其實這算不得什么真本事，拾人牙慧罷了。如果它能夠讓你了解到更多的交互知識，能夠理解方法論的作用，甚至能夠有應用的思路，那就是我的額外所得，十分開心。

 

藍藍設計(ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。

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

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

作者：靈感大王NinE
鏈接：https://www.zcool.com.cn/article/ZMTExMzkxMg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權，非商業(yè)轉載請注明出處。