編輯導(dǎo)語：有了互聯(lián)網(wǎng)以后，大家都會發(fā)現(xiàn)信息的獲取越來越方便，但同時也會發(fā)現(xiàn)，信息過載的問題更加嚴(yán)重。產(chǎn)品設(shè)計(jì)中，很多時候信息過載是無法避免的，很容易在無聲無息中給產(chǎn)品帶來負(fù)面的影響。如何解決這個問題？本文作者從自身實(shí)踐出發(fā)，總結(jié)分享了相關(guān)方法，希望對你有用。

之前寫過一個過度設(shè)計(jì)的小結(jié)，然后最近有大佬普及了一下信息過載的概念，然后抽空寫了一下小結(jié)，信息過載的確跟過度設(shè)計(jì)有一些關(guān)系，但也有著本質(zhì)上的區(qū)別，具體可以看看之前寫的小結(jié)。

小乞丐：把握設(shè)計(jì)的“度”，避免過度設(shè)計(jì)。文章鏈接：http://22none.com/pd/5346020.html

一、什么是信息過載

信息過載原本的定義指的是社會信息超過了個人或系統(tǒng)所能接受、處理或有效利用的范圍，并導(dǎo)致故障的狀況，即信息超過了人接收和處理的限度。同樣的，在產(chǎn)品設(shè)計(jì)中也有信息過載，大致可以歸納為：

產(chǎn)品設(shè)計(jì)中包含的“信息”過多，超出了用戶正常處理的“限度”，即需要花費(fèi)過多的時間和精力來處理這些信息。

如下左圖所示列表網(wǎng)格為4*6，如下右圖所示網(wǎng)格列表為8*11，就形成了信息過載，用戶找到目標(biāo)信息（黑色方塊）就需要花費(fèi)更多的時間和精力，點(diǎn)擊操作的成本也更大。一般來說5*8以內(nèi)網(wǎng)格列表最適合用戶閱讀和操作，超出這個范圍就容易形成信息過載。

一般來說，不同的產(chǎn)品和用戶對信息過載的接收“限度”是不同的，比如老年用戶由于其生理特征的原因其信息過載的“限度”就比年輕用戶低得多。類似的，ToB產(chǎn)品面向?qū)I(yè)的用戶群體，ToC面向普通用戶群體，前者對信息過載的接受程度可以更高一點(diǎn)。

需要注意的是，信息過載與過度設(shè)計(jì)有一定的相似，但有本質(zhì)上的差異，過度設(shè)計(jì)一般都缺少其“價值性”，而信息過載可能存在其必要性和價值性，更多的是信息的表達(dá)方式或設(shè)計(jì)形式不合理。

二、信息過載有什么影響

產(chǎn)品設(shè)計(jì)中的信息過載是一種負(fù)面體驗(yàn)設(shè)計(jì)，會給用戶帶來負(fù)面體驗(yàn)的同時，也會給產(chǎn)品帶來負(fù)面影響。

1. 給用戶帶來的影響

信息過載對用戶的負(fù)面影響主要體現(xiàn)在以下幾點(diǎn)：

1.1 影響用戶對產(chǎn)品信息獲取的效率和準(zhǔn)確率

產(chǎn)品設(shè)計(jì)中一旦形成信息過載，則用戶需要花費(fèi)更多的時間和精力從過多的信息元素中找到自己需要的信息，這必然會影響用戶獲取信息的效率和準(zhǔn)確率，從而導(dǎo)致用戶的產(chǎn)品使用成本也會變得更高。

1.2 用戶容易形成負(fù)面情緒和認(rèn)知

信息過載對用戶來說是一種負(fù)面體驗(yàn)，這種負(fù)面體驗(yàn)很容易讓用戶形成負(fù)面情緒和認(rèn)知，比如xxx功能真難用，從長遠(yuǎn)角度來說，對產(chǎn)品的發(fā)展和品牌形象都是極為不利的。

2. 給產(chǎn)品帶來的影響

