G端產(chǎn)品經(jīng)常用的那些交互設(shè)計定律!

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

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

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

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

那今天我們就來聊聊。

一、費茨定律

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

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

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

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

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

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

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

二、席克定律

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

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

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

三、泰斯勒定律

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

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

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

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

四、米勒定律

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

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

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

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

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

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

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

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

五、格式塔定律

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

在設(shè)計中,格式塔原理有幾個常見應(yīng)用:

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

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

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

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

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

六、雅各布定律

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

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

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

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

七、防錯定律

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

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

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

八、奧卡姆剃刀定律

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

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

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

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

專欄作家

晨陽產(chǎn)品筆記,公眾號:晨陽產(chǎn)品筆記,人人都是產(chǎn)品經(jīng)理專欄作家。從小廠研發(fā)到阿里系高級產(chǎn)品經(jīng)理,主要從事G端物聯(lián)網(wǎng)行業(yè)的產(chǎn)品設(shè)計。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

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

    來自北京 回復(fù)
    1. 是的,不知道為啥標(biāo)題它識別錯了,寫的是G端

      來自歐洲地區(qū) 回復(fù)