避免信息過載,讓設計更有效
編輯導語:有了互聯網以后,大家都會發現信息的獲取越來越方便,但同時也會發現,信息過載的問題更加嚴重。產品設計中,很多時候信息過載是無法避免的,很容易在無聲無息中給產品帶來負面的影響。如何解決這個問題?本文作者從自身實踐出發,總結分享了相關方法,希望對你有用。
之前寫過一個過度設計的小結,然后最近有大佬普及了一下信息過載的概念,然后抽空寫了一下小結,信息過載的確跟過度設計有一些關系,但也有著本質上的區別,具體可以看看之前寫的小結。
小乞丐:把握設計的“度”,避免過度設計。文章鏈接:http://www.aharts.cn/pd/5346020.html
一、什么是信息過載
信息過載原本的定義指的是社會信息超過了個人或系統所能接受、處理或有效利用的范圍,并導致故障的狀況,即信息超過了人接收和處理的限度。同樣的,在產品設計中也有信息過載,大致可以歸納為:
產品設計中包含的“信息”過多,超出了用戶正常處理的“限度”,即需要花費過多的時間和精力來處理這些信息。
如下左圖所示列表網格為4*6,如下右圖所示網格列表為8*11,就形成了信息過載,用戶找到目標信息(黑色方塊)就需要花費更多的時間和精力,點擊操作的成本也更大。一般來說5*8以內網格列表最適合用戶閱讀和操作,超出這個范圍就容易形成信息過載。
一般來說,不同的產品和用戶對信息過載的接收“限度”是不同的,比如老年用戶由于其生理特征的原因其信息過載的“限度”就比年輕用戶低得多。類似的,ToB產品面向專業的用戶群體,ToC面向普通用戶群體,前者對信息過載的接受程度可以更高一點。
需要注意的是,信息過載與過度設計有一定的相似,但有本質上的差異,過度設計一般都缺少其“價值性”,而信息過載可能存在其必要性和價值性,更多的是信息的表達方式或設計形式不合理。
二、信息過載有什么影響
產品設計中的信息過載是一種負面體驗設計,會給用戶帶來負面體驗的同時,也會給產品帶來負面影響。
1. 給用戶帶來的影響
信息過載對用戶的負面影響主要體現在以下幾點:
1.1 影響用戶對產品信息獲取的效率和準確率
產品設計中一旦形成信息過載,則用戶需要花費更多的時間和精力從過多的信息元素中找到自己需要的信息,這必然會影響用戶獲取信息的效率和準確率,從而導致用戶的產品使用成本也會變得更高。
1.2 用戶容易形成負面情緒和認知
信息過載對用戶來說是一種負面體驗,這種負面體驗很容易讓用戶形成負面情緒和認知,比如xxx功能真難用,從長遠角度來說,對產品的發展和品牌形象都是極為不利的。
2. 給產品帶來的影響
信息過載對產品的負面影響主要體現在以下幾點:
2.1 信息元素很難得到正確有效地表達
信息過載對產品最為直接的影響是信息元素很難得到正確有效地表達,比如重要元素得不到應有的“強調”,或者是次要元素得到過多的“表達”。如下左圖中將下載按鈕單獨布局在頁面底部,而右圖在頁面底部下載按鈕附近布局很多其他信息元素,兩者相比較,左圖中下載按鈕得到了有效地“強調”和“表達”,而右圖頁面底部信息過載,下載按鈕被旁邊的信息元素分走了“視覺焦點”。
2.2 信息層級結構混亂
信息過載中過多的信息容易導致產品層級結構混亂,讓用戶對信息產生歧義或者誤解,無法將信息元素歸納到正確的產品層級結構中,不利于用戶在產品中的“交互”和“操作”。
2.3 產品邏輯“復雜”
任何一個信息元素都有著其功能作用,或是用于信息表達,或是用于用戶操作,因此當產品設計中形成信息過載時,也就意味著相應的功能邏輯會非常復雜,而任何復雜的功能邏輯對用戶和產品來說都不是一種好的結果。
三、有哪些常見的信息過載形式
信息過載在產品設計中是一種常見的現象,常見的有如下幾種形式:
1. 頁面布局信息過載
頁面布局信息過載是最為常見的一種信息過載形式,其主要指在在頁面中布局了過多的信息元素。如下圖所示,左圖頁面中布局了4個同類型的卡片,屬于正常合理的設計方案,但右圖中布局了一個父級卡片,其中布局了6個子級卡片,每一個子級卡片中包含的信息個數和格式也不相同,這就是典型的頁面布局信息過載,用戶就很難理解和操作頁面中相關的信息。
2. 單一元素的信息過載
單一元素的信息過載指的是頁面中為單一元素設計了過多的“內涵”。如常見的按鈕操作就是點擊,如果為同一個按鈕同時設計了點擊和長按2種完全不同邏輯的操作,這種設計對用戶的認知和操作使用上來講都是一種的“負擔”,用戶無法理解何時進行點擊操作何時進行長按操作,這就是典型的單一元素信息過載。
3. 操作行為信息過載
操作行為信息過載指的是設計中用戶操作行為和路徑過于復雜。常見的操作行為信息過載有如下幾種:
3.1 操作路徑過長
用戶與產品進行交互時,如果某一目標的操作路徑過長,則需要用戶花費大量的時間和精力來處理相關的信息,因此每多一步操作路徑,用戶的操作成本就會大幅度提升同時負面體驗也會逐漸提升,所以設計中,用戶操作路徑需要盡量簡短,過長的操作路徑容易造成信息過載。
3.2 單步操作信息過多
單步操作中包含過多信息也是一種常見的操作行為信息過載。如果在單步操作中包含的信息過多,那么用戶在單步操作中就需要花費較多的精力和時間,從而容易導致后續操作中斷。如果單步操作中的功能邏輯信息較多無法刪減,則可以考慮將單步操作拆解成多步操作,從而最大限度的降低信息過載。
3.3 操作路徑結構過于復雜
常見的用戶行為路徑基本上都是線性或者是樹狀結構的,即完成上一步操作后才會進入下一步操作,這樣的設計讓用戶更好地理解操作邏輯和聚焦操作行為,如果將用戶的行為路徑設計成網狀結構,容易因為網狀結構中復雜的操作和功能邏輯而導致信息過載,從而讓用戶很難理解產品的功能邏輯和使用產品。
4. 邏輯信息過載
邏輯信息過載是指產品的某一功能的邏輯過于復雜。邏輯信息過載常見但容易被忽視,因為邏輯一般很難在產品中可視化地表現出來,用戶的負面體驗也很容易歸結到功能本身,而不是邏輯設計上。常見的邏輯信息過載都是設計中過于細化邏輯或是邏輯表達不合理。如賬號登錄功能中,為輸入手機錯誤提示設計了各種細化邏輯,比如“請輸入11位手機號”(輸入小于11位),“輸入純數字手機號”(輸入了非數字字符),“請輸入有效手機號”(輸入了無效號碼段)等,這些過分細化的功能邏輯只會增加用戶的認知和使用成本,實際中簡單的“請輸入正確的手機號”就可以解決所有問題。
四、如何處理信息過載
信息過載的本質就是產品中的信息過多,導致信息密度超過了用戶的可接受程度。因此從根源和本質上解決信息過載的方法就是降低信息密度。常見降低信息密度的有幾種方法,即降低信息數量,過濾/聚焦信息,區分信息和轉移/隱藏信息。
1. 降低信息數量
降低信息數量指的是在產品設計中盡量降低展示給用戶的信息數量,這是避免信息過載最本質的方法,具體可以從以下幾個方面來思考和設計。
1.1 降低產品的“復雜度”
降低產品的復雜度是從產品設計源頭上避免信息過載,即在滿足用戶和產品需求的前提下,盡量簡化產品的功能邏輯(具體的可以利用“簡約有效”原則來進行產品設計和設計評估)。比如應用中的圖片下載功能,就可以使用長按下載的設計,無需為其設計暫停下載,取消下載和展示下載進度等相關的邏輯,如果將其做的這么復雜,不但不會有正面作用,而且還容易帶來負面體驗,形成信息過載。
1.2 合理規劃產品的信息層級結構
產品信息層級結構是產品的骨架,決定了用戶在產品中“瀏覽”和“操作”的路徑,如果信息層級結構設計不合理,就很容易形成信息過載,比如某一層級中信息展示過多信息或者是某一功能的信息層級結構縱向深度過長。比較合理的信息層級結構應該是縱向結構不要超過5個父子層級,橫向結構不要超過8個兄弟層級,如下圖所示。
2. 過濾/聚焦信息
產品中的信息是非常多且非常復雜,而且到了一定程度,信息的數量和復雜程度就無法降低了,此時避免信息過載的最佳方法就是過濾信息和聚焦信息,即過濾掉當前場景中用戶不需要的信息或者是聚焦當前場景中用戶需要的信息。
2.1 分清信息的主次
產品中不是所有的信息都是一樣的重要,是有主次和優先級高低之分的,在設計中應該遵循“主次原則”,即分清信息的主次,將重要和高優先級的信息在頁面中進行重點“設計”和“表達”。如下圖所示,左圖中所有信息的“表達”都是一致的,容易形成信息過載,而右圖中通過設計的形式區分了主次信息,用戶可以主次信息來進行信息快速篩選和獲取,從而找到自己的目標信息。
2.2 信息歸類分組
產品中,信息之間是不可能完全獨立的,一定有相關的邏輯關系,我們可以根據這些邏輯關系來對信息進行分組,這樣可以通過信息組與組之間的差異提升用戶獲取目標信息的效率,從而避免信息過載。常見的信息歸類分組的方式有很多,有標題,卡片,分割線或者布局間距空隙,層級結構等,如下圖所示就是利用標題和卡片布局進行信息分組的示例。
3. 區分信息
區分信息指的是指利用合理有效的表達形式來增加信息之間的“獨立性”和“辨識度”。因此當頁面中信息比較多且復雜的時候,合理有效的信息表達形式就是減少信息過載最簡單且最有效的方式,因為信息的表達形式是視覺樣式的差異,不會對產品的功能邏輯產生任何影響,具體可以從以下幾個角度進行思考和設計。
3.1 合理地利用視覺屬性
信息在在頁面中的可視化表達是通過不同的視覺屬性來進行表達的,這些視覺屬性雖然對功能邏輯沒有影響,但是會影響信息的表達和傳遞,因此合理地利用信息的視覺屬性可以一定程度上避免信息過載,位置、形狀、顏色、大小和間距等是使用最多的視覺屬性之一。如下圖所示為利用位置、形狀、顏色、大小、間距等視覺屬性來增加信息之間的“獨立性”和“辨識度”的示例。
3.2 不同的信息表達方式
同樣的信息可以有多種表達方式,不同的表達方式對信息的表達效果也是不同的,而合理利用不同的信息表達方式可以在很大程度上降低或者避免信息過載。如下左圖所示,頁面布局了較多的純文本的單行列表,單純的靠文本來分辨不同的列表項就很容易造成信息過載,如右圖所示的單行列表添加了圖標,就可以利用圖標來增加列表項的辨識度,從而避免信息過載。
3.3 符合認知和習慣的表達方式
設計中信息的表達方式應該最大程度的符合用戶的認知和習慣,這樣可以有效的降低用戶對信息的理解和認知成本。比如在進行語音交互設計的時候,最合適的語音輸入方式就是長按按鈕進行語音輸入,因為在國內微信已經將長按語音輸入培養成為一種較為普遍的用戶認知和習慣。
4. 轉移/隱藏信息
用戶與產品之間的交互是一個持續的過程,沒有必要將所有的信息一次性地傳遞或者展示給給用戶,可以根據具體的上下文環境,僅僅展示用戶需要的信息,將用戶不需要信息隱藏起來,即通過合理的設計將部分信息進行轉移或者隱藏,以減少信息密度,從而避免信息過載。
4.1 利用層級結構轉移/隱藏信息
利用產品信息層級結構來進行轉移/隱藏信息就是將重要的/主要的信息優先在高層級結構或父級頁面中展示,而將次要的信息展示在層級結構較低的結構或子級頁面中。如下圖所示頁面中包含若干個卡片,單個卡片中包含的信息數量較多且較復雜,容易形成了信息過載。
對此,可以利用產品層級結構來轉移和隱藏信息來優化設計方案,如下圖所示為分別為利用子級層級結構來隱藏和轉移信息的示例。
4.2 用戶任務流程和操作步驟的分解
在用戶與產品交互過程中,如果在較短的時間內用戶需要進行較多的交互操作,也很容易形成信息過載。因此當某一個交互操作較為復雜需要用戶較多的時間和精力時,可以考慮對交互操作進行分拆,即將交互操作按照一定的邏輯拆分為幾個細分步驟,用戶每一次只需要完成其中一個步驟,從而減少用戶單次交互操作中需要處理的信息。
如下圖所示假設用戶在產品中新建功能時需要填寫若干信息,左圖中將所有信息布局在同一個頁面中,由于信息邏輯復雜,很容易形成信息過載,而右圖將信息填寫操作分拆為3個頁面,每個頁面僅展示若干有關聯的信息,這樣不僅可以以避免信息過載,而且還可以讓用戶更好聚焦當前的操作,提升新建操作的成功率。
在產品設計中如果需要對用戶的交互操作進行拆分,一定需要注意如下2點。一是分拆要有一定的邏輯,即每一個步驟中的信息應該有一定的邏輯關聯性,不能隨意的進行拆分;二是不能無限制的進行分拆,常見的是分拆到3~5個步驟比較合適,超過這個范圍反而會因為操作路徑過長而帶來負面影響。
五、小結
產品設計中,很多時候信息過載是無法避免的,這是產品的功能結構和邏輯“本身造成的,因此信息過載也是一個容易被忽視的問題,很容易在無聲無息中給產品帶來負面的影響,比如產品用戶數據的降低,產品口碑變差等,而且這些負面影響很容易被歸結到產品功能本身(而不是設計方案上),所以在產品設計流程中,應該合理有效的考慮信息承載的問題,從根源到設計方案上都盡量避免或者是降低信息過載。
本文由 @小乞丐 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議
信息過載是一個不好把控的細節,信息少用戶了解不全面,信息多又容易找不到重點
進行對比之后才發現原來修改前和修改后差別這么大,果然是細節決定成敗
頁面過于雜、多,會消耗用戶的很多精力,從而產生負面情緒,頁面過載的背后還是需要對用戶有更好的調研
在產品設計的過程中,恰到好處的信息量應當是提前篩選和設計好的,否則后期極其影響用戶體驗
功能設置盡量簡便,過于繁瑣會讓用戶產生抗拒心理,現在用戶使用過程中的目的性很強
信息過載容易忘記很多有用的,囊括一些娛樂化的
隨著信息技術的飛速發展,信息以指數級數增長,遠遠超出了人們所能夠接受的程度
看完這篇文章真的學到了很多,干貨滿滿呀!給作者點贊