??硕?| 設計師需要知道的設計原則!

3 評論 5419 瀏覽 73 收藏 22 分鐘

在設計工作中,我們經常需要用到一些心理學的定律來幫助我們進行設計。之前的文章我們分享了奧卡姆剃刀定律,這篇文章,我們來講講另一個——??硕?。

在遠古時代,人們通常都是逮到什么獵物就吃什么,因為沒有選擇。而如今當大家進入餐廳后,看到菜單上密密麻麻的菜名,選了半天也不知道想吃什么,甚至會產生換一家餐廳的想法。如果讓別人來決定,那就是“隨便”,簡單的兩個字,背后處處透露著對別人所選結果的排斥。

歸根結底,造成上述這種原因的就是選擇太多了,試想一下,多少年前,我們的父母以及上一輩為什么從來都不會面臨選擇吃什么、穿什么的煩惱(“官”商除外)?;氐缴鲜鰡栴},如果將菜單上的菜品減少,或者按特定(做法/地域/價格)的方式分類,是不是就能讓選擇變得更容易些呢?

人們面臨的選擇越多,消耗的時間成本就越高,如何有效的降低用戶選項、減少用戶決策時間,今天筆者將與大家一起了解交互設計中七大原則之一的「??硕伞?,它能幫助我們解決很多關于設計中選擇性的問題。

一、??硕傻幕菊J識

1.產生背景

1951年,英國心理學家威廉·埃德蒙·席克(William Edmund Hick)做了一個隨機開燈的試驗,他以每5秒點亮10盞燈的方式測得反應時間和選擇數量之間的對數關系;美國心理學家雷伊·海曼(Ray Hyman)也通過一定的實驗確定的信息傳輸與反應時間的關系,聲稱這兩者的關系應該呈線性。

席克、海曼共同認為,人們在多重選項的刺激之下做出選擇時、需花費的時間就越長,并且隨著這種刺激的逐漸增大、所產生的阻礙就越大,還可能導致人們放棄選擇,后續便以他們兩人的名字將這種規律命名為「席克海曼定律」。直到如今也是一樣,在選項復雜度相等的情況下,無論是對數還是線性,選擇數量越多,我們就越難做出決定。

2.基本介紹

??硕墒且环N心理物理學定律,我們還可以將其稱為“席克定律、西克定律、???海曼定律、??朔▌t”等,本文為方便介紹,將統一稱為「??硕伞?。

??硕杀砻?,用戶面臨選擇的數量越多、決策時間就越長,并隨著可選項的數量和復雜性而增加,運用這一定律的唯一宗旨就是:減少刺激的數量并獲得更快的決策過程。該定律有一個數學公式,先由席克首次實驗、然后由海曼進行完善,即“RT=a+b log2(n)”。

  • RT:反應時間
  • a:對信息的前期認知和觀察時間(信息處理之前)
  • b:對信息的處理時間
  • log:某個數學符號,不做特別理解
  • n:信息的數量

3.生活中的應用

??硕稍谖覀兩钪械氖褂秒S處可見,如下圖的兩個遙控器,你更傾向于使用哪一個?毫無疑問,圖2不管是從視覺上、還是操作上都更簡單,特別是老少用戶,簡單地教一下就能快速學會。至于圖1,有些圖標、顏色、英文,很多年輕的用戶也不清楚到底是干什么的,要想搞清楚,則需要更多的時間成本、學習成本以及試錯成本,這就是??硕稍谶b控器上的作用,以減少選擇讓用戶更快決策。

遙控器的這個案例雖然在交互設計四策略中也體現的淋漓盡致,但與??硕刹⒉粵_突,讓用戶減少選擇的方式可以是刪除、組合,也可以是隱藏、轉移。

4.設計中的應用

用戶在界面中看到的選項越多、信息量越大,就意味著需要花費更多的時間與精力去識別和理解,直接延長了用戶做決策的時間,在選擇困難較大的情況下,一旦用戶沒有足夠的精力或無法做出明確選擇(不愿動腦)時可能直接放棄,導致任務失敗。

