設(shè)計(jì)原則中的5種信息組織方式

2 評(píng)論 13799 瀏覽 27 收藏 11 分鐘

要以用戶能夠輕松使用和理解的方式組織信息。用數(shù)據(jù)來回答用戶的疑問。以更貼合用戶目標(biāo)的方式來呈現(xiàn)信息,就能創(chuàng)造出更好用的產(chǎn)品。

通過五帽架原則來簡化數(shù)據(jù),幫助用戶理解。

設(shè)計(jì)師把信息有條不紊組織起來非常重要,如此用戶才能輕松理解其中內(nèi)容。這是優(yōu)秀用戶體驗(yàn)的關(guān)鍵。

在各種展現(xiàn)數(shù)據(jù)的方式中,有一種經(jīng)受了時(shí)間的考驗(yàn),直至今天都非常有效。它叫做“五帽架”。

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

“信息或許是無限的,但是……組織信息的方式是有限的,因?yàn)樗鼈冎荒芡ㄟ^LATCH原則來組織:位置(Location)、字母表(Alphabet)、時(shí)間(Time)、分類(Category)、層次(Hierarchy)?!薄猈urman, 1996

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

“我做了太多次嘗試,試圖用某種其他方式來組織信息,但最終都會(huì)回歸這5種之一?!薄猈urman, 1996

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

1、位置

根據(jù)位置來組織信息。它可以是物理位置,或者是概念上(空間上)的位置。我們?nèi)祟愒谶M(jìn)化中形成了這樣的能力,在日常生活中就是這樣組織位置的。從地圖導(dǎo)航和戰(zhàn)爭策略,到廚房調(diào)料的擺放,都是如此。

當(dāng)信息有多個(gè)不同來源和場(chǎng)所時(shí),位置的組織就非常重要。

比如說,設(shè)計(jì)一套特別的服務(wù)時(shí),我們應(yīng)該考慮不同物品的位置關(guān)系,它們?nèi)绾畏植?。超市貨架的設(shè)計(jì)就是很好的例子,在物理空間中組織信息。

Pokemon go是個(gè)依據(jù)位置組織信息的好案例。

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

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

使用場(chǎng)景

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

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

2、字母表

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

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

作品來源:Yao Liu

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

使用場(chǎng)景

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

3、時(shí)間

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

舉例:日歷和會(huì)議日程、郵箱收件箱、項(xiàng)目計(jì)劃、有趣的Facebook時(shí)間線、電商平臺(tái)的訂單列表、消息應(yīng)用,還有許多。

Javi Pérez設(shè)計(jì)的天氣應(yīng)用

依據(jù)時(shí)間來組織,可以輕易觀察到變化,并且做出對(duì)比。由于我們?nèi)祟愅ㄟ^線性的方式來感知時(shí)間,這就是最佳的記錄歷史的方式。

使用場(chǎng)景

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

4、分類

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

這種信息組織方式充斥著真實(shí)世界和虛擬世界。從購物與工業(yè),到Pinterest上的分類和Twitter的標(biāo)簽。

Paul Flavius Nechita的標(biāo)簽選擇設(shè)計(jì)

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

使用場(chǎng)景

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

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

這些定義分類的術(shù)語一定要經(jīng)過測(cè)試,確保它對(duì)于用戶是有意義的。

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

如果點(diǎn)擊某個(gè)分類、然后再點(diǎn)子分類是唯一的信息檢索方式,千萬不要?jiǎng)?chuàng)造過多的子類別。

5、層次或連續(xù)性

當(dāng)信息可以通過同一種丈量方式來組織時(shí),就可以以量級(jí)來排列。

例如:從小到大,從低到高,從開心到不開心等等。給服務(wù)和產(chǎn)品標(biāo)星打分、計(jì)分表、能效等級(jí)、尺寸等等。

Dann Petty的衣服尺寸選擇頁面

使用場(chǎng)景

如果可以用一種通用的丈量方式來比較事物時(shí),可以運(yùn)用層次(連續(xù)性)的方式組織信息。你可以在視覺上通過尺寸和顏色來展現(xiàn)信息,以此強(qiáng)調(diào)。

運(yùn)用五帽架原則

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

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

結(jié)語

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

以更貼合用戶目標(biāo)的方式來呈現(xiàn)信息,就能創(chuàng)造出更好用的產(chǎn)品。

本文的靈感來自William Lidwell的著作《通用設(shè)計(jì)原則》。

感謝閱讀!

 

原文作者:Anton Nikolov

原文地址:https://uxplanet.org/design-principle-organizing-information-343a7ef936a8

#專欄作家#

可樂橙,微信公眾號(hào):可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技。現(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂的設(shè)計(jì)師。

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你好。

    回復(fù)
  2. 學(xué)到了,平時(shí)用時(shí)就憑經(jīng)驗(yàn)和感覺,沒有總結(jié)過。一定看看《信息結(jié)構(gòu)》相關(guān)的書

    來自貴州 回復(fù)