如何理解信息架構(gòu)

一熄赡、信息架構(gòu)初識

之前知乎上有這么一個問題:怎樣理解信息架構(gòu)?齿税,@Mr湯進(jìn)er當(dāng)時以“商場信息導(dǎo)視圖”為例彼硫,回答了這個問題,比較適合“入門小白”去理解信息架構(gòu)凌箕、流程圖和頁面布局拧篮,其中針對“信息架構(gòu)”的回答如下:

圖1:商場信息導(dǎo)視圖

女生MM肯定愛逛商城對吧?那信息架構(gòu)有些類似:商場信息導(dǎo)視圖(如上圖)

地下一層動感休閑地帶牵舱;商場一樓:國際名牌世界他托;商場二樓:名媛衣裝天地商場三樓:少女時尚驛站仆葡;商場四樓:溫馨親子家園……

進(jìn)一步:可能一樓國際名牌世界又包括

A區(qū):名牌手表赏参;B區(qū):名牌珠寶……

這樣的樓層架構(gòu)便于你更好的去找到自己想買的東東,至少是很清晰的知道每一層有什么商品沿盅,同一層商品怎么分布等等信息把篓。在這里,設(shè)計師的作用就是規(guī)劃好這些樓層信息層級腰涧,主要做的工作就是:分類韧掩、層級梳理

在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中:產(chǎn)品經(jīng)理or設(shè)計師梳理信息架構(gòu),其實和上述梳理商場樓層架構(gòu)是異曲同工之妙窖铡。

二疗锐、信息架構(gòu)入門

1坊谁、信息架構(gòu)到底是用來干嘛的?

那么在產(chǎn)品設(shè)計過程中滑臊,信息架構(gòu)到底是用來做什么的呢口芍?其實,通過上面“商城信息導(dǎo)視圖”的例子雇卷,我們已經(jīng)可以初步了解到了一個目的:讓用戶可以在一定的“信息規(guī)劃”下更容易的找到自己想要的“東西”鬓椭。那么除此以外,信息架構(gòu)還有什么作用呢关划?那就是出于“產(chǎn)品目標(biāo)”通過“信息架構(gòu)設(shè)計”去教育小染、說服、通知用戶贮折。

信息架構(gòu)的作用總結(jié)如下:

A裤翩、【滿足用戶需求】:讓用戶可以在一定的“信息規(guī)劃”下更容易的找到自己想要的“東西”

B、【滿足產(chǎn)品目標(biāo)出于“產(chǎn)品目標(biāo)”通過“信息架構(gòu)設(shè)計”去教育调榄、說服踊赠、通知用戶

2、信息架構(gòu)設(shè)計到底是在做什么振峻?

信息架構(gòu)梳理到底是在做什么呢臼疫?如果用一個詞回答的話,那肯定是“分類”扣孟。分類是為了更好的信息傳達(dá)烫堤,為了更好的傳遞信息,需要對信息進(jìn)行選擇和組織凤价。

圖2:引用自《微信背后的產(chǎn)品觀---張小龍》的PPT整理

3鸽斟、信息架構(gòu)設(shè)計到底該怎么做?(或者說“分類”怎么做利诺?)

《用戶體驗要素》一書中富蓄,給出了信息架構(gòu)分類體系:從上到下從下到上

從下到上(如下圖3):這種分類方法是根據(jù)“內(nèi)容和功能需求的分析”而來的,先把已有的所有內(nèi)容慢逾,放在最低層級分類中立倍,然后再將他們分別歸屬到較高一級的類別。這種分類方法其實就是在做“歸類”侣滩,比如@Mr湯進(jìn)er在曾經(jīng)的項目過程中就會運用“卡片分類法”去梳理信息架構(gòu)口注,首先將所有的功能點用一張張卡片寫下來,然后讓“目標(biāo)用戶”參與到信息分類中君珠,并反饋相關(guān)分類標(biāo)準(zhǔn)作為我們產(chǎn)品設(shè)計師去梳理信息架構(gòu)的參考寝志。實際實踐過程中,可能更需要設(shè)計師或者產(chǎn)品經(jīng)理本身有一定的信息篩選、梳理材部、分類的能力毫缆,進(jìn)一步通過用戶測試去檢驗分類的信息傳達(dá)有效性。

