G端產品經常用的那些交互設計定律!

3 評論 3733 瀏覽 34 收藏 15 分鐘

產品的制作是有一定依據的。下面這篇文章是筆者整理分享關于G端產品經常用的那些交互設計定律?大家一起來看看,多多認識相關知識。

一個好的產品,它一定是美觀、易用的,它不只是滿足用戶的基本需求,而且在一些操作使用上面,也會讓用戶“上癮”。

因此產品經理在日常設計產品過程中,不是按照自己的主觀想法隨意的去設計產品,而是有些可參考的定律,這些定律有助于產品經理設計出更好的產品。

那今天我們就來聊聊。

一、費茨定律

一個人站在街上,他指向面前的大樓很容易,因為樓很大,他能快速指向目標,但如果讓他指向大樓某一層的某個窗戶,就沒有那么容易了。

若他離大樓的距離很遠,那會變得更加困難,由此看來,目標大小和目標距離會影響行為的用時。

費茨定律是指從一個起始位置移動到一個最終目標的時間由兩個因素來決定,即到目標的距離(D)和目標的大?。⊿)。

下面我們通過滴滴車主搶單功能的設計來講解費茨定律的具體應用,滴滴打車司機端搶單功能的按鈕設計得很大,這種設計是基于對司機使用手機場景的考慮。

因為司機的手機通常被掛在車上,這樣就會由于距離手機較遠使操作變得不方便,再加上搶單的功能具有即時性,所以根據費茨定律把搶單按鈕設計得較大,這樣既能保證司機快速、精準地點擊到搶單按鈕,同時也能提高他們在開車場景中操作手機的安全性。

還有在G端產品彈窗界面設計中,確定和取消按鈕都會放在右下角,使得用戶更容易點擊。確定按鈕更高頻故放在最右邊,視覺表現更明顯,使其更容易一眼點擊。

此外,兩個按鈕之間的距離也很重要,因為它會影響到用戶的點擊時間,為了讓用戶更容易進行選擇,按鈕間保持12px距離,避免用戶誤觸。

二、席克定律

席克定律是指當人面對的選擇越多時,做出決策所需要的時間也就越長。

在產品的交互設計中,選項越多則意味著用戶做出決定的時間越長,因此在執行任務頁面中,在視覺上盡可能不要給用戶呈現過多的選擇,選擇越少操作的體驗性也就越好。

在今日頭條手機驗證登錄的頁面中,一個頁面只有一個任務,這樣就能夠做到視覺聚焦,減少選擇,以便用戶快速完成登錄。

三、泰斯勒定律

泰斯勒定律又被稱為復雜性守恒定律,該定律認為每一個過程都有其固有的復雜性,都存在一個臨界點,當超過臨界點時過程就不能再簡化了,只能將固有的復雜性從一個地方轉移到另一個地方。

在產品開發的工作中,常常會有這樣的矛盾:如果把一個功能做得更完善,那么用戶體驗肯定會更好,但會增加技術的開發成本,那么在現階段傾向于哪個選擇對產品開發更有利呢?這樣的矛盾本質上就是在討論復雜性守恒定律,而臨界點就是最終要找的平衡點解決方案。

“千人千面”的產品要有一種智能推薦機制,即產品會根據用戶的行為喜好推薦不同的內容,這樣的內容會更吸引用戶。

例如,今日頭條等內容類產品、淘寶網等電商類產品都是“千人千面”機制。推薦機制需要很強的算法技術和更高的服務器成本,而這種通過技術手段在復雜性守恒的情況下,為了保證用戶體驗將用戶的體驗復雜度轉移給開發者,增加了開發復雜度的復雜性轉移就是泰斯勒定律。

四、米勒定律

米勒定律也稱為7±2法則,是指在短時間內,一般人記憶信息的容量為7加減2,在交互設計中?;谶@一定律來設計界面的信息呈現,以確保用戶不會有信息負擔,從而提高信息的易讀性,保證用戶使用產品的體驗。

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

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

2. 交互設計如何有效運用7±2法則

