為了一個(gè)被刪除的應(yīng)用,我把信息架構(gòu)里的信息分類(lèi)研究了一下

5 評(píng)論 15582 瀏覽 112 收藏 13 分鐘

深入了解你的用戶(hù),并讓你的設(shè)計(jì)盡可能適應(yīng)多的核心用戶(hù)場(chǎng)景。

2014年我還在讀大學(xué),那時(shí)經(jīng)常會(huì)外出需要坐公交,每次外出等公交時(shí)都會(huì)好奇公交車(chē)什么時(shí)候到站,要是有個(gè)App可以查查那該多好。

后來(lái)經(jīng)同學(xué)推薦,有個(gè)叫“移動(dòng)行訊通”的App,于是趕緊下載體驗(yàn)一把。經(jīng)過(guò)一段時(shí)間的使用,這個(gè)App可以滿(mǎn)足基本的公交車(chē)實(shí)時(shí)到站查詢(xún)。但是沒(méi)過(guò)多久我就把這個(gè)應(yīng)用刪了。

為什么我會(huì)刪除這個(gè)App?

我們來(lái)看看首頁(yè)

1

我們來(lái)看看它的分類(lèi)結(jié)構(gòu)
首頁(yè)

  • 超過(guò)10個(gè)不同類(lèi)別的功能入口,讓人選擇效率低下
  • 沒(méi)有根據(jù)用戶(hù)場(chǎng)景進(jìn)行功能分類(lèi),像實(shí)時(shí)公交車(chē)和停車(chē)服務(wù)根本不是在同一個(gè)使用場(chǎng)景下的功能
  • 圖片與色塊的混搭以及文字滾動(dòng)不斷在搶奪視覺(jué)焦點(diǎn),容易產(chǎn)生視覺(jué)疲勞

由于只有十幾個(gè)功能所以相 對(duì)來(lái)說(shuō)還是可以容忍的,只是當(dāng)你的功能入口達(dá)到上百個(gè)的時(shí)候,問(wèn)題就非常嚴(yán)重了。

那如果要優(yōu)化,思路是怎么樣的呢?

1、首先要弄清楚用戶(hù)是誰(shuí)?什么情況下會(huì)使用什么功能?

2、根據(jù)用戶(hù)場(chǎng)景來(lái)對(duì)功能進(jìn)行分類(lèi)。

3、如何展示信息?

1、首先要弄清楚用戶(hù)是誰(shuí)?什么情況下會(huì)使用什么功能?

看了“移動(dòng)行訊通”首頁(yè)的功能多而且雜,但是總的來(lái)說(shuō)是一個(gè)綜合性的出行工具+交通資訊APP。面向的用戶(hù)場(chǎng)景主要3類(lèi):

  • 公共交通:實(shí)時(shí)公交車(chē)、的士查詢(xún)、地鐵信息
  • 長(zhǎng)途客運(yùn):客運(yùn)購(gòu)票、鐵路信息、航空信息
  • 自駕服務(wù):停車(chē)服務(wù)、路況信息、年票查詢(xún)、交通指數(shù)、調(diào)控指標(biāo)
  • 其他:物流信息、郵政快遞、駕培信息

2、想清楚之后,我們要根據(jù)用戶(hù)場(chǎng)景來(lái)對(duì)功能進(jìn)行分類(lèi)。

下面是根據(jù)用戶(hù)的出行的方式對(duì)信息進(jìn)行分類(lèi),事實(shí)信息分類(lèi)的依據(jù)是有很多種的。后面有對(duì)信息的多種分類(lèi)方式進(jìn)行介紹。

移動(dòng)行訊通

3、信息如何展示?

用戶(hù)在查找目標(biāo)信息的時(shí)候是通過(guò)高級(jí)別的分類(lèi)再到低界別的分類(lèi)在查找信息,并最終找到目標(biāo)信息。下圖中,用戶(hù)在一級(jí)分類(lèi)中可以在“公共交通”、“長(zhǎng)途客運(yùn)”、“自駕服務(wù)”、“更多”中做出符合自己目標(biāo)的信息。在二級(jí)菜單中再做出更深入的選擇。

改版首頁(yè)1

我們稱(chēng)之為“自上而下”,這種分類(lèi)結(jié)構(gòu),要求同一級(jí)別間的內(nèi)容要有明顯的差異,否則用戶(hù)就會(huì)不知道選擇哪個(gè)。

這些問(wèn)題表面上看是降低了用戶(hù)完成任務(wù)的效率。但事實(shí)上更嚴(yán)重的問(wèn)題可能是隱性的。

對(duì)于企業(yè)網(wǎng)絡(luò)而言,如果員工因?yàn)榫W(wǎng)絡(luò)設(shè)計(jì)太差使得工作效率低下,公司就會(huì)損失很多生產(chǎn)力。事實(shí)上,我估計(jì)全球因企業(yè)網(wǎng)絡(luò)低可用性的代價(jià)是每年損失員工的生產(chǎn)力約合1000億美金。

——莫維里《Web信息架構(gòu)》

那么有沒(méi)有方式可以系統(tǒng)地將各種信息問(wèn)題進(jìn)行分類(lèi)和解決呢?