信息過載對產(chǎn)品的負(fù)面影響主要體現(xiàn)在以下幾點(diǎn)：

2.1 信息元素很難得到正確有效地表達(dá)

信息過載對產(chǎn)品最為直接的影響是信息元素很難得到正確有效地表達(dá)，比如重要元素得不到應(yīng)有的“強(qiáng)調(diào)”，或者是次要元素得到過多的“表達(dá)”。如下左圖中將下載按鈕單獨(dú)布局在頁面底部，而右圖在頁面底部下載按鈕附近布局很多其他信息元素，兩者相比較，左圖中下載按鈕得到了有效地“強(qiáng)調(diào)”和“表達(dá)”，而右圖頁面底部信息過載，下載按鈕被旁邊的信息元素分走了“視覺焦點(diǎn)”。

2.2 信息層級結(jié)構(gòu)混亂

信息過載中過多的信息容易導(dǎo)致產(chǎn)品層級結(jié)構(gòu)混亂，讓用戶對信息產(chǎn)生歧義或者誤解，無法將信息元素歸納到正確的產(chǎn)品層級結(jié)構(gòu)中，不利于用戶在產(chǎn)品中的“交互”和“操作”。

2.3 產(chǎn)品邏輯“復(fù)雜”

任何一個信息元素都有著其功能作用，或是用于信息表達(dá)，或是用于用戶操作，因此當(dāng)產(chǎn)品設(shè)計(jì)中形成信息過載時，也就意味著相應(yīng)的功能邏輯會非常復(fù)雜，而任何復(fù)雜的功能邏輯對用戶和產(chǎn)品來說都不是一種好的結(jié)果。

三、有哪些常見的信息過載形式

信息過載在產(chǎn)品設(shè)計(jì)中是一種常見的現(xiàn)象，常見的有如下幾種形式：

1. 頁面布局信息過載

頁面布局信息過載是最為常見的一種信息過載形式，其主要指在在頁面中布局了過多的信息元素。如下圖所示，左圖頁面中布局了4個同類型的卡片，屬于正常合理的設(shè)計(jì)方案，但右圖中布局了一個父級卡片，其中布局了6個子級卡片，每一個子級卡片中包含的信息個數(shù)和格式也不相同，這就是典型的頁面布局信息過載，用戶就很難理解和操作頁面中相關(guān)的信息。

2. 單一元素的信息過載

單一元素的信息過載指的是頁面中為單一元素設(shè)計(jì)了過多的“內(nèi)涵”。如常見的按鈕操作就是點(diǎn)擊，如果為同一個按鈕同時設(shè)計(jì)了點(diǎn)擊和長按2種完全不同邏輯的操作，這種設(shè)計(jì)對用戶的認(rèn)知和操作使用上來講都是一種的“負(fù)擔(dān)”，用戶無法理解何時進(jìn)行點(diǎn)擊操作何時進(jìn)行長按操作，這就是典型的單一元素信息過載。

3. 操作行為信息過載

操作行為信息過載指的是設(shè)計(jì)中用戶操作行為和路徑過于復(fù)雜。常見的操作行為信息過載有如下幾種：

3.1 操作路徑過長

用戶與產(chǎn)品進(jìn)行交互時，如果某一目標(biāo)的操作路徑過長，則需要用戶花費(fèi)大量的時間和精力來處理相關(guān)的信息，因此每多一步操作路徑，用戶的操作成本就會大幅度提升同時負(fù)面體驗(yàn)也會逐漸提升，所以設(shè)計(jì)中，用戶操作路徑需要盡量簡短，過長的操作路徑容易造成信息過載。

3.2 單步操作信息過多

單步操作中包含過多信息也是一種常見的操作行為信息過載。如果在單步操作中包含的信息過多，那么用戶在單步操作中就需要花費(fèi)較多的精力和時間，從而容易導(dǎo)致后續(xù)操作中斷。如果單步操作中的功能邏輯信息較多無法刪減，則可以考慮將單步操作拆解成多步操作，從而最大限度的降低信息過載。

