用超多案例，幫你掌握設(shè)計(jì)師必知的?？硕?/h1>

2023-09-12 08:53:11

推薦訪問(wèn)：SEO新聞 SEO技術(shù) 網(wǎng)站技術(shù) 網(wǎng)絡(luò)營(yíng)銷

前言

在遠(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à)格）的方式分類，是不是就能讓選擇變得更容易些呢？

人們面臨的選擇越多，消耗的時(shí)間成本就越高，如何有效的降低用戶選項(xiàng)、減少用戶決策時(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)系，聲稱這兩者的關(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. 基本介紹

希克定律是一種心理物理學(xué)定律，我們還可以將其稱為"席克定律、西克定律、?？?海曼定律、希克法則"等，本文為方便介紹，將統(tǒng)一稱為「希克定律」。希克定律表明，用戶面臨選擇的數(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)單，特別是老少用戶，簡(jiǎn)單地教一下就能快速學(xué)會(huì)。至于圖 1，有些圖標(biāo)、顏色、英文，很多年輕的用戶也不清楚到底是干什么的，要想搞清楚，則需要更多的時(shí)間成本、學(xué)習(xí)成本以及試錯(cuò)成本，這就是?？硕稍谶b控器上的作用，以減少選擇讓用戶更快決策。遙控器的這個(gè)案例雖然在交互設(shè)計(jì)四策略中也體現(xiàn)的淋漓盡致，但與?？硕刹⒉粵_突，讓用戶減少選擇的方式可以是刪除、組合，也可以是隱藏、轉(zhuǎn)移。

4. 設(shè)計(jì)中的應(yīng)用

用戶在界面中看到的選項(xiàng)越多、信息量越大，就意味著需要花費(fèi)更多的時(shí)間與精力去識(shí)別和理解，直接延長(zhǎng)了用戶做決策的時(shí)間，在選擇困難較大的情況下，一旦用戶沒(méi)有足夠的精力或無(wú)法做出明確選擇（不愿動(dòng)腦）時(shí)可能直接放棄，導(dǎo)致任務(wù)失敗。當(dāng)信息/選項(xiàng)減無(wú)可減時(shí)，也可以通過(guò)對(duì)其分類分組、層級(jí)分布等方式提高用戶決策效率，只要選項(xiàng)與選項(xiàng)之間保持著一定的聯(lián)系，絲毫不會(huì)影響用戶識(shí)別與理解。

二、?？硕稍谠O(shè)計(jì)中的作用

1. 提高選擇效率

其實(shí)在很多頁(yè)面中都存在信息過(guò)剩的情況，對(duì)用戶來(lái)說(shuō)，選擇太多就等于沒(méi)有選擇，用戶很可能會(huì)因?yàn)楠q豫不決，造成時(shí)間成本上升而導(dǎo)致放棄當(dāng)前任務(wù)。盡可能避免在用戶面前出現(xiàn)過(guò)多的選擇，根據(jù)信息權(quán)重刪除或隱藏多余選項(xiàng)，只保留用戶所需。有"度"的刪減可保持內(nèi)容足夠簡(jiǎn)潔，提升用戶對(duì)信息的理解以及操作效率。

2. 優(yōu)化版式布局

在設(shè)計(jì)過(guò)程中，如果沒(méi)有對(duì)功能層級(jí)進(jìn)行劃分，一股腦地將所有功能入口平鋪的話，就需要用戶花費(fèi)大量的時(shí)間和精力來(lái)查找需要的功能，無(wú)疑是一場(chǎng)災(zāi)難。我們可以通過(guò)?？硕蓙?lái)優(yōu)化界面功能布局，根據(jù)業(yè)務(wù)的重要性對(duì)功能入口進(jìn)行分類組合，減少用戶的認(rèn)知及理解成本，以便快速達(dá)到目的。

3. 提升用戶體驗(yàn)