《Web信息架構(gòu)》的作者(美)莫維里,(美)羅森費(fèi)爾德在1994年開(kāi)始尊定網(wǎng)站信息架構(gòu)的理念,他們建議網(wǎng)站的設(shè)計(jì)應(yīng)該參考圖書(shū)館學(xué),努力把傳統(tǒng)原理應(yīng)用到新媒體上。為了提高專(zhuān)業(yè)性,他們借鑒了相關(guān)領(lǐng)域的知識(shí),諸如人機(jī)交互,把用戶(hù)研究和可用性工程整合至流程內(nèi)。

在他們不懈的努力下,幾年內(nèi),信息架構(gòu)逐漸自成體系,并發(fā)展成為了一種職業(yè)。

那么什么是信息架構(gòu)呢?

信息架構(gòu)是一門(mén)技術(shù)活,通過(guò)對(duì)信息進(jìn)行組織分類(lèi)、統(tǒng)籌規(guī)劃,從而幫助用戶(hù)更好地檢索信息、瀏覽信息。

  • 用戶(hù)如何檢索信息
  • 信息的分類(lèi)
  • 信息的結(jié)構(gòu)

1、用戶(hù)是怎么搜索信息的?

用戶(hù)有明確的目標(biāo)

用戶(hù)在搜索的時(shí)候,有明確的目標(biāo)時(shí)搜索效率是比較高的。

比如我想買(mǎi)IPhone7,那直接上購(gòu)物網(wǎng)站檢索iPhone7就會(huì)展示出精確的結(jié)果了。

精確

用戶(hù)只有模糊的目標(biāo)

在現(xiàn)實(shí)生活中,我們遇到的更多的是這樣的問(wèn)題,比如:最熱門(mén)的旅游景點(diǎn)、性?xún)r(jià)比最好的手機(jī)、女朋友喜歡什么禮物…等等。搜索引擎或相關(guān)網(wǎng)站并不能直接給你一個(gè)結(jié)果,這時(shí)用戶(hù)一般會(huì)在眾多關(guān)聯(lián)性不強(qiáng)的結(jié)果之間對(duì)比、權(quán)衡、徘徊。決策成本是比較高的。

模糊

當(dāng)然也存在一些“聰明”的產(chǎn)品能能根據(jù)大數(shù)據(jù)來(lái)為用戶(hù)推薦,某種程度上降低了用戶(hù)的決策成本。

面對(duì)不同的需求場(chǎng)景,我們?cè)谧鲂畔⒓軜?gòu)時(shí)應(yīng)該怎么滿(mǎn)足需求呢?

完整的信息架構(gòu)時(shí)有多個(gè)部分有機(jī)組合而成的,本章我們重點(diǎn)介紹信息的分類(lèi)體系和分類(lèi)結(jié)構(gòu)。

  • 分類(lèi)體系:告訴我們信息應(yīng)該根據(jù)什么來(lái)分類(lèi),不同的分類(lèi)能滿(mǎn)足什么場(chǎng)景。
  • 分類(lèi)結(jié)構(gòu):告訴我們?nèi)绾伟研畔⒄故窘o用戶(hù),信息的結(jié)構(gòu)有多少種,能滿(mǎn)足什么需求。

2、分類(lèi)體系的2種做法

2.1、精準(zhǔn)性分類(lèi):

當(dāng)用戶(hù)有明確的搜索目標(biāo)的時(shí)候,精準(zhǔn)性分類(lèi)信息能滿(mǎn)足用戶(hù)快速找到目標(biāo)

  • 按拼音首字母
  • 按地理位置
  • 按時(shí)間順序

在iphone的通訊錄中有個(gè)經(jīng)典的設(shè)計(jì),通過(guò)英文首字母快速找到聯(lián)系信息。

s

這種按字母分類(lèi)的設(shè)計(jì)后來(lái)被應(yīng)用到更多的場(chǎng)景中。

2.2、模糊性分類(lèi):

當(dāng)用戶(hù)有只有個(gè)大概的搜索目標(biāo)時(shí),模糊性分類(lèi)可以幫助用戶(hù)在瀏覽過(guò)程中找到目標(biāo)信息。

比如你上豆瓣想找一部科幻片過(guò)過(guò)癮,事實(shí)上有一部分人是不知道電影名的,只是想先逛逛看看有沒(méi)有看得上的。

這時(shí)候模糊性分類(lèi)就發(fā)揮作用了,模糊分類(lèi)一般有以下幾種

11

3、幾種常見(jiàn)的信息分類(lèi)結(jié)構(gòu)

3.1、等級(jí)式:自上而下

等級(jí)式系統(tǒng)中,鮮明的上下級(jí)從屬關(guān)系和不同分支間的排他性。讓我們很容易將信息僅進(jìn)行分類(lèi),用戶(hù)在檢索的過(guò)程中也一目了然。在生活中,等級(jí)式的分類(lèi)也非常常見(jiàn)。生命區(qū)分出界、綱和種。我們又把書(shū)本分成章、節(jié)、頁(yè)。

w

