設計原則中的5種信息組織方式
要以用戶能夠輕松使用和理解的方式組織信息。用數據來回答用戶的疑問。以更貼合用戶目標的方式來呈現信息,就能創造出更好用的產品。
通過五帽架原則來簡化數據,幫助用戶理解。
設計師把信息有條不紊組織起來非常重要,如此用戶才能輕松理解其中內容。這是優秀用戶體驗的關鍵。
在各種展現數據的方式中,有一種經受了時間的考驗,直至今天都非常有效。它叫做“五帽架”。
五帽架的概念最初由Richard Saul Wurman在他的著作《信息焦慮》中提出。不久后他又寫了《信息結構》,在其中重新定義了“五帽架”概念,構成LATCH原則。
“信息或許是無限的,但是……組織信息的方式是有限的,因為它們只能通過LATCH原則來組織:位置(Location)、字母表(Alphabet)、時間(Time)、分類(Category)、層次(Hierarchy)。”——Wurman, 1996
這套觀念,主張信息的組織方式有5種。最終,其實只是要選擇一種清晰的方式來回答用戶的問題。務必避免純粹為了漂亮的圖表來組織信息,那樣給不了用戶任何答案!
“我做了太多次嘗試,試圖用某種其他方式來組織信息,但最終都會回歸這5種之一?!薄猈urman, 1996
我們下面來看看這5種信息組織方式。
1、位置
根據位置來組織信息。它可以是物理位置,或者是概念上(空間上)的位置。我們人類在進化中形成了這樣的能力,在日常生活中就是這樣組織位置的。從地圖導航和戰爭策略,到廚房調料的擺放,都是如此。
當信息有多個不同來源和場所時,位置的組織就非常重要。
比如說,設計一套特別的服務時,我們應該考慮不同物品的位置關系,它們如何分布。超市貨架的設計就是很好的例子,在物理空間中組織信息。
Pokemon go是個依據位置組織信息的好案例。
在虛擬世界中,依據位置組織信息,同樣扮演者重要的角色。比如說,基于位置觸發特定的UI交互和通知。想想GPS和所有幫你指引方向的應用。還有基于物理位置展示的通知,和其他操作功能。
而且,隨著VR/AR技術的崛起,依據位置來組織信息,正在成為信息架構中非常重要的方面。
使用場景
當信息的位置關系很重要時使用這種組織方式,比如指引方向,或者把最相關的事物放在觸手可及的位置。
與“時間”因素結合來組織信息,我們就能以最便捷的方式為用戶提供他們所需的答案。
2、字母表
根據字母表順序組織信息,是一種處理隨機數據的好方法,比如說姓名。當信息量特別大時,這是最佳的組織方式之一。
比如字典和通訊錄,無論是虛擬的還是物理的。
作品來源:Yao Liu
我們都用過這種方式,而且知道,只要用戶熟悉字母表,這種數據組織方式就非常有效。
使用場景
當信息直接展現其本質時(字典、百科、書籍索引等)。當需要高效地通過非線性方式獲取特定信息時。還有當信息無法以其他方式組織時,這是一種很好的折中方案。
3、時間
這可能是人類最廣泛使用的信息組織方式。我們喜歡以線性的方式思考和歸類事物。對于一定時間段以前發生的事件,這是絕佳的歸類方式。
舉例:日歷和會議日程、郵箱收件箱、項目計劃、有趣的Facebook時間線、電商平臺的訂單列表、消息應用,還有許多。
Javi Pérez設計的天氣應用
依據時間來組織,可以輕易觀察到變化,并且做出對比。由于我們人類通過線性的方式來感知時間,這就是最佳的記錄歷史的方式。
使用場景
要展現和對比一定時間跨度的事件時。想要表達基于時間的順序時(分步步驟)。還有當你需要提供指南或者將事件以時間順序排列時,你應該按時間來組織信息。
4、分類
當需要把信息按照相似性或相關性排列時,分類是最適合的組織方式。原因是我們的大腦也以類似的方式工作,我們喜歡把類似的事物歸為一類。
這種信息組織方式充斥著真實世界和虛擬世界。從購物與工業,到Pinterest上的分類和Twitter的標簽。
Paul Flavius Nechita的標簽選擇設計
把事物分類編組,幫助用戶更輕松找到信息所屬的大類,只要他們知道自己在找什么。這種方式與字母表相結合效果非常好。
使用場景
對于重要性相近的事物,這種方式組織很適用。如果有跡象表明,人們會自然地按照分類尋找信息,我們就可以通過分類組織信息,來展示推薦的功能或產品,以提高可發現性。
要牢記一點,人們并不總是按相同的方式歸類事物!尤其是當信息的各種屬性跨分類交叉時。比如用我的藍牙音響舉例,它可以防水,能用在浴室里。它應該歸到什么類別中?浴室配件還是音頻產品?
這些定義分類的術語一定要經過測試,確保它對于用戶是有意義的。
分類信息的另一個潛在問題是量級。信息量越大,就越可能有二級甚至三級、四級、五級子分類。這樣又會使信息檢索令人生厭。
如果點擊某個分類、然后再點子分類是唯一的信息檢索方式,千萬不要創造過多的子類別。
5、層次或連續性
當信息可以通過同一種丈量方式來組織時,就可以以量級來排列。
例如:從小到大,從低到高,從開心到不開心等等。給服務和產品標星打分、計分表、能效等級、尺寸等等。
Dann Petty的衣服尺寸選擇頁面
使用場景
如果可以用一種通用的丈量方式來比較事物時,可以運用層次(連續性)的方式組織信息。你可以在視覺上通過尺寸和顏色來展現信息,以此強調。
運用五帽架原則
要回答用戶的問題,最好的方式往往是使用一頂以上的帽子。在分類中混入字母表順序,時間和地點結合使用來記錄重大事件。如果需要的話,甚至可以5種方式都用上,為信息的展現提供靈活性。
在如今的虛擬世界中,許多用戶都希望能夠從多維度查看數據。因此,我們需要5種方式搭配使用,找到最適合的組合。
結語
記住,最重要的一點在于,要以用戶能夠輕松使用和理解的方式組織信息。用數據來回答用戶的疑問。
以更貼合用戶目標的方式來呈現信息,就能創造出更好用的產品。
本文的靈感來自William Lidwell的著作《通用設計原則》。
感謝閱讀!
原文作者:Anton Nikolov
原文地址:https://uxplanet.org/design-principle-organizing-information-343a7ef936a8
#專欄作家#
可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技?,F居杭州,與小伙伴們正在創業途中?;蛟S不是一名優秀的設計師,至少是個快樂的設計師。
本文翻譯發布于人人都是產品經理,未經許可,不得轉載。
你好。
學到了,平時用時就憑經驗和感覺,沒有總結過。一定看看《信息結構》相關的書