通過(guò)減少選項(xiàng)以及對(duì)信息進(jìn)行層級(jí)劃分，不管是視覺(jué)瀏覽還是操作流程上，消耗的成本都會(huì)有所降低，用戶在使用過(guò)程中的心情則更加愉悅，用戶體驗(yàn)得到了很大程度的提升。

4. 提高轉(zhuǎn)化率

用戶所做的選擇越少、消耗的成本就越小，好的使用體驗(yàn)讓用戶心情愉悅，短時(shí)間內(nèi)的流暢、愉悅操作都能讓任務(wù)變得更簡(jiǎn)單、更容易完成，還能降低用戶的付費(fèi)感知，間接性的提高了產(chǎn)品轉(zhuǎn)化率。

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

1. 減少選項(xiàng)、讓用戶更快選擇

對(duì)用戶來(lái)說(shuō)，選項(xiàng)越多就越復(fù)雜，需要的決策時(shí)間就越長(zhǎng)，尤其是用戶在絕大多數(shù)情況下所看到的頁(yè)面都存在信息過(guò)剩的情況，這時(shí)候，產(chǎn)品需解決的不是選項(xiàng)夠不夠的問(wèn)題，而是選項(xiàng)夠不夠好。

當(dāng)存在大量選項(xiàng)時(shí)，可適度減少選項(xiàng)的數(shù)量，不僅能降低用戶的思考時(shí)間，也提高了選項(xiàng)的質(zhì)量。iPhone 用戶應(yīng)該比較清楚，蘋(píng)果始終在不遺余力的遵循?？硕桑珹PP Store 就是最好的例子，從改版前大量的推薦應(yīng)用堆積到改版后信息量的減少，選擇目標(biāo)瞬間清晰了很多，用戶體驗(yàn)得到了大幅度的提升

如果大量的選項(xiàng)無(wú)法減少，可將重要選項(xiàng)靠前，將其他的隱藏起來(lái)，方便用戶決策及降低失誤操作的概率。例如騰訊視頻頂部分類后面的更多圖標(biāo)、支付寶首頁(yè)金剛區(qū)的更多入口，點(diǎn)開(kāi)后就會(huì)發(fā)現(xiàn)，里面隱藏了非常多的功能，這樣做能減少用戶認(rèn)知負(fù)荷，提高信息篩選的效率。

2. 選項(xiàng)分類、信息分層

這里最為典型的例子就是電商平臺(tái)的分類，它通過(guò)一級(jí)、二級(jí)、甚至三級(jí)分類將商品所涉及到的類型合理的控制在有效范圍內(nèi)，這些選項(xiàng)被分類/分組之后，關(guān)鍵信息得到強(qiáng)化，能輔助用戶快速作出決策。還有后面的二次篩選功能，幫助用戶進(jìn)一步縮小范圍，選擇效率明顯會(huì)更高。當(dāng)然，這不僅僅是依靠?？硕?，還得結(jié)合運(yùn)營(yíng)需求、用戶數(shù)據(jù)等因素進(jìn)行合理化分類。

另外，我們?cè)谶x擇地址時(shí)，如果將所有城市一股腦平鋪在界面上，用戶想要選擇自身所需，則需要花費(fèi)大量的時(shí)間。對(duì)城市進(jìn)行了分類分層，以及有了搜索歷史、熱門(mén)城市以及右側(cè)的首字母索引后，用戶就能通過(guò)不同維度快速找到想找的城市，選擇效率直線上升。

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

存在較長(zhǎng)的表單頁(yè)面，能給用戶默認(rèn)值的就不要讓其選擇、能讓用戶選擇的就不要讓其輸入，每多給用戶一個(gè)操作，其時(shí)間成本和出錯(cuò)率都將會(huì)上升。

當(dāng)表單內(nèi)容減無(wú)可減、輸入操作避無(wú)可避時(shí)，盡量將信息整合分類或分頁(yè)展示，引導(dǎo)用戶逐步操作，遵循一個(gè)頁(yè)面只做一件事的原則，協(xié)助用戶將注意力聚焦在當(dāng)前步驟中。面對(duì)長(zhǎng)長(zhǎng)的表單，用戶或多或少都有些消極情緒，產(chǎn)品要做的是通過(guò)視覺(jué)、操作感知來(lái)減少用戶的負(fù)面情緒，以此提升表單完成率。