圖3:從下到上的架構(gòu)方法

圖4:卡片分類法在“從下到上”信息架構(gòu)梳理過程中的應(yīng)用——@Mr湯進(jìn)er項目過程照片

從上到下(如下圖5):這種分類方法從“戰(zhàn)略層”(產(chǎn)品目標(biāo))出發(fā)去考慮內(nèi)容分類乐导。最先從最廣泛的苦丁、可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類,然后在按邏輯細(xì)分出次級分類兽叮,這樣的“主要分類”和“次級分類”就構(gòu)成了“一個個空槽”芬骄,將想要的內(nèi)容和功能按順序一一填入即可猾愿。以微信為例:首先根據(jù)產(chǎn)品目標(biāo)將“主要分類”即一級架構(gòu)分為“最近會話(微信)”鹦聪、“通訊錄”、“發(fā)現(xiàn)”和“我”蒂秘;然后再進(jìn)行“次級分類”分類泽本,如“發(fā)現(xiàn)”下再分“朋友圈”、“掃一掃”姻僧、“搖一搖”等等规丽;最后將相應(yīng)的功能(如朋友圈feeds、發(fā)朋友圈撇贺、朋友圈消息等)填入到相應(yīng)的“朋友圈”分類中赌莺。

圖5:從上到下的架構(gòu)方法

注:實際應(yīng)用中,其實兩種方式是結(jié)合起來進(jìn)行的松嘶,需要產(chǎn)品經(jīng)理和設(shè)計師有效的平衡運用艘狭,多多實踐吧~

三、信息架構(gòu)進(jìn)階

1翠订、信息架構(gòu)梳理的依據(jù)是什么巢音?

首先,我們需要明白尽超,信息架構(gòu)受到哪些因素的影響官撼。從大的方面可以分為兩點:“用戶需求”和“產(chǎn)品目標(biāo)”,與上述的A和B兩點作用有著對應(yīng)關(guān)系似谁。具體實踐中傲绣,可能受到的影響因素包括:

A、用戶層面的思考:用戶的理解能力巩踏;用戶的熟悉程度(已有心理模型秃诵、操作習(xí)慣等);目標(biāo)內(nèi)容的使用頻率(低頻高級功能一般會“藏”的比較深)蛀缝;內(nèi)容的數(shù)量顷链;內(nèi)容信息的語義等等

B、產(chǎn)品層面的思考:產(chǎn)品的核心價值、產(chǎn)品的主線功能嗤练、特色功能等

舉一個例子榛了,之前在知乎上看到一個問題:為什么微信朋友圈這么高密度使用的功能要放到二級菜單?

我想這個問題不同人一定有不同的理解和回答煞抬,而且都是有道理的(例如有匿名回答:還記得商場樓層的劃分方式么霜大?如果朋友圈放在一級菜單,你還會天天看到掃一掃革答、搖一搖战坤、購物、游戲這些入口么残拐?便于使用途茫,并不是布局的全部。)關(guān)于這個問題溪食,我從《微信背后的產(chǎn)品觀---張小龍》(張小龍騰訊內(nèi)部長達(dá)8小時20分的產(chǎn)品講演)一文中找到了如下一條關(guān)于“架構(gòu)梳理”的產(chǎn)品觀:

保持主干清晰囊卜,枝干適度。產(chǎn)品的主要功能架構(gòu)是產(chǎn)品的骨骼错沃,它應(yīng)該盡量保持簡單栅组、明了,不可以輕易變更枢析,讓用戶無所適從玉掸。次要功能豐富主干,不可以喧賓奪主醒叁,盡量隱藏起來司浪,而不要放在一級頁面。——依據(jù)張小龍演講整理

