設(shè)計(jì)原則中的5種信息組織方式
要以用戶能夠輕松使用和理解的方式組織信息。用數(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)載。
你好。
學(xué)到了,平時(shí)用時(shí)就憑經(jīng)驗(yàn)和感覺,沒有總結(jié)過。一定看看《信息結(jié)構(gòu)》相關(guān)的書