當信息/選項減無可減時,也可以通過對其分類分組、層級分布等方式提高用戶決策效率,只要選項與選項之間保持著一定的聯系,絲毫不會影響用戶識別與理解。

二、??硕稍谠O計中的作用

1.提高選擇效率

其實在很多頁面中都存在信息過剩的情況,對用戶來說,選擇太多就等于沒有選擇,用戶很可能會因為猶豫不決,造成時間成本上升而導致放棄當前任務。

盡可能避免在用戶面前出現過多的選擇,根據信息權重刪除或隱藏多余選項,只保留用戶所需。有“度”的刪減可保持內容足夠簡潔,提升用戶對信息的理解以及操作效率。

2.優化版式布局

在設計過程中,如果沒有對功能層級進行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶花費大量的時間和精力來查找需要的功能,無疑是一場災難。

我們可以通過??硕蓙韮灮缑婀δ懿季?,根據業務的重要性對功能入口進行分類組合,減少用戶的認知及理解成本,以便快速達到目的。

3.提升用戶體驗

通過減少選項以及對信息進行層級劃分,不管是視覺瀏覽還是操作流程上,消耗的成本都會有所降低,用戶在使用過程中的心情則更加愉悅,用戶體驗得到了很大程度的提升。

4.提高轉化率

用戶所做的選擇越少、消耗的成本就越小,好的使用體驗讓用戶心情愉悅,短時間內的流暢、愉悅操作都能讓任務變得更簡單、更容易完成,還能降低用戶的付費感知,間接性的提高了產品轉化率。

三、界面中的「??硕伞?/h2>

1.減少選項、讓用戶更快選擇

對用戶來說,選項越多就越復雜,需要的決策時間就越長,尤其是用戶在絕大多數情況下所看到的頁面都存在信息過剩的情況,這時候,產品需解決的不是選項夠不夠的問題,而是選項夠不夠好。

當存在大量選項時,可適度減少選項的數量,不僅能降低用戶的思考時間,也提高了選項的質量。iPhone用戶應該比較清楚,蘋果始終在不遺余力的遵循??硕?,APP Store就是最好的例子,從改版前大量的推薦應用堆積到改版后信息量的減少,選擇目標瞬間清晰了很多,用戶體驗得到了大幅度的提升

如果大量的選項無法減少,可將重要選項靠前,將其他的隱藏起來,方便用戶決策及降低失誤操作的概率。例如騰訊視頻頂部分類后面的更多圖標、支付寶首頁金剛區的更多入口,點開后就會發現,里面隱藏了非常多的功能,這樣做能減少用戶認知負荷,提高信息篩選的效率。

2.選項分類、信息分層

這里最為典型的例子就是電商平臺的分類,它通過一級、二級、甚至三級分類將商品所涉及到的類型合理的控制在有效范圍內,這些選項被分類/分組之后,關鍵信息得到強化,能輔助用戶快速作出決策。還有后面的二次篩選功能,幫助用戶進一步縮小范圍,選擇效率明顯會更高。當然,這不僅僅是依靠??硕?,還得結合運營需求、用戶數據等因素進行合理化分類。

另外,我們在選擇地址時,如果將所有城市一股腦平鋪在界面上,用戶想要選擇自身所需,則需要花費大量的時間。對城市進行了分類分層,以及有了搜索歷史、熱門城市以及右側的首字母索引后,用戶就能通過不同維度快速找到想找的城市,選擇效率直線上升。

3.分步驟展示、逐步完成

存在較長的表單頁面,能給用戶默認值的就不要讓其選擇、能讓用戶選擇的就不要讓其輸入,每多給用戶一個操作,其時間成本和出錯率都將會上升。