下面用子彈圖來說明7±2法則,從第5條信息開始,已經有一小部分人開始有信息負擔了,第7條信息是大多數人的容量,只有一小部分人可以到第9條。在產品設計的原則中,因為通常都是為大多數人設計的,所以理論上7條以內最佳,超過7條會損失大多數人的體驗。

要想真正理解法則,產品經理就要善于與產品設計本身的特征結合。

如站酷網的頂部選項卡設計,其中第8個選擇就是用一個聚合按鈕來查看更多選項,這就是使用了7±2法則,并且區別了功能優先級,有效保證了用戶使用產品的體驗。

我們日常生活中的電話號碼、銀行卡號、身份證號進行數字分割,就是利用米勒定律,降低記憶成本,提高信息的易讀性,視覺防錯。

五、格式塔定律

格式塔原理是心理學的一個概念,也廣泛應用于設計領域中。該原理認為人類大腦在處理感知信息時,會自動將信息組織成具有整體性、完整性和結構性的形態,即所謂的“格式塔”。

在設計中,格式塔原理有幾個常見應用:

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

相似性原則的應用比如在G端的卡片設計中,所有的卡片樣式相似在人腦理解中默認會視為相同的一組數據。

對稱性原則常用在大屏與報表設計中,通過對稱性布局提高視覺美感,吸引用戶注意力。

閉合性原則常用于連續性表格或圖形等設計中,通過不連續性來讓用戶大腦形成封閉路徑強調后續可讀信息。

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

六、雅各布定律

雅各布定律(Jacob’sLaw)是一條常被引用的交互設計法則,它由美國心理學家Donald Norman提出。該定律指出,人們在使用任何新系統時,都會將他們以前所經驗過的類似系統的知識應用于新系統。

雅各布定律的核心思想是,在設計新系統時,應該考慮到用戶的現有經驗和期望,并盡量避免創造完全不同的界面模式。這樣可以使用戶更容易理解和掌握新系統,并減少學習成本。

以下就是之前產品經理設計的一個平臺,日常用戶刷新的篩選過濾,被設計到了右上角一個按鈕當中,有點反人類,極大的增加了用戶的學習成本,并且不利用用戶的快捷操作。

所以產品經理在平臺功能設計時,那些用戶已經熟悉的那些操作無須在此創新,并且前端都有現成的頁面組件,把精力用在需求的收集和準確的理解,盡量讓用戶操作更加便捷。

七、防錯定律

防錯原則(Principle of Fail–Safe or Fault-Tolerance)是一種設計思想,其目的是減少或避免因錯誤或故障而導致的不良后果。它通常被用于設計高度可靠的系統或設備,以確保在錯誤事故發生時,系統或設備仍然能夠繼續正常運行,或者能夠平穩地停止運行,以避免進一步的損害或危險。

在界面設計中如設計可撤銷操作,通過系統中允許用戶執行可撤銷操作,以避免因誤操作而導致的不良后果。

或在界面設計中常用到的反饋和提醒彈窗等操作,以幫助用戶及時發現錯誤或故障,并采取適當的措施。

八、奧卡姆剃刀定律

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

奧卡姆剃刀常用于兩種假說的取舍上:如果對于同一現象有兩種不同的假說,我們應該采取比較簡單的那一種。對于幾個功能相同的設計,在設計都可用的情況下,則選擇視覺干擾較少的設計。

在設計上則能夠指導我們對產品做減法,去減少不必要的元素,在進行設計的時候,先分析用戶的的主流程是什么,流程內的引導盡量弱化,沒有必要則不增加。

比如在G端產品設計中的登錄頁面以登錄流程為核心,不需要增加其它沒必要的流程。

專欄作家

晨陽產品筆記,公眾號:晨陽產品筆記,人人都是產品經理專欄作家。從小廠研發到阿里系高級產品經理,主要從事G端物聯網行業的產品設計。

本文原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不好意思,不知道為什么平臺標題識別錯誤了,應該是G端產品經常用的那些交互設計定律!

    來自上海 回復
  2. G端難道不是政府端嗎?俺搞錯了?

    來自北京 回復
    1. 是的,不知道為啥標題它識別錯了,寫的是G端

      來自歐洲地區 回復