TEL:0371-65799000

唯 · 創者 藝無止境

主頁 > 設計動態 >

視覺上如何組織信息排版

2017-12-22 16:22 文章來源:鄭州唯創logo品牌設計

A+ A-

設計師把信息有條不紊組織起來非常重要,如此用戶才能輕松理解其中內容。這是優秀用戶體驗的關鍵。

在各種展現數據的方式中,有一種經受了時間的考驗,直至今天都非常有效。它叫做“五帽架”。

五帽架的概念最初由Richard Saul Wurman在他的著作《信息焦慮》中提出。不久后他又寫了《信息結構》,在其中重新定義了“五帽架”概念,構成LATCH原則。

“信息或許是無限的,但是……組織信息的方式是有限的,因為它們只能通過LATCH原則來組織:位置(Location)、字母表(Alphabet)、時間(Time)、分類(Category)、層次(Hierarchy)。”——Wurman, 1996

這套觀念,主張信息的組織方式有5種。最終,其實只是要選擇一種清晰的方式來回答用戶的問題。務必避免純粹為了漂亮的圖表來組織信息,那樣給不了用戶任何答案!

“我做了太多次嘗試,試圖用某種其他方式來組織信息,但最終都會回歸這5種之一。”——Wurman, 1996

我們下面來看看這5種信息組織方式。

位置

根據位置來組織信息。它可以是物理位置,或者是概念上(空間上)的位置。我們人類在進化中形成了這樣的能力,在日常生活中就是這樣組織位置的。從地圖導航和戰爭策略,到廚房調料的擺放,都是如此。

當信息有多個不同來源和場所時,位置的組織就非常重要。

比如說,設計一套特別的服務時,我們應該考慮不同物品的位置關系,它們如何分布。超市貨架的設計就是很好的例子,在物理空間中組織信息。

Pokemon go是個依據位置組織信息的好案例。

在虛擬世界中,依據位置組織信息,同樣扮演者重要的角色。比如說,基于位置觸發特定的UI交互和通知。想想GPS和所有幫你指引方向的應用。還有基于物理位置展示的通知,和其他操作功能。

而且,隨著VR/AR技術的崛起,依據位置來組織信息,正在成為信息架構中非常重要的方面。

使用場景

當信息的位置關系很重要時使用這種組織方式,比如指引方向,或者把最相關的事物放在觸手可及的位置。

與“時間”因素結合來組織信息,我們就能以最便捷的方式為用戶提供他們所需的答案。

字母表

根據字母表順序組織信息,是一種處理隨機數據的好方法,比如說姓名。當信息量特別大時,這是最佳的組織方式之一。

比如字典和通訊錄,無論是虛擬的還是物理的。

作品來源:Yao Liu

我們都用過這種方式,而且知道,只要用戶熟悉字母表,這種數據組織方式就非常有效。

使用場景

當信息直接展現其本質時(字典、百科、書籍索引等)。當需要高效地通過非線性方式獲取特定信息時。還有當信息無法以其他方式組織時,這是一種很好的折中方案。

時間

這可能是人類最廣泛使用的信息組織方式。我們喜歡以線性的方式思考和歸類事物。對于一定時間段以前發生的事件,這是絕佳的歸類方式。

舉例:日歷和會議日程、郵箱收件箱、項目計劃、有趣的Facebook時間線、電商平臺的訂單列表、消息應用,還有許多。

Javi Pérez設計的天氣應用

依據時間來組織,可以輕易觀察到變化,并且做出對比。由于我們人類通過線性的方式來感知時間,這就是最佳的記錄歷史的方式。

使用場景

要展現和對比一定時間跨度的事件時。想要表達基于時間的順序時(分步步驟)。還有當你需要提供指南或者將事件以時間順序排列時,你應該按時間來組織信息。

分類

當需要把信息按照相似性或相關性排列時,分類是最適合的組織方式。原因是我們的大腦也以類似的方式工作,我們喜歡把類似的事物歸為一類。

這種信息組織方式充斥著真實世界和虛擬世界。從購物與工業,到Pinterest上的分類和Twitter的標簽。

Paul Flavius Nechita的標簽選擇設計

把事物分類編組,幫助用戶更輕松找到信息所屬的大類,只要他們知道自己在找什么。這種方式與字母表相結合效果非常好。

使用場景

對于重要性相近的事物,這種方式組織很適用。如果有跡象表明,人們會自然地按照分類尋找信息,我們就可以通過分類組織信息,來展示推薦的功能或產品,以提高可發現性。

要牢記一點,人們并不總是按相同的方式歸類事物!尤其是當信息的各種屬性跨分類交叉時。比如用我的藍牙音響舉例,它可以防水,能用在浴室里。它應該歸到什么類別中?浴室配件還是音頻產品?

這些定義分類的術語一定要經過測試,確保它對于用戶是有意義的。

分類信息的另一個潛在問題是量級。信息量越大,就越可能有二級甚至三級、四級、五級子分類。這樣又會使信息檢索令人生厭。

如果點擊某個分類、然后再點子分類是唯一的信息檢索方式,千萬不要創造過多的子類別。

層次或連續性

當信息可以通過同一種丈量方式來組織時,就可以以量級來排列。

例如:從小到大,從低到高,從開心到不開心等等。給服務和產品標星打分、計分表、能效等級、尺寸等等。

Dann Petty的衣服尺寸選擇頁面

使用場景

如果可以用一種通用的丈量方式來比較事物時,可以運用層次(連續性)的方式組織信息。你可以在視覺上通過尺寸和顏色來展現信息,以此強調。

運用五帽架原則

要回答用戶的問題,最好的方式往往是使用一頂以上的帽子。在分類中混入字母表順序,時間和地點結合使用來記錄重大事件。如果需要的話,甚至可以5種方式都用上,為信息的展現提供靈活性。

在如今的虛擬世界中,許多用戶都希望能夠從多維度查看數據。因此,我們需要5種方式搭配使用,找到最適合的組合。

結語

記住,最重要的一點在于,要以用戶能夠輕松使用和理解的方式組織信息。用數據來回答用戶的疑問。

以更貼合用戶目標的方式來呈現信息,就能創造出更好用的產品。



本文鏈接: http://www.6367376.buzz/dongtai/48.html


上一個 下一個
福建十一选五开奖结果害死多少人