作者整理了 20 條經(jīng)典原則，并通過(guò)正反例子說(shuō)明這些原則在設(shè)計(jì)中是如何運(yùn)用的。系統(tǒng)學(xué)習(xí) 20 條經(jīng)典原則，讓你的設(shè)計(jì)更有說(shuō)服力。

簡(jiǎn)介說(shuō)明

1. 理論表述

決策所需要花費(fèi)的時(shí)間隨著選擇的數(shù)量和復(fù)雜性增加而增加。

2. 研究背景

1868 年，F(xiàn)ranciscus Donders 發(fā)現(xiàn)多重刺激之下人們做出選擇需要花更久的時(shí)間；1885 年，J.Merkel 進(jìn)一步發(fā)現(xiàn)當(dāng)這些刺激變得更大時(shí)，同樣會(huì)阻礙人們做出選擇。心理學(xué)家認(rèn)為這種現(xiàn)象與信息理論高度吻合，故而做出進(jìn)一步的研究。

1981 年，Hick 在研究中發(fā)現(xiàn)人們做出選擇所需要的時(shí)間與候選數(shù)量是呈對(duì)數(shù)關(guān)系的，而 Hyman 在細(xì)化研究之下聲稱這兩者的關(guān)系應(yīng)該呈線性?？傊瑹o(wú)論是對(duì)數(shù)還是線性，選擇數(shù)量越多，我們就需要花費(fèi)更多的時(shí)間作出決定（候選項(xiàng)的復(fù)雜度相等的情況下）。

設(shè)計(jì)案例

1. 提供盡可能少的選項(xiàng)

蘋(píng)果在這幾年可以說(shuō)是不遺余力地縮減給予用戶的選擇，從接口到 iOS 原生應(yīng)用，我們可以看到不論是從產(chǎn)品還是設(shè)計(jì)，蘋(píng)果都義無(wú)反顧地遵循著希克定律。

案例1：APP Store

引用知乎答主關(guān)小羽評(píng)價(jià)新版 APP Store 的一句話：

對(duì)用戶來(lái)講，選擇太多就等于沒(méi)有選擇，尤其我們絕大多數(shù)時(shí)候都處于信息過(guò)剩的狀況，需要解決的問(wèn)題已經(jīng)不是「選擇不夠」，而是「選擇不夠好」。

改版后的 APP Store 不僅減少了選項(xiàng)的數(shù)目，也大幅提高了選項(xiàng)的質(zhì)量，所以體驗(yàn)更好也是毋庸置疑的。

2. 必須有較多選項(xiàng)的時(shí)候

但有時(shí)候我們又不得不面臨應(yīng)用具有大量可選項(xiàng)的情況，比如涉及商品選擇、設(shè)置列表的時(shí)候，再比如一些體量比較龐大，功能點(diǎn)多的應(yīng)用時(shí)，多選項(xiàng)是不可避免的，怎么規(guī)避如此多的選項(xiàng)帶給用戶的選擇壓力，是設(shè)計(jì)師需要反復(fù)思考的一個(gè)問(wèn)題。

對(duì)選項(xiàng)做出權(quán)重的區(qū)分

在一個(gè)頁(yè)面中的大量選項(xiàng)里，一定有那么幾個(gè)是用戶最常用的，而其余則不怎么常用，使用頻率的不同給選項(xiàng)增加了不同的權(quán)重，所以設(shè)計(jì)的時(shí)候就要對(duì)不同權(quán)重的選項(xiàng)做出視覺(jué)上的區(qū)分。

案例2：大眾點(diǎn)評(píng)

大眾點(diǎn)評(píng)把權(quán)重相對(duì)更高的「收藏」、「待點(diǎn)評(píng)」、「攻略」、「最近瀏覽」和「我的關(guān)注」在 icon 的樣式上與其余選項(xiàng)做出區(qū)分（彩色、面性 icon 視覺(jué)上更重），這樣用戶在選擇時(shí)就自動(dòng)把這一堆選項(xiàng)分為了兩類，再細(xì)化去進(jìn)行選擇就有效率得多。

對(duì)選項(xiàng)做出類別的區(qū)分

案例3：京東、虎課分類頁(yè)

電商是比較典型的例子，由于電商平臺(tái)所涉及的商品種類繁多，如果不加以分類必然造成用戶挑花眼、怒卸應(yīng)用的結(jié)果。甚至一次分類還不夠，需要進(jìn)行二次分類，才能把一次選擇行為所涉及的候選項(xiàng)控制在比較合理的范圍內(nèi)。

分步進(jìn)行選擇

在第一和第二點(diǎn)的基礎(chǔ)上，我們可以將不同層級(jí)的選擇至于不同層級(jí)的頁(yè)面。