常見(jiàn)的如調(diào)查問(wèn)卷、信用卡申請(qǐng)等，它們并沒(méi)有將全部信息堆在用戶面前，而是進(jìn)行分步驟或分頁(yè)的形式，一次只做一件事，避免了其他信息帶來(lái)的干擾，讓用戶有種簡(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ì)給用戶帶去很大的心理壓力，這時(shí)設(shè)計(jì)師需要去思考如何減輕用戶的壓力，展開(kāi)/收起也許就是一個(gè)不錯(cuò)的解決方案。我們可以將所有選項(xiàng)進(jìn)行分類，用戶在操作當(dāng)前類別時(shí)，其他所有類別暫時(shí)隱藏、并設(shè)定明確的可點(diǎn)擊圖標(biāo)提示用戶隨時(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)的大小、色彩（黑白/彩色）、類型（線性/面性/質(zhì)感/3D）或添加微動(dòng)效進(jìn)行主/次權(quán)重之分，用戶操作起來(lái)就不會(huì)有太多的疑惑或顧慮。

6. 不可操作項(xiàng)、鎖定/置灰

在特殊場(chǎng)景中，當(dāng)頁(yè)面存在不可刪除、不可隱藏、不可降權(quán)且不能讓用戶點(diǎn)擊的選項(xiàng)時(shí)，與其在用戶操作之后提示不可操作，不如在用戶操作之前就將選項(xiàng)鎖定或置灰，明確告知不可點(diǎn)擊，間接縮減選項(xiàng)，減少不必要的操作。

四、與交互四策略的完美結(jié)合

"合理刪除、分層組織、適時(shí)隱藏、巧妙轉(zhuǎn)移"，這一經(jīng)典理論出自于 Giles Colborne 著名的《交互設(shè)計(jì)四策略》一書(shū)。刪除、組織、隱藏、轉(zhuǎn)移每一種方式無(wú)疑都是在向用戶更好的展示信息，這個(gè)觀點(diǎn)也完美的詮釋了?？硕?，那么他們到底是如何對(duì)應(yīng)的呢？

1. 合理刪除（減少選項(xiàng)）

?？硕芍?，影響用戶決策最主要的原因就是選項(xiàng)數(shù)量，雖然「一個(gè)頁(yè)面只做一件事」受到諸多的限制與牽絆，但我們依然可以通過(guò)分清功能主次，刪除次要、突出主要選項(xiàng)來(lái)幫助用戶決策，增加效率。

2. 分層組織（分類/分層）

分類是?？硕芍泻芎玫囊环N表達(dá)方式，雖然選項(xiàng)并沒(méi)有實(shí)質(zhì)性的減少，但用戶可通過(guò)分類避開(kāi)了很多不必要的選項(xiàng)，不管是通過(guò)父子及級(jí)還是平級(jí)，都做到了將大量選項(xiàng)明確區(qū)分，用戶需要深挖時(shí)總會(huì)有跡可循。Giles Colborne 說(shuō)過(guò)"不要用過(guò)于專業(yè)的標(biāo)準(zhǔn)進(jìn)行分類"，用通俗易懂的組織方式更是促進(jìn)希克定律加快用戶決策效率的一種有效方式。

3. 適時(shí)隱藏（展開(kāi)/隱藏）

與刪除不同的是，隱藏并沒(méi)有刪減選項(xiàng)的數(shù)量，只展示部分常用、高頻的選項(xiàng)，去除其他信息的干擾，方便用戶快速做出決策，而將其他不常用、低頻選項(xiàng)隱藏起來(lái)，在需要時(shí)系統(tǒng)自動(dòng)展示、或用戶手動(dòng)喚出。其實(shí)，不管是交互四策略中的隱藏、還是希克定律中的隱藏，其作用都是通過(guò)暫時(shí)性地減少信息數(shù)量來(lái)提升用戶操作效率。