當表單內容減無可減、輸入操作避無可避時,盡量將信息整合分類或分頁展示,引導用戶逐步操作,遵循一個頁面只做一件事的原則,協助用戶將注意力聚焦在當前步驟中。面對長長的表單,用戶或多或少都有些消極情緒,產品要做的是通過視覺、操作感知來減少用戶的負面情緒,以此提升表單完成率。

常見的如調查問卷、信用卡申請等,它們并沒有將全部信息堆在用戶面前,而是進行分步驟或分頁的形式,一次只做一件事,避免了其他信息帶來的干擾,讓用戶有種簡單的感知錯覺,完成起來會更容易。

4.必要的多選項、展開/隱藏

有時候,我們不得不面對較多的選項,例如在線填寫簡歷、功能設置列表、商品的二次篩選或后臺管理系統的查找條件等,如此多的選項會給用戶帶去很大的心理壓力,這時設計師需要去思考如何減輕用戶的壓力,展開/收起也許就是一個不錯的解決方案。我們可以將所有選項進行分類,用戶在操作當前類別時,其他所有類別暫時隱藏、并設定明確的可點擊圖標提示用戶隨時可展開對應的內容,間接的減少了選項,降低干擾。

5.必須平鋪時、主次分明

當設計師面對大量選項、卻又要必須平鋪在當前頁面的需求時,一定要做好選項的視覺權重區分。這種需求常見于首頁、功能頁、個人中心的圖標入口,我們可以通過改變圖標的大小、色彩(黑白/彩色)、類型(線性/面性/質感/3D)或添加微動效進行主/次權重之分,用戶操作起來就不會有太多的疑惑或顧慮。

6.不可操作項、鎖定/置灰

在特殊場景中,當頁面存在不可刪除、不可隱藏、不可降權且不能讓用戶點擊的選項時,與其在用戶操作之后提示不可操作,不如在用戶操作之前就將選項鎖定或置灰,明確告知不可點擊,間接縮減選項,減少不必要的操作。

四、與交互四策略的完美結合

“合理刪除、分層組織、適時隱藏、巧妙轉移”,這一經典理論出自于 Giles Colborne 著名的《交互設計四策略》一書。刪除、組織、隱藏、轉移每一種方式無疑都是在向用戶更好的展示信息,這個觀點也完美的詮釋了??硕?,那么他們到底是如何對應的呢?

1.合理刪除(減少選項)

??硕芍?,影響用戶決策最主要的原因就是選項數量,雖然「一個頁面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過分清功能主次,刪除次要、突出主要選項來幫助用戶決策,增加效率。

2.分層組織(分類/分層)

分類是??硕芍泻芎玫囊环N表達方式,雖然選項并沒有實質性的減少,但用戶可通過分類避開了很多不必要的選項,不管是通過父子及級還是平級,都做到了將大量選項明確區分,用戶需要深挖時總會有跡可循。Giles Colborne 說過“不要用過于專業的標準進行分類”,用通俗易懂的組織方式更是促進??硕杉涌煊脩魶Q策效率的一種有效方式。

3.適時隱藏(展開/隱藏)