圖6:引用自《微信背后的產(chǎn)品觀---張小龍》的PPT整理

通過這個例子@Mr湯進(jìn)er想說辐益,正真去梳理一個好的架構(gòu)断傲,還是很考驗產(chǎn)品經(jīng)理和設(shè)計師的能力和思考的。多思考智政,多實戰(zhàn)~

2认罩、一個好的信息架構(gòu)設(shè)計應(yīng)該具備哪些特點?

以下幾點是@Mr湯進(jìn)er總結(jié)的可以用來檢驗自己的信息架構(gòu)梳理是否正確续捂、合理垦垂,但正在適合自己的產(chǎn)品信息架構(gòu)是很微妙的,需要自己多多去思考和實踐牙瓢。

A劫拗、與“產(chǎn)品目標(biāo)”和“用戶需求”相對應(yīng);

B矾克、具有一定的延展性页慷;

C、保證分類標(biāo)準(zhǔn)一致性、相關(guān)性和獨立性酒繁;

D滓彰、有效平衡信息架構(gòu)的“廣度”和“深度”

E、使用“用戶語言”州袒,同時需避免“語義歧義或不解”

下面詳細(xì)闡述上面幾點檢驗標(biāo)準(zhǔn):

A揭绑、與“產(chǎn)品目標(biāo)”和“用戶需求”相對應(yīng);

直接舉例子:新聞資訊類應(yīng)用郎哭,經(jīng)常以實踐順序組織信息架構(gòu)他匪,因為用戶需求中,對于“新聞”的時效性的要求是唯一的重要要素夸研,同時邦蜜,對于產(chǎn)品本身,只有提供最新的資訊才能在競爭中獲得優(yōu)勢陈惰。再如畦徘,同樣是資訊類應(yīng)用毕籽,“今日頭條”的產(chǎn)品目標(biāo)是針對不同用戶進(jìn)行針對性推送資訊抬闯,因此除了以“時間”維度組織信息架構(gòu)以為,它還通過算法推送关筒,以“推薦”的方式組織資訊內(nèi)容溶握,針對性推送最新的資訊,減低了用戶“挑選”資訊的門檻蒸播,增加了用戶資訊獲取效率睡榆。

B、具有一定的延展性袍榆;

一個延展性好的信息架構(gòu)胀屿,能把新的內(nèi)容作為現(xiàn)有結(jié)構(gòu)的一部分容納進(jìn)來(下左圖),也可以把新內(nèi)容當(dāng)做一個完整的新部分加入(下右圖)包雀,舉個例子:微信的“發(fā)現(xiàn)”就具有一定的延展性宿崭,陸續(xù)有“游戲”、“購物”等內(nèi)容被納入其中才写。

圖7:一個延展性好的信息架構(gòu)圖示

C葡兑、保證分類標(biāo)準(zhǔn)一致性、相關(guān)性和獨立性赞草;

一個好的架構(gòu)分類讹堤,應(yīng)該有一套準(zhǔn)確的分類標(biāo)準(zhǔn),并且對于用戶而言是可以被準(zhǔn)確理解和學(xué)習(xí)的厨疙。其中“一致性”體現(xiàn)在標(biāo)準(zhǔn)的唯一洲守,不能有多套標(biāo)準(zhǔn),也就是說要保證功能入口是唯一的(快捷方式入口除外),這樣的好處就是梗醇,用戶在使用過程中暑始,不會因為有太多的標(biāo)準(zhǔn)而摸不清相應(yīng)的功能入口(這一點感覺爭議比較多,但@Mr湯進(jìn)er認(rèn)為有必要堅持入口的唯一性)婴削;“相關(guān)性”是指上下層級以及層級中內(nèi)容必須具有相關(guān)性的廊镜,不能把“足球新聞”欄目納入到“時政要聞”層級下,因為它們的沒有關(guān)聯(lián)性(例子比較low唉俗,但意思大家懂的)嗤朴;最后一點是獨立性,獨立性體現(xiàn)在同一層級分類應(yīng)該是相互獨立的虫溜,不能同一層級的兩個分類存在交集或包含關(guān)系雹姊。