3.3 操作路徑結(jié)構(gòu)過于復(fù)雜

常見的用戶行為路徑基本上都是線性或者是樹狀結(jié)構(gòu)的，即完成上一步操作后才會進(jìn)入下一步操作，這樣的設(shè)計(jì)讓用戶更好地理解操作邏輯和聚焦操作行為，如果將用戶的行為路徑設(shè)計(jì)成網(wǎng)狀結(jié)構(gòu)，容易因?yàn)榫W(wǎng)狀結(jié)構(gòu)中復(fù)雜的操作和功能邏輯而導(dǎo)致信息過載，從而讓用戶很難理解產(chǎn)品的功能邏輯和使用產(chǎn)品。

4. 邏輯信息過載

邏輯信息過載是指產(chǎn)品的某一功能的邏輯過于復(fù)雜。邏輯信息過載常見但容易被忽視，因?yàn)檫壿嬕话愫茈y在產(chǎn)品中可視化地表現(xiàn)出來，用戶的負(fù)面體驗(yàn)也很容易歸結(jié)到功能本身，而不是邏輯設(shè)計(jì)上。常見的邏輯信息過載都是設(shè)計(jì)中過于細(xì)化邏輯或是邏輯表達(dá)不合理。如賬號登錄功能中，為輸入手機(jī)錯誤提示設(shè)計(jì)了各種細(xì)化邏輯，比如“請輸入11位手機(jī)號”（輸入小于11位），“輸入純數(shù)字手機(jī)號”（輸入了非數(shù)字字符），“請輸入有效手機(jī)號”（輸入了無效號碼段）等，這些過分細(xì)化的功能邏輯只會增加用戶的認(rèn)知和使用成本，實(shí)際中簡單的“請輸入正確的手機(jī)號”就可以解決所有問題。

四、如何處理信息過載

信息過載的本質(zhì)就是產(chǎn)品中的信息過多，導(dǎo)致信息密度超過了用戶的可接受程度。因此從根源和本質(zhì)上解決信息過載的方法就是降低信息密度。常見降低信息密度的有幾種方法，即降低信息數(shù)量，過濾/聚焦信息，區(qū)分信息和轉(zhuǎn)移/隱藏信息。

1. 降低信息數(shù)量

降低信息數(shù)量指的是在產(chǎn)品設(shè)計(jì)中盡量降低展示給用戶的信息數(shù)量，這是避免信息過載最本質(zhì)的方法，具體可以從以下幾個方面來思考和設(shè)計(jì)。

1.1 降低產(chǎn)品的“復(fù)雜度”

降低產(chǎn)品的復(fù)雜度是從產(chǎn)品設(shè)計(jì)源頭上避免信息過載，即在滿足用戶和產(chǎn)品需求的前提下，盡量簡化產(chǎn)品的功能邏輯（具體的可以利用“簡約有效”原則來進(jìn)行產(chǎn)品設(shè)計(jì)和設(shè)計(jì)評估）。比如應(yīng)用中的圖片下載功能，就可以使用長按下載的設(shè)計(jì)，無需為其設(shè)計(jì)暫停下載，取消下載和展示下載進(jìn)度等相關(guān)的邏輯，如果將其做的這么復(fù)雜，不但不會有正面作用，而且還容易帶來負(fù)面體驗(yàn)，形成信息過載。

1.2 合理規(guī)劃產(chǎn)品的信息層級結(jié)構(gòu)

產(chǎn)品信息層級結(jié)構(gòu)是產(chǎn)品的骨架，決定了用戶在產(chǎn)品中“瀏覽”和“操作”的路徑，如果信息層級結(jié)構(gòu)設(shè)計(jì)不合理，就很容易形成信息過載，比如某一層級中信息展示過多信息或者是某一功能的信息層級結(jié)構(gòu)縱向深度過長。比較合理的信息層級結(jié)構(gòu)應(yīng)該是縱向結(jié)構(gòu)不要超過5個父子層級，橫向結(jié)構(gòu)不要超過8個兄弟層級，如下圖所示。