案例4：即刻

即刻在選擇自己所中意的圈子的時(shí)候，會(huì)首先對(duì)提供的備選項(xiàng)進(jìn)行分類，用戶只有先選擇大類才能再選擇具體的圈子，這樣一來(lái)每次選擇的候選數(shù)量最多不超過(guò) 6 個(gè)，比起一股腦兒把所有選擇丟給用戶，即刻的做法無(wú)疑會(huì)讓選擇變得簡(jiǎn)單得多。

隱藏/鎖定/置灰不可點(diǎn)擊的項(xiàng)

最后還可以考慮把不可用的選項(xiàng)置灰、隱藏或者鎖定，總之在視覺(jué)上讓用戶覺(jué)得它不可點(diǎn)擊、不可選擇，這樣就能夠縮減候選項(xiàng)，排除不必要的干擾。

案例5：Drops

Drops 就把用戶無(wú)法選擇的項(xiàng)都鎖定了起來(lái)，在視覺(jué)上告知用戶這些選項(xiàng)不可選，有效地減少了用戶初次做決策時(shí)的候選數(shù)量。

注意事項(xiàng)

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

不管在什么場(chǎng)景下用戶都希望自己還擁有選擇的權(quán)利，選項(xiàng)減少是沒(méi)錯(cuò)，但不能讓用戶覺(jué)得自己「沒(méi)得選」。如果設(shè)計(jì)師自作聰明地把可視選項(xiàng)減到只剩一個(gè)的話，就做好被用戶討厭的準(zhǔn)備。

反面案例1：

同樣是請(qǐng)求，Soul 的請(qǐng)求除了一個(gè)「好的」按鈕之外沒(méi)有任何其他選擇，而且點(diǎn)其他區(qū)域也無(wú)法跳過(guò)這個(gè)請(qǐng)求，這就對(duì)用戶形成了一種暗示：你只能同意。不管它請(qǐng)求的內(nèi)容如何，對(duì)用戶來(lái)說(shuō)縮減選項(xiàng)并不意味著沒(méi)得選，用戶擁有跳過(guò)或者拒絕的權(quán)利。

安卓上會(huì)有很多不給電話權(quán)限就不能使用的應(yīng)用，用戶通常稱為「毒瘤」也是一樣的道理。安卓用戶對(duì)此深痛惡絕，只能選擇同意，或者卸載，體驗(yàn)極差。

2. 不要把選項(xiàng)做得更復(fù)雜

有一小部分場(chǎng)景下，選項(xiàng)沒(méi)辦法分類，更沒(méi)辦法分層，用戶還希望選項(xiàng)越多越好，沒(méi)錯(cuò)這個(gè)場(chǎng)景就是主題選擇。在這種本身選項(xiàng)比較多的場(chǎng)景下，不要把選項(xiàng)做得更復(fù)雜。

反面案例2：Timepage

Timepage 的主題色選擇不僅多，色彩分布沒(méi)有規(guī)律，而且還會(huì)繞著中心轉(zhuǎn)。本來(lái)我想選黑色，猶豫了一下再想看看別的顏色，回來(lái)發(fā)現(xiàn)黑色已經(jīng)轉(zhuǎn)到不知道哪里去了還得重新找。所以在這樣花費(fèi)用戶更多精力和時(shí)間的情況下，就不要做更多更復(fù)雜的效果了。

3. 適用邊界

?？硕伤懻摰膱?chǎng)景，僅僅是指可交互界面中的元素，當(dāng)涉及到選擇本身就是做選擇題時(shí)，該理論不適用。

你總不能指望考試時(shí)候英語(yǔ)卷子每題只有兩個(gè)選項(xiàng)吧？拋開(kāi)現(xiàn)實(shí)中的試題不談，在應(yīng)用中一旦涉及到問(wèn)卷、測(cè)試的時(shí)候，?？硕梢彩怯兴窒薜?，因?yàn)槲覀冊(cè)O(shè)計(jì)師無(wú)法影響選項(xiàng)本身，我們只能影響出題的形式。

不適用案例：Dribbble 問(wèn)卷

參考 dribbble 的問(wèn)卷，作為設(shè)計(jì)師我們不能削減選項(xiàng)的個(gè)數(shù)，但是可以決定一頁(yè)只顯示一個(gè)問(wèn)題，讓用戶閱讀或選擇時(shí)更加專注。

總結(jié)

? 盡可能縮減用戶一次決策中出現(xiàn)的選項(xiàng)；

? 已經(jīng)有多個(gè)選項(xiàng)時(shí)，不要增加選項(xiàng)的復(fù)雜度。

作者：超人的電話亭