D、有效平衡信息架構(gòu)的“廣度”和“深度”

在處理信息架構(gòu)“廣度”和“深度”問題上衡楞,說實話沒有統(tǒng)一的標(biāo)準(zhǔn)吱雏。曾經(jīng)聽過有同學(xué)說“層級不能超過3層,如果超過三層瘾境,這個架構(gòu)就是不好的”這樣的論斷歧杏,其實@Mr湯進(jìn)er認(rèn)為,不能簡單的看“深度”迷守,而是看用戶的實際體驗犬绒。那“廣度”和“深度”各自有哪些優(yōu)缺點呢?主要體現(xiàn)在“寬而淺”的架構(gòu)用戶可以用較少的點擊完成相應(yīng)的任務(wù)目標(biāo)兑凿,問題在于每層的“信息分類標(biāo)準(zhǔn)”太多凯力,增加用戶每一層級的分類尋找難度。(參見@Mr湯進(jìn)er的另一篇文章《設(shè)計法則:Hick's law》選項增多礼华,做出決定的時間就是會增加咐鹤!)。而“窄而深”的信息架構(gòu)好處是減少了用戶選項圣絮,問題在于增加了用戶操作步驟如下圖9祈惶,用戶從A頁到B頁需要6步之多。

如何平衡“廣度”和“深度”需要考慮的因素很多(大小屏幕等硬件特性晨雳、產(chǎn)品功能目標(biāo)行瑞、用戶使用頻次等等)。建議大家多多實踐餐禁,靈活應(yīng)用血久,多從用戶使用角度做思考。

圖8:寬而淺

圖9:窄而深

E帮非、使用“用戶語言”氧吐,同時需避免“語義歧義或不解”

這一點雖然是個小點讹蘑,但往往也容易被很多設(shè)計師忽略。第一是要用“用戶語言”進(jìn)行分類和功能描述筑舅,用戶是看不懂“專業(yè)術(shù)語”(行業(yè)應(yīng)用除外)的座慰,可以通過“用戶測試”來檢驗用戶對于分類和功能“名稱表述”的理解能力。同時翠拣,好的“名稱”應(yīng)該是沒有歧義或者會造成用戶不解的版仔。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市误墓,隨后出現(xiàn)的幾起案子蛮粮,更是在濱河造成了極大的恐慌,老刑警劉巖谜慌,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件然想,死亡現(xiàn)場離奇詭異,居然都是意外死亡欣范,警方通過查閱死者的電腦和手機(jī)变泄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恼琼,“玉大人妨蛹,你說我怎么就攤上這事〔蛋” “怎么了滑燃?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颓鲜。 經(jīng)常有香客問我,道長典予,這世上最難降的妖魔是什么甜滨? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮瘤袖,結(jié)果婚禮上衣摩,老公的妹妹穿的比我還像新娘。我一直安慰自己捂敌,他們只是感情好艾扮,可當(dāng)我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著占婉,像睡著了一般泡嘴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上逆济,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天酌予,我揣著相機(jī)與錄音磺箕,去河邊找鬼。 笑死抛虫,一個胖子當(dāng)著我的面吹牛松靡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播建椰,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼雕欺,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了棉姐?” 一聲冷哼從身側(cè)響起阅茶,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谅海,沒想到半個月后脸哀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡扭吁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年撞蜂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片侥袜。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡蝌诡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出枫吧,到底是詐尸還是另有隱情浦旱,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布九杂,位于F島的核電站颁湖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏例隆。R本人自食惡果不足惜甥捺,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望镀层。 院中可真熱鬧镰禾,春花似錦、人聲如沸唱逢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坞古。三九已至备韧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間绸贡,已是汗流浹背盯蝴。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工毅哗, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人捧挺。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓虑绵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親闽烙。 傳聞我的和親對象是個殘疾皇子翅睛,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容