與刪除不同的是,隱藏并沒有刪減選項的數量,只展示部分常用、高頻的選項,去除其他信息的干擾,方便用戶快速做出決策,而將其他不常用、低頻選項隱藏起來,在需要時系統自動展示、或用戶手動喚出。其實,不管是交互四策略中的隱藏、還是??硕芍械碾[藏,其作用都是通過暫時性地減少信息數量來提升用戶操作效率。

4.巧妙轉移(分頁/分步)

面對本身就較為復雜的產品,頁面信息在無法刪除、組織、隱藏的情況下,且需要用戶無遺漏的去完成,使用交互四策略中的「轉移」或可解決這一難題,將整個任務拆分成多個步驟,讓用戶逐步完成。大部分信息的轉移,可避免不同步驟的信息相互干擾,認知負荷得以減輕,這一策略與??硕煞植襟E、分頁面展示大有相似之處。

五、常見問題處理

1.選項不要減到只剩一個

??硕梢龅氖峭ㄟ^減少用戶做決定的時間,來提升轉化率以及用戶體驗,但不管在什么情況下,用戶都希望自己還擁有選擇的權利,如果設計師自作聰明的將選項減到只剩一個,就相當于告知用戶必須接受,那么用戶就有種被強制、綁架的感覺,只會存在兩個結果:①被你的產品拿捏、②離開你的產品,筆者相信第一種可能性的概率極低,畢竟同類型的產品并不是只有你一家(壟斷除外)。

如下圖的彈窗,用戶即便不愿意進入任務流程,可別無選擇,只能進入后再返回才能回到原位,這種做法無端增加用戶的操作成本,極易引起反感情緒。不管產品如何希望用戶轉化,切不可強制他們接受,需要給用戶留一條返回的“路”,即便不那么起眼,至少還有選擇的權利。

2.極端場景要克制使用

任何定律都有其自身的使用局限,所以也不要極度推崇??硕啥喕匠橄蟮牡夭?。大部分情況下,??硕啥际怯迷诳山换ソ缑嬷械脑?,對于那些需要高度搜索、閱讀或學習刷題類的功能并不適用,因為設計師只能決定信息呈現的視覺效果,并不能決定內容的質量、類型與數量。

例如,刷題類應用,面對海量的選擇題,??硕呻m然失去價值,但并不影響設計師結合其他方法論將界面設計的更好,總不能強行使用??硕?,將選擇題刪減到只剩兩個(變成判斷題)選項吧。

3.逆向使用-刻意增加操作成本

有時候,出于商業化的目的,同一個選項在二次操作時,產品會刻意增加用戶操作成本,以降低選擇效率,看似??硕傻姆聪虿僮?,卻一定程度地降低了用戶退出率,實則對產品有益。

例如,在關注微信公眾號之前,非常醒目的關注按鈕觸手可及,可關注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關注入口,需要用戶花費額外的時間去理解或試錯方可取關,這么做能降低公眾號粉絲的取關量。為公眾號留住粉絲,更是對內容認可的一種支持,后面的良性循環無需多講。

六、結語

??硕墒且粋€設計指南,對于它的使用,并沒有特定的標準,但需要記住的是過多的選項會造成用戶過高的決策成本,是導致轉化率過低的重要原因之一。盡可能的減少用戶在一次決策中出現的選項,并引導他們在選項之間選擇,確保用戶在選項數量與決策時間上達到平衡。

有時候,??硕梢残枰Y合其他設計原則一起使用,以便快速實現用戶目標,大大提升使用體驗。不僅如此,??硕蛇€融入了我們日常生活中的方方面面,你發現了多少,歡迎留言區討論。

專欄作家

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

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

題圖來自 Unsplash,基于 CC0 協議。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 遙控器那個例子,作為用戶,我第一反應是選左邊那個,因為它呈現給我的信息更清楚,數字鍵、方向鍵之間也有區隔,很容易看明白。
    思考了一下:
    1. 過去很多年一直都用左邊這種遙控器,習慣影響很大(應該是以下幾點的大前提);
    2. 左邊的遙控器雖然按鍵很多,但是讓人有一種安心感:雖然我不能一眼看出每個鍵都是干什么的,但是有信心找一找,就能找出想要的功能鍵;
    3. 右邊的遙控器過于簡潔,第一次拿會感到不知所措,不確定自己能正確使用。

    會有這樣的感覺在呢~

    來自陜西 回復
    1. 非常同意您說的第一點,咱們都有來自過去使用習慣的「記憶」,會覺得選擇多會更有安全感。
      lz其實也限制了右邊遙控器的試用范圍:老和少
      老,認知能力下降;少,沒有路徑依賴的包袱

      來自美國 回復
    2. 我的第一反應是右邊的,小米電視差不多這種,我家老式海信電視就是左邊的,太復雜了,很多鍵用不上

      來自浙江 回復