4. 巧妙轉(zhuǎn)移（分頁(yè)/分步）

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

五、常見(jiàn)問(wèn)題處理

1. 選項(xiàng)不要減到只剩一個(gè)

希克定律要做的是通過(guò)減少用戶做決定的時(shí)間，來(lái)提升轉(zhuǎn)化率以及用戶體驗(yàn)，但不管在什么情況下，用戶都希望自己還擁有選擇的權(quán)利，如果設(shè)計(jì)師自作聰明的將選項(xiàng)減到只剩一個(gè)，就相當(dāng)于告知用戶必須接受，那么用戶就有種被強(qiáng)制、綁架的感覺(jué)，只會(huì)存在兩個(gè)結(jié)果：①被你的產(chǎn)品拿捏、②離開(kāi)你的產(chǎn)品，筆者相信第一種可能性的概率極低，畢竟同類型的產(chǎn)品并不是只有你一家（壟斷除外）。

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

2. 極端場(chǎng)景要克制使用

任何定律都有其自身的使用局限，所以也不要極度推崇希克定律而簡(jiǎn)化到抽象的地步。大部分情況下，?？硕啥际怯迷诳山换ソ缑嬷械脑?，對(duì)于那些需要高度搜索、閱讀或?qū)W習(xí)刷題類的功能并不適用，因?yàn)樵O(shè)計(jì)師只能決定信息呈現(xiàn)的視覺(jué)效果，并不能決定內(nèi)容的質(zhì)量、類型與數(shù)量。

例如，刷題類應(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ì)刻意增加用戶操作成本，以降低選擇效率，看似?？硕傻姆聪虿僮鳎瑓s一定程度地降低了用戶退出率，實(shí)則對(duì)產(chǎn)品有益。

例如，在關(guān)注微信公眾號(hào)之前，非常醒目的關(guān)注按鈕觸手可及，可關(guān)注之后，弱化的幽靈按鈕及文案，很難一眼看出這就是取消關(guān)注入口，需要用戶花費(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ì)造成用戶過(guò)高的決策成本，是導(dǎo)致轉(zhuǎn)化率過(guò)低的重要原因之一。盡可能的減少用戶在一次決策中出現(xiàn)的選項(xiàng)，并引導(dǎo)他們?cè)谶x項(xiàng)之間選擇，確保用戶在選項(xiàng)數(shù)量與決策時(shí)間上達(dá)到平衡。

有時(shí)候，?？硕梢残枰Y(jié)合其他設(shè)計(jì)原則一起使用，以便快速實(shí)現(xiàn)用戶目標(biāo)，大大提升使用體驗(yàn)。不僅如此，?？硕蛇€融入了我們?nèi)粘Ｉ钪械姆椒矫婷妫惆l(fā)現(xiàn)了多少，歡迎留言區(qū)討論。

作者：能量眼球

想了解更多網(wǎng)站技術(shù)的內(nèi)容，請(qǐng)?jiān)L問(wèn)：網(wǎng)站技術(shù)

本文來(lái)源：http://gagu89.com/seodongtai/19528.html

免責(zé)聲明：部分文章信息來(lái)源于網(wǎng)絡(luò)以及網(wǎng)友投稿，本網(wǎng)站只負(fù)責(zé)對(duì)文章進(jìn)行整理、排版、編輯，是出于傳遞更多信息之目的，并不意味著贊同其觀點(diǎn)或證實(shí)其內(nèi)容的真實(shí)性，不承擔(dān)任何法律責(zé)任。

上一篇

實(shí)戰(zhàn)分享！系統(tǒng)可見(jiàn)原則在交互方案中的運(yùn)用

下一篇

4300字排版干貨！8個(gè)方法幫你提升作品集的文字質(zhì)感

喜歡 收藏