??硕?| 設(shè)計(jì)師需要知道的設(shè)計(jì)原則!
在設(shè)計(jì)工作中,我們經(jīng)常需要用到一些心理學(xué)的定律來(lái)幫助我們進(jìn)行設(shè)計(jì)。之前的文章我們分享了奧卡姆剃刀定律,這篇文章,我們來(lái)講講另一個(gè)——??硕伞?/p>
在遠(yuǎn)古時(shí)代,人們通常都是逮到什么獵物就吃什么,因?yàn)闆](méi)有選擇。而如今當(dāng)大家進(jìn)入餐廳后,看到菜單上密密麻麻的菜名,選了半天也不知道想吃什么,甚至?xí)a(chǎn)生換一家餐廳的想法。如果讓別人來(lái)決定,那就是“隨便”,簡(jiǎn)單的兩個(gè)字,背后處處透露著對(duì)別人所選結(jié)果的排斥。
歸根結(jié)底,造成上述這種原因的就是選擇太多了,試想一下,多少年前,我們的父母以及上一輩為什么從來(lái)都不會(huì)面臨選擇吃什么、穿什么的煩惱(“官”商除外)?;氐缴鲜鰡?wèn)題,如果將菜單上的菜品減少,或者按特定(做法/地域/價(jià)格)的方式分類(lèi),是不是就能讓選擇變得更容易些呢?
人們面臨的選擇越多,消耗的時(shí)間成本就越高,如何有效的降低用戶(hù)選項(xiàng)、減少用戶(hù)決策時(shí)間,今天筆者將與大家一起了解交互設(shè)計(jì)中七大原則之一的「希克定律」,它能幫助我們解決很多關(guān)于設(shè)計(jì)中選擇性的問(wèn)題。
一、??硕傻幕菊J(rèn)識(shí)
1.產(chǎn)生背景
1951年,英國(guó)心理學(xué)家威廉·埃德蒙·席克(William Edmund Hick)做了一個(gè)隨機(jī)開(kāi)燈的試驗(yàn),他以每5秒點(diǎn)亮10盞燈的方式測(cè)得反應(yīng)時(shí)間和選擇數(shù)量之間的對(duì)數(shù)關(guān)系;美國(guó)心理學(xué)家雷伊·海曼(Ray Hyman)也通過(guò)一定的實(shí)驗(yàn)確定的信息傳輸與反應(yīng)時(shí)間的關(guān)系,聲稱(chēng)這兩者的關(guān)系應(yīng)該呈線性。
席克、海曼共同認(rèn)為,人們?cè)诙嘀剡x項(xiàng)的刺激之下做出選擇時(shí)、需花費(fèi)的時(shí)間就越長(zhǎng),并且隨著這種刺激的逐漸增大、所產(chǎn)生的阻礙就越大,還可能導(dǎo)致人們放棄選擇,后續(xù)便以他們兩人的名字將這種規(guī)律命名為「席克海曼定律」。直到如今也是一樣,在選項(xiàng)復(fù)雜度相等的情況下,無(wú)論是對(duì)數(shù)還是線性,選擇數(shù)量越多,我們就越難做出決定。
2.基本介紹
??硕墒且环N心理物理學(xué)定律,我們還可以將其稱(chēng)為“席克定律、西克定律、???海曼定律、??朔▌t”等,本文為方便介紹,將統(tǒng)一稱(chēng)為「??硕伞埂?/p>
??硕杀砻鳎脩?hù)面臨選擇的數(shù)量越多、決策時(shí)間就越長(zhǎng),并隨著可選項(xiàng)的數(shù)量和復(fù)雜性而增加,運(yùn)用這一定律的唯一宗旨就是:減少刺激的數(shù)量并獲得更快的決策過(guò)程。該定律有一個(gè)數(shù)學(xué)公式,先由席克首次實(shí)驗(yàn)、然后由海曼進(jìn)行完善,即“RT=a+b log2(n)”。
- RT:反應(yīng)時(shí)間
- a:對(duì)信息的前期認(rèn)知和觀察時(shí)間(信息處理之前)
- b:對(duì)信息的處理時(shí)間
- log:某個(gè)數(shù)學(xué)符號(hào),不做特別理解
- n:信息的數(shù)量
3.生活中的應(yīng)用
??硕稍谖覀兩钪械氖褂秒S處可見(jiàn),如下圖的兩個(gè)遙控器,你更傾向于使用哪一個(gè)?毫無(wú)疑問(wèn),圖2不管是從視覺(jué)上、還是操作上都更簡(jiǎn)單,特別是老少用戶(hù),簡(jiǎn)單地教一下就能快速學(xué)會(huì)。至于圖1,有些圖標(biāo)、顏色、英文,很多年輕的用戶(hù)也不清楚到底是干什么的,要想搞清楚,則需要更多的時(shí)間成本、學(xué)習(xí)成本以及試錯(cuò)成本,這就是??硕稍谶b控器上的作用,以減少選擇讓用戶(hù)更快決策。
遙控器的這個(gè)案例雖然在交互設(shè)計(jì)四策略中也體現(xiàn)的淋漓盡致,但與??硕刹⒉粵_突,讓用戶(hù)減少選擇的方式可以是刪除、組合,也可以是隱藏、轉(zhuǎn)移。
4.設(shè)計(jì)中的應(yīng)用
用戶(hù)在界面中看到的選項(xiàng)越多、信息量越大,就意味著需要花費(fèi)更多的時(shí)間與精力去識(shí)別和理解,直接延長(zhǎng)了用戶(hù)做決策的時(shí)間,在選擇困難較大的情況下,一旦用戶(hù)沒(méi)有足夠的精力或無(wú)法做出明確選擇(不愿動(dòng)腦)時(shí)可能直接放棄,導(dǎo)致任務(wù)失敗。
當(dāng)信息/選項(xiàng)減無(wú)可減時(shí),也可以通過(guò)對(duì)其分類(lèi)分組、層級(jí)分布等方式提高用戶(hù)決策效率,只要選項(xiàng)與選項(xiàng)之間保持著一定的聯(lián)系,絲毫不會(huì)影響用戶(hù)識(shí)別與理解。
二、??硕稍谠O(shè)計(jì)中的作用
1.提高選擇效率
其實(shí)在很多頁(yè)面中都存在信息過(guò)剩的情況,對(duì)用戶(hù)來(lái)說(shuō),選擇太多就等于沒(méi)有選擇,用戶(hù)很可能會(huì)因?yàn)楠q豫不決,造成時(shí)間成本上升而導(dǎo)致放棄當(dāng)前任務(wù)。
盡可能避免在用戶(hù)面前出現(xiàn)過(guò)多的選擇,根據(jù)信息權(quán)重刪除或隱藏多余選項(xiàng),只保留用戶(hù)所需。有“度”的刪減可保持內(nèi)容足夠簡(jiǎn)潔,提升用戶(hù)對(duì)信息的理解以及操作效率。
2.優(yōu)化版式布局
在設(shè)計(jì)過(guò)程中,如果沒(méi)有對(duì)功能層級(jí)進(jìn)行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶(hù)花費(fèi)大量的時(shí)間和精力來(lái)查找需要的功能,無(wú)疑是一場(chǎng)災(zāi)難。
我們可以通過(guò)??硕蓙?lái)優(yōu)化界面功能布局,根據(jù)業(yè)務(wù)的重要性對(duì)功能入口進(jìn)行分類(lèi)組合,減少用戶(hù)的認(rèn)知及理解成本,以便快速達(dá)到目的。
3.提升用戶(hù)體驗(yàn)
通過(guò)減少選項(xiàng)以及對(duì)信息進(jìn)行層級(jí)劃分,不管是視覺(jué)瀏覽還是操作流程上,消耗的成本都會(huì)有所降低,用戶(hù)在使用過(guò)程中的心情則更加愉悅,用戶(hù)體驗(yàn)得到了很大程度的提升。
4.提高轉(zhuǎn)化率
用戶(hù)所做的選擇越少、消耗的成本就越小,好的使用體驗(yàn)讓用戶(hù)心情愉悅,短時(shí)間內(nèi)的流暢、愉悅操作都能讓任務(wù)變得更簡(jiǎn)單、更容易完成,還能降低用戶(hù)的付費(fèi)感知,間接性的提高了產(chǎn)品轉(zhuǎn)化率。
三、界面中的「??硕伞?/h2>
1.減少選項(xiàng)、讓用戶(hù)更快選擇
對(duì)用戶(hù)來(lái)說(shuō),選項(xiàng)越多就越復(fù)雜,需要的決策時(shí)間就越長(zhǎng),尤其是用戶(hù)在絕大多數(shù)情況下所看到的頁(yè)面都存在信息過(guò)剩的情況,這時(shí)候,產(chǎn)品需解決的不是選項(xiàng)夠不夠的問(wèn)題,而是選項(xiàng)夠不夠好。
當(dāng)存在大量選項(xiàng)時(shí),可適度減少選項(xiàng)的數(shù)量,不僅能降低用戶(hù)的思考時(shí)間,也提高了選項(xiàng)的質(zhì)量。iPhone用戶(hù)應(yīng)該比較清楚,蘋(píng)果始終在不遺余力的遵循希克定律,APP Store就是最好的例子,從改版前大量的推薦應(yīng)用堆積到改版后信息量的減少,選擇目標(biāo)瞬間清晰了很多,用戶(hù)體驗(yàn)得到了大幅度的提升
如果大量的選項(xiàng)無(wú)法減少,可將重要選項(xiàng)靠前,將其他的隱藏起來(lái),方便用戶(hù)決策及降低失誤操作的概率。例如騰訊視頻頂部分類(lèi)后面的更多圖標(biāo)、支付寶首頁(yè)金剛區(qū)的更多入口,點(diǎn)開(kāi)后就會(huì)發(fā)現(xiàn),里面隱藏了非常多的功能,這樣做能減少用戶(hù)認(rèn)知負(fù)荷,提高信息篩選的效率。
2.選項(xiàng)分類(lèi)、信息分層
這里最為典型的例子就是電商平臺(tái)的分類(lèi),它通過(guò)一級(jí)、二級(jí)、甚至三級(jí)分類(lèi)將商品所涉及到的類(lèi)型合理的控制在有效范圍內(nèi),這些選項(xiàng)被分類(lèi)/分組之后,關(guān)鍵信息得到強(qiáng)化,能輔助用戶(hù)快速作出決策。還有后面的二次篩選功能,幫助用戶(hù)進(jìn)一步縮小范圍,選擇效率明顯會(huì)更高。當(dāng)然,這不僅僅是依靠??硕?,還得結(jié)合運(yùn)營(yíng)需求、用戶(hù)數(shù)據(jù)等因素進(jìn)行合理化分類(lèi)。
另外,我們?cè)谶x擇地址時(shí),如果將所有城市一股腦平鋪在界面上,用戶(hù)想要選擇自身所需,則需要花費(fèi)大量的時(shí)間。對(duì)城市進(jìn)行了分類(lèi)分層,以及有了搜索歷史、熱門(mén)城市以及右側(cè)的首字母索引后,用戶(hù)就能通過(guò)不同維度快速找到想找的城市,選擇效率直線上升。
3.分步驟展示、逐步完成
存在較長(zhǎng)的表單頁(yè)面,能給用戶(hù)默認(rèn)值的就不要讓其選擇、能讓用戶(hù)選擇的就不要讓其輸入,每多給用戶(hù)一個(gè)操作,其時(shí)間成本和出錯(cuò)率都將會(huì)上升。
當(dāng)表單內(nèi)容減無(wú)可減、輸入操作避無(wú)可避時(shí),盡量將信息整合分類(lèi)或分頁(yè)展示,引導(dǎo)用戶(hù)逐步操作,遵循一個(gè)頁(yè)面只做一件事的原則,協(xié)助用戶(hù)將注意力聚焦在當(dāng)前步驟中。面對(duì)長(zhǎng)長(zhǎng)的表單,用戶(hù)或多或少都有些消極情緒,產(chǎn)品要做的是通過(guò)視覺(jué)、操作感知來(lái)減少用戶(hù)的負(fù)面情緒,以此提升表單完成率。
常見(jiàn)的如調(diào)查問(wèn)卷、信用卡申請(qǐng)等,它們并沒(méi)有將全部信息堆在用戶(hù)面前,而是進(jìn)行分步驟或分頁(yè)的形式,一次只做一件事,避免了其他信息帶來(lái)的干擾,讓用戶(hù)有種簡(jiǎn)單的感知錯(cuò)覺(jué),完成起來(lái)會(huì)更容易。
4.必要的多選項(xiàng)、展開(kāi)/隱藏
有時(shí)候,我們不得不面對(duì)較多的選項(xiàng),例如在線填寫(xiě)簡(jiǎn)歷、功能設(shè)置列表、商品的二次篩選或后臺(tái)管理系統(tǒng)的查找條件等,如此多的選項(xiàng)會(huì)給用戶(hù)帶去很大的心理壓力,這時(shí)設(shè)計(jì)師需要去思考如何減輕用戶(hù)的壓力,展開(kāi)/收起也許就是一個(gè)不錯(cuò)的解決方案。我們可以將所有選項(xiàng)進(jìn)行分類(lèi),用戶(hù)在操作當(dāng)前類(lèi)別時(shí),其他所有類(lèi)別暫時(shí)隱藏、并設(shè)定明確的可點(diǎn)擊圖標(biāo)提示用戶(hù)隨時(shí)可展開(kāi)對(duì)應(yīng)的內(nèi)容,間接的減少了選項(xiàng),降低干擾。
5.必須平鋪時(shí)、主次分明
當(dāng)設(shè)計(jì)師面對(duì)大量選項(xiàng)、卻又要必須平鋪在當(dāng)前頁(yè)面的需求時(shí),一定要做好選項(xiàng)的視覺(jué)權(quán)重區(qū)分。這種需求常見(jiàn)于首頁(yè)、功能頁(yè)、個(gè)人中心的圖標(biāo)入口,我們可以通過(guò)改變圖標(biāo)的大小、色彩(黑白/彩色)、類(lèi)型(線性/面性/質(zhì)感/3D)或添加微動(dòng)效進(jìn)行主/次權(quán)重之分,用戶(hù)操作起來(lái)就不會(huì)有太多的疑惑或顧慮。
6.不可操作項(xiàng)、鎖定/置灰
在特殊場(chǎng)景中,當(dāng)頁(yè)面存在不可刪除、不可隱藏、不可降權(quán)且不能讓用戶(hù)點(diǎn)擊的選項(xiàng)時(shí),與其在用戶(hù)操作之后提示不可操作,不如在用戶(hù)操作之前就將選項(xiàng)鎖定或置灰,明確告知不可點(diǎn)擊,間接縮減選項(xiàng),減少不必要的操作。
四、與交互四策略的完美結(jié)合
“合理刪除、分層組織、適時(shí)隱藏、巧妙轉(zhuǎn)移”,這一經(jīng)典理論出自于 Giles Colborne 著名的《交互設(shè)計(jì)四策略》一書(shū)。刪除、組織、隱藏、轉(zhuǎn)移每一種方式無(wú)疑都是在向用戶(hù)更好的展示信息,這個(gè)觀點(diǎn)也完美的詮釋了??硕?,那么他們到底是如何對(duì)應(yīng)的呢?
1.合理刪除(減少選項(xiàng))
??硕芍校绊懹脩?hù)決策最主要的原因就是選項(xiàng)數(shù)量,雖然「一個(gè)頁(yè)面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過(guò)分清功能主次,刪除次要、突出主要選項(xiàng)來(lái)幫助用戶(hù)決策,增加效率。
2.分層組織(分類(lèi)/分層)
分類(lèi)是希克定律中很好的一種表達(dá)方式,雖然選項(xiàng)并沒(méi)有實(shí)質(zhì)性的減少,但用戶(hù)可通過(guò)分類(lèi)避開(kāi)了很多不必要的選項(xiàng),不管是通過(guò)父子及級(jí)還是平級(jí),都做到了將大量選項(xiàng)明確區(qū)分,用戶(hù)需要深挖時(shí)總會(huì)有跡可循。Giles Colborne 說(shuō)過(guò)“不要用過(guò)于專(zhuān)業(yè)的標(biāo)準(zhǔn)進(jìn)行分類(lèi)”,用通俗易懂的組織方式更是促進(jìn)希克定律加快用戶(hù)決策效率的一種有效方式。
3.適時(shí)隱藏(展開(kāi)/隱藏)
與刪除不同的是,隱藏并沒(méi)有刪減選項(xiàng)的數(shù)量,只展示部分常用、高頻的選項(xiàng),去除其他信息的干擾,方便用戶(hù)快速做出決策,而將其他不常用、低頻選項(xiàng)隱藏起來(lái),在需要時(shí)系統(tǒng)自動(dòng)展示、或用戶(hù)手動(dòng)喚出。其實(shí),不管是交互四策略中的隱藏、還是??硕芍械碾[藏,其作用都是通過(guò)暫時(shí)性地減少信息數(shù)量來(lái)提升用戶(hù)操作效率。
4.巧妙轉(zhuǎn)移(分頁(yè)/分步)
面對(duì)本身就較為復(fù)雜的產(chǎn)品,頁(yè)面信息在無(wú)法刪除、組織、隱藏的情況下,且需要用戶(hù)無(wú)遺漏的去完成,使用交互四策略中的「轉(zhuǎn)移」或可解決這一難題,將整個(gè)任務(wù)拆分成多個(gè)步驟,讓用戶(hù)逐步完成。大部分信息的轉(zhuǎn)移,可避免不同步驟的信息相互干擾,認(rèn)知負(fù)荷得以減輕,這一策略與??硕煞植襟E、分頁(yè)面展示大有相似之處。
五、常見(jiàn)問(wèn)題處理
1.選項(xiàng)不要減到只剩一個(gè)
??硕梢龅氖峭ㄟ^(guò)減少用戶(hù)做決定的時(shí)間,來(lái)提升轉(zhuǎn)化率以及用戶(hù)體驗(yàn),但不管在什么情況下,用戶(hù)都希望自己還擁有選擇的權(quán)利,如果設(shè)計(jì)師自作聰明的將選項(xiàng)減到只剩一個(gè),就相當(dāng)于告知用戶(hù)必須接受,那么用戶(hù)就有種被強(qiáng)制、綁架的感覺(jué),只會(huì)存在兩個(gè)結(jié)果:①被你的產(chǎn)品拿捏、②離開(kāi)你的產(chǎn)品,筆者相信第一種可能性的概率極低,畢竟同類(lèi)型的產(chǎn)品并不是只有你一家(壟斷除外)。
如下圖的彈窗,用戶(hù)即便不愿意進(jìn)入任務(wù)流程,可別無(wú)選擇,只能進(jìn)入后再返回才能回到原位,這種做法無(wú)端增加用戶(hù)的操作成本,極易引起反感情緒。不管產(chǎn)品如何希望用戶(hù)轉(zhuǎn)化,切不可強(qiáng)制他們接受,需要給用戶(hù)留一條返回的“路”,即便不那么起眼,至少還有選擇的權(quán)利。
2.極端場(chǎng)景要克制使用
任何定律都有其自身的使用局限,所以也不要極度推崇希克定律而簡(jiǎn)化到抽象的地步。大部分情況下,希克定律都是用在可交互界面中的元素,對(duì)于那些需要高度搜索、閱讀或?qū)W習(xí)刷題類(lèi)的功能并不適用,因?yàn)樵O(shè)計(jì)師只能決定信息呈現(xiàn)的視覺(jué)效果,并不能決定內(nèi)容的質(zhì)量、類(lèi)型與數(shù)量。
例如,刷題類(lèi)應(yīng)用,面對(duì)海量的選擇題,??硕呻m然失去價(jià)值,但并不影響設(shè)計(jì)師結(jié)合其他方法論將界面設(shè)計(jì)的更好,總不能強(qiáng)行使用希克定律,將選擇題刪減到只剩兩個(gè)(變成判斷題)選項(xiàng)吧。
3.逆向使用-刻意增加操作成本
有時(shí)候,出于商業(yè)化的目的,同一個(gè)選項(xiàng)在二次操作時(shí),產(chǎn)品會(huì)刻意增加用戶(hù)操作成本,以降低選擇效率,看似??硕傻姆聪虿僮?,卻一定程度地降低了用戶(hù)退出率,實(shí)則對(duì)產(chǎn)品有益。
例如,在關(guān)注微信公眾號(hào)之前,非常醒目的關(guān)注按鈕觸手可及,可關(guān)注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關(guān)注入口,需要用戶(hù)花費(fèi)額外的時(shí)間去理解或試錯(cuò)方可取關(guān),這么做能降低公眾號(hào)粉絲的取關(guān)量。為公眾號(hào)留住粉絲,更是對(duì)內(nèi)容認(rèn)可的一種支持,后面的良性循環(huán)無(wú)需多講。
六、結(jié)語(yǔ)
希克定律是一個(gè)設(shè)計(jì)指南,對(duì)于它的使用,并沒(méi)有特定的標(biāo)準(zhǔn),但需要記住的是過(guò)多的選項(xiàng)會(huì)造成用戶(hù)過(guò)高的決策成本,是導(dǎo)致轉(zhuǎn)化率過(guò)低的重要原因之一。盡可能的減少用戶(hù)在一次決策中出現(xiàn)的選項(xiàng),并引導(dǎo)他們?cè)谶x項(xiàng)之間選擇,確保用戶(hù)在選項(xiàng)數(shù)量與決策時(shí)間上達(dá)到平衡。
有時(shí)候,??硕梢残枰Y(jié)合其他設(shè)計(jì)原則一起使用,以便快速實(shí)現(xiàn)用戶(hù)目標(biāo),大大提升使用體驗(yàn)。不僅如此,??硕蛇€融入了我們?nèi)粘I钪械姆椒矫婷?,你發(fā)現(xiàn)了多少,歡迎留言區(qū)討論。
專(zhuān)欄作家
大漠飛鷹;公眾號(hào):能量眼球,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。致力于產(chǎn)品需求的驅(qū)動(dòng)、產(chǎn)品體驗(yàn)的挖掘,利用設(shè)計(jì)的手段為受眾用戶(hù)帶來(lái)更好的體驗(yàn),即好看、好用。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
遙控器那個(gè)例子,作為用戶(hù),我第一反應(yīng)是選左邊那個(gè),因?yàn)樗尸F(xiàn)給我的信息更清楚,數(shù)字鍵、方向鍵之間也有區(qū)隔,很容易看明白。
思考了一下:
1. 過(guò)去很多年一直都用左邊這種遙控器,習(xí)慣影響很大(應(yīng)該是以下幾點(diǎn)的大前提);
2. 左邊的遙控器雖然按鍵很多,但是讓人有一種安心感:雖然我不能一眼看出每個(gè)鍵都是干什么的,但是有信心找一找,就能找出想要的功能鍵;
3. 右邊的遙控器過(guò)于簡(jiǎn)潔,第一次拿會(huì)感到不知所措,不確定自己能正確使用。
會(huì)有這樣的感覺(jué)在呢~
非常同意您說(shuō)的第一點(diǎn),咱們都有來(lái)自過(guò)去使用習(xí)慣的「記憶」,會(huì)覺(jué)得選擇多會(huì)更有安全感。
lz其實(shí)也限制了右邊遙控器的試用范圍:老和少
老,認(rèn)知能力下降;少,沒(méi)有路徑依賴(lài)的包袱
我的第一反應(yīng)是右邊的,小米電視差不多這種,我家老式海信電視就是左邊的,太復(fù)雜了,很多鍵用不上