2. 過濾/聚焦信息

產(chǎn)品中的信息是非常多且非常復(fù)雜，而且到了一定程度，信息的數(shù)量和復(fù)雜程度就無法降低了，此時避免信息過載的最佳方法就是過濾信息和聚焦信息，即過濾掉當(dāng)前場景中用戶不需要的信息或者是聚焦當(dāng)前場景中用戶需要的信息。

2.1 分清信息的主次

產(chǎn)品中不是所有的信息都是一樣的重要，是有主次和優(yōu)先級高低之分的，在設(shè)計(jì)中應(yīng)該遵循“主次原則”，即分清信息的主次，將重要和高優(yōu)先級的信息在頁面中進(jìn)行重點(diǎn)“設(shè)計(jì)”和“表達(dá)”。如下圖所示，左圖中所有信息的“表達(dá)”都是一致的，容易形成信息過載，而右圖中通過設(shè)計(jì)的形式區(qū)分了主次信息，用戶可以主次信息來進(jìn)行信息快速篩選和獲取，從而找到自己的目標(biāo)信息。

2.2 信息歸類分組

產(chǎn)品中，信息之間是不可能完全獨(dú)立的，一定有相關(guān)的邏輯關(guān)系，我們可以根據(jù)這些邏輯關(guān)系來對信息進(jìn)行分組，這樣可以通過信息組與組之間的差異提升用戶獲取目標(biāo)信息的效率，從而避免信息過載。常見的信息歸類分組的方式有很多，有標(biāo)題，卡片，分割線或者布局間距空隙，層級結(jié)構(gòu)等，如下圖所示就是利用標(biāo)題和卡片布局進(jìn)行信息分組的示例。

3. 區(qū)分信息

區(qū)分信息指的是指利用合理有效的表達(dá)形式來增加信息之間的“獨(dú)立性”和“辨識度”。因此當(dāng)頁面中信息比較多且復(fù)雜的時候，合理有效的信息表達(dá)形式就是減少信息過載最簡單且最有效的方式，因?yàn)樾畔⒌谋磉_(dá)形式是視覺樣式的差異，不會對產(chǎn)品的功能邏輯產(chǎn)生任何影響，具體可以從以下幾個角度進(jìn)行思考和設(shè)計(jì)。

3.1 合理地利用視覺屬性

信息在在頁面中的可視化表達(dá)是通過不同的視覺屬性來進(jìn)行表達(dá)的，這些視覺屬性雖然對功能邏輯沒有影響，但是會影響信息的表達(dá)和傳遞，因此合理地利用信息的視覺屬性可以一定程度上避免信息過載，位置、形狀、顏色、大小和間距等是使用最多的視覺屬性之一。如下圖所示為利用位置、形狀、顏色、大小、間距等視覺屬性來增加信息之間的“獨(dú)立性”和“辨識度”的示例。

3.2 不同的信息表達(dá)方式

同樣的信息可以有多種表達(dá)方式，不同的表達(dá)方式對信息的表達(dá)效果也是不同的，而合理利用不同的信息表達(dá)方式可以在很大程度上降低或者避免信息過載。如下左圖所示，頁面布局了較多的純文本的單行列表，單純的靠文本來分辨不同的列表項(xiàng)就很容易造成信息過載，如右圖所示的單行列表添加了圖標(biāo)，就可以利用圖標(biāo)來增加列表項(xiàng)的辨識度，從而避免信息過載。

3.3 符合認(rèn)知和習(xí)慣的表達(dá)方式

設(shè)計(jì)中信息的表達(dá)方式應(yīng)該最大程度的符合用戶的認(rèn)知和習(xí)慣，這樣可以有效的降低用戶對信息的理解和認(rèn)知成本。比如在進(jìn)行語音交互設(shè)計(jì)的時候，最合適的語音輸入方式就是長按按鈕進(jìn)行語音輸入，因?yàn)樵趪鴥?nèi)微信已經(jīng)將長按語音輸入培養(yǎng)成為一種較為普遍的用戶認(rèn)知和習(xí)慣。