在做自上而下的分類(lèi)時(shí)需要注意兩個(gè)點(diǎn)

  1. 不同分支間的排他性。如果不同分支間沒(méi)有明顯的差異,那么等級(jí)式的分類(lèi)就沒(méi)有意義了。
  2. 深度和廣度的權(quán)衡。

寬度指的是在等級(jí)式系統(tǒng)中每一層的選項(xiàng)數(shù)目。如果寬度太寬意味著每個(gè)頁(yè)面會(huì)給用戶(hù)展示太多的信息。

i

深度指的等級(jí)系統(tǒng)中的層級(jí)數(shù)量

0

如果層級(jí)太深,意味著用戶(hù)需要多點(diǎn)擊幾下,那用戶(hù)很多時(shí)候就會(huì)對(duì)檢索失去耐心。所以在做深度分類(lèi)的時(shí)候需要做好權(quán)衡。

3.2、自下而上的結(jié)構(gòu)

自下而上指的是,我們通過(guò)設(shè)定特定的搜索條件檢索出符合搜索條件的數(shù)據(jù)集合。比如:我們常在搜索職位的時(shí)候,會(huì)先設(shè)置好檢索條件:

職位的類(lèi)型:PHP開(kāi)發(fā)工程師

公司的類(lèi)型:上市公司

公司的人數(shù):30-500人

設(shè)置好之后點(diǎn)擊搜索,我們想要的信息列表便會(huì)展示出來(lái)。這種信息的呈現(xiàn)的方式相交于等級(jí)式的自上而下目標(biāo)更加明確。

上述兩種信息結(jié)構(gòu)都有一個(gè)共同點(diǎn),就是數(shù)據(jù)的都是有產(chǎn)品的設(shè)計(jì)者進(jìn)行編排的,不管是分類(lèi)的方式還是信息的結(jié)構(gòu)都是事先設(shè)定好的。還有另一種結(jié)構(gòu)是后期比較流行的,我們稱(chēng)之為大眾分類(lèi)。

3.3、大眾分類(lèi)結(jié)構(gòu)

這種信息結(jié)構(gòu)需要用戶(hù)參與到信息的分類(lèi)之中,也就是事實(shí)上信息的該分類(lèi)是有大多數(shù)用戶(hù)參與完成的。

他們的分類(lèi)以標(biāo)簽的形式存在,常見(jiàn)的像早期的博客中右邊欄會(huì)出現(xiàn)。

QQ截圖20160926132558

這些分類(lèi)標(biāo)簽看上去是零散的,但是卻真實(shí)反饋了大多數(shù)關(guān)心的信息。某種程度上也確定了網(wǎng)站的屬性。

寫(xiě)到這里基本上把分類(lèi)體系(精確性分類(lèi)、模糊分類(lèi)),分類(lèi)結(jié)構(gòu)(自上而下、自下而上、大眾分類(lèi))介紹完了。

在實(shí)際的設(shè)計(jì)中,是混合使用各種技巧的,具體要看使用場(chǎng)景,希望上面的知識(shí)能對(duì)你有所有幫助、有所啟發(fā)。

寫(xiě)在最后:

深入了解你的用戶(hù),并讓你的設(shè)計(jì)盡可能適應(yīng)多的核心用戶(hù)場(chǎng)景。

后記:我本來(lái)只是簡(jiǎn)單寫(xiě)寫(xiě)自己在設(shè)計(jì)產(chǎn)品過(guò)程中,遇到的一些信息展示問(wèn)題和經(jīng)驗(yàn)。但是寫(xiě)著寫(xiě)著發(fā)現(xiàn)很多東西只是憑借一己搓見(jiàn)在發(fā)泄主觀感受,于是刪掉重寫(xiě)幾次。

最后通過(guò)知乎和相關(guān)文獻(xiàn)的閱讀,完善了一些知識(shí)體系再重新撰寫(xiě)本文,最終完成。

推薦書(shū)籍

《用戶(hù)體驗(yàn)要素》作者:美國(guó)作家加瑞特

《Web信息架構(gòu):設(shè)計(jì)大型網(wǎng)站》作者:(美)莫維里,(美)羅森費(fèi)爾德

下期“淺談信息架構(gòu)”我們研究一下如何給信息命名。

 

作者:AllenCat,產(chǎn)品大學(xué)1年級(jí);微信公眾號(hào):好奇心產(chǎn)品。帶著貓一樣的好奇心去探索神奇的產(chǎn)品世界

本文由 @AllenCat 原創(chuàng)發(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. 寫(xiě)的蠻好,最近也一直在讀信息架構(gòu)的書(shū)籍《錦繡藍(lán)圖》《web信息架構(gòu)》,感覺(jué)文章中的設(shè)計(jì)思維,與書(shū)中有一定的契合處。

    回復(fù)
  2. 寫(xiě)的挺好的。美中不足的就是我們?nèi)ミM(jìn)行這種分類(lèi)還是太主觀,以后還是要靠大數(shù)據(jù)。 :mrgreen:

    來(lái)自上海 回復(fù)
  3. 最后設(shè)計(jì)成什么樣了也沒(méi)說(shuō)

    回復(fù)