4. 轉(zhuǎn)移/隱藏信息

用戶與產(chǎn)品之間的交互是一個持續(xù)的過程，沒有必要將所有的信息一次性地傳遞或者展示給給用戶，可以根據(jù)具體的上下文環(huán)境，僅僅展示用戶需要的信息，將用戶不需要信息隱藏起來，即通過合理的設(shè)計(jì)將部分信息進(jìn)行轉(zhuǎn)移或者隱藏，以減少信息密度，從而避免信息過載。

4.1 利用層級結(jié)構(gòu)轉(zhuǎn)移/隱藏信息

利用產(chǎn)品信息層級結(jié)構(gòu)來進(jìn)行轉(zhuǎn)移/隱藏信息就是將重要的/主要的信息優(yōu)先在高層級結(jié)構(gòu)或父級頁面中展示，而將次要的信息展示在層級結(jié)構(gòu)較低的結(jié)構(gòu)或子級頁面中。如下圖所示頁面中包含若干個卡片，單個卡片中包含的信息數(shù)量較多且較復(fù)雜，容易形成了信息過載。

對此，可以利用產(chǎn)品層級結(jié)構(gòu)來轉(zhuǎn)移和隱藏信息來優(yōu)化設(shè)計(jì)方案，如下圖所示為分別為利用子級層級結(jié)構(gòu)來隱藏和轉(zhuǎn)移信息的示例。

4.2 用戶任務(wù)流程和操作步驟的分解

在用戶與產(chǎn)品交互過程中，如果在較短的時間內(nèi)用戶需要進(jìn)行較多的交互操作，也很容易形成信息過載。因此當(dāng)某一個交互操作較為復(fù)雜需要用戶較多的時間和精力時，可以考慮對交互操作進(jìn)行分拆，即將交互操作按照一定的邏輯拆分為幾個細(xì)分步驟，用戶每一次只需要完成其中一個步驟，從而減少用戶單次交互操作中需要處理的信息。

如下圖所示假設(shè)用戶在產(chǎn)品中新建功能時需要填寫若干信息，左圖中將所有信息布局在同一個頁面中，由于信息邏輯復(fù)雜，很容易形成信息過載，而右圖將信息填寫操作分拆為3個頁面，每個頁面僅展示若干有關(guān)聯(lián)的信息，這樣不僅可以以避免信息過載，而且還可以讓用戶更好聚焦當(dāng)前的操作，提升新建操作的成功率。

在產(chǎn)品設(shè)計(jì)中如果需要對用戶的交互操作進(jìn)行拆分，一定需要注意如下2點(diǎn)。一是分拆要有一定的邏輯，即每一個步驟中的信息應(yīng)該有一定的邏輯關(guān)聯(lián)性，不能隨意的進(jìn)行拆分；二是不能無限制的進(jìn)行分拆，常見的是分拆到3~5個步驟比較合適，超過這個范圍反而會因?yàn)椴僮髀窂竭^長而帶來負(fù)面影響。

五、小結(jié)

產(chǎn)品設(shè)計(jì)中，很多時候信息過載是無法避免的，這是產(chǎn)品的功能結(jié)構(gòu)和邏輯“本身造成的，因此信息過載也是一個容易被忽視的問題，很容易在無聲無息中給產(chǎn)品帶來負(fù)面的影響，比如產(chǎn)品用戶數(shù)據(jù)的降低，產(chǎn)品口碑變差等，而且這些負(fù)面影響很容易被歸結(jié)到產(chǎn)品功能本身（而不是設(shè)計(jì)方案上），所以在產(chǎn)品設(shè)計(jì)流程中，應(yīng)該合理有效的考慮信息承載的問題，從根源到設(shè)計(jì)方案上都盡量避免或者是降低信息過載。

本文由 @小乞丐 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

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