思維導(dǎo)圖 不等于 信息架構(gòu)

信息架構(gòu)是我學(xué)習(xí)交互設(shè)計中最迷糊的知識點旱易,通過網(wǎng)上搜索和同行交流我發(fā)現(xiàn)這也不是我一個人的困惑禁偎。更神奇的是很多在網(wǎng)上寫信息架構(gòu)的人要么自己還不懂什么是真正的信息架構(gòu)要么就是根本不會表達,上來就給我畫一張思維導(dǎo)圖阀坏,稍微有點良心的作者還給你展示一下卡片分類如暖,總之這些文章都是半斤八兩,僅僅把產(chǎn)品的導(dǎo)航菜單就當(dāng)作信息架構(gòu)忌堂,真是誤人子弟盒至。

數(shù)據(jù)結(jié)構(gòu)比導(dǎo)航重要

就按目前的行業(yè)發(fā)展來說導(dǎo)航設(shè)計直接抄襲都不會產(chǎn)生很大的體驗問題,倒是一些關(guān)鍵信息的結(jié)構(gòu)士修,是產(chǎn)品的成敗枷遂。

以網(wǎng)易云音樂舉例,用戶可以創(chuàng)建歌單棋嘲,歌單內(nèi)有歌曲登淘,歌曲和歌單都可以被用戶寫評論,同時歌曲有演唱者封字。用戶可以創(chuàng)建多個歌單黔州,在不同的歌曲、歌單下寫評論阔籽,演唱者創(chuàng)作了很多歌曲流妻。任意一個用戶訪問其中一個節(jié)點可以順藤摸瓜找到其他節(jié)點。這是一張網(wǎng)絡(luò)笆制,遠不是一個樹形思維導(dǎo)圖可以表達的绅这。正是這張網(wǎng)絡(luò)讓用戶在歌單和評論之間流連忘返互動頻頻,造就了網(wǎng)易云音樂作為年輕人音樂社區(qū)的成功在辆,網(wǎng)易云音樂五個底部 Tabbar 導(dǎo)航是什么決定不了產(chǎn)品的成敗证薇。

以上這些節(jié)點之間的關(guān)聯(lián)關(guān)系,一般在信息匆篓、計算機等理工專業(yè)的《數(shù)據(jù)庫設(shè)計》課程中有教授浑度。這種理清各個概念之間的圖表稱為E-R圖(Entity Relationship Diagram,實體-聯(lián)系圖)鸦概,這種圖表提供了表示實體類型箩张、屬性和聯(lián)系的方法,用來描述現(xiàn)實世界的概念模型。

一個電商系統(tǒng)的 E-R 圖舉例

在實際工作中這個圖表一般由高級產(chǎn)品經(jīng)理或者后端程序員繪制先慷,明明是設(shè)計信息架構(gòu)中非常重要的一環(huán)饮笛,很多初級產(chǎn)品經(jīng)理和設(shè)計師卻從未聽過,也未系統(tǒng)考慮過论熙。

導(dǎo)航結(jié)構(gòu)和頁面信息結(jié)構(gòu)不一樣

我在指導(dǎo)初級設(shè)計師畫思維導(dǎo)圖時福青,經(jīng)常聽到的困惑是:信息架構(gòu)的思維導(dǎo)圖中每個節(jié)點的定義是什么?我到底該把導(dǎo)航上的文案還是界面上每個元素寫在節(jié)點里呢脓诡?

這時候我就不得不和他們解釋:擺放家具的時候不要考慮冰箱第二層放什么素跺,在整理冰箱食物的時候也不要去想怎么擺放家具。分開兩張圖來畫不就得了誉券。

我第一次看網(wǎng)上文章學(xué)信息架構(gòu)也很納悶這些作者是怎么能把導(dǎo)航結(jié)構(gòu)和頁面元素畫在一張思維導(dǎo)圖里的。

說實在的刊愚,我至今也畫不出來踊跟。

信息架構(gòu)的組成部分

有一本名為《建筑設(shè)計的永恒之道》的書,意外地在互聯(lián)網(wǎng)行業(yè)也很有名鸥诽,其中有一段非常經(jīng)典的話:

不想像事件發(fā)生的場所商玫,就不能想象任何方式的事件;不想像自己睡在哪牡借,我就不能想象睡眠拳昌。不能想象哪里發(fā)生了什么,就不可能想到那個地方钠龙。不想象床炬藤、性行為、睡眠碴里,起床——我就不能想象起居室

人在現(xiàn)實生活中的活動必然發(fā)生在某個場所沈矿,相似的我們在虛擬世界里的活動也必然發(fā)生在屏幕的某個界面里。

現(xiàn)實世界和虛擬世界是有很多相似之處的咬腋。如果我們現(xiàn)實生活中場所的設(shè)計和擺放有問題羹膳,人也很難理解和活動。以一個廚房舉例根竿,要設(shè)計廚房之前陵像,我們先梳理在廚房內(nèi)進行的活動和接觸家具的順序。

再梳理之后寇壳,我們權(quán)衡之后為活動安排最方便的路線醒颖,就得到了廚房家具的擺放順序(注意我之前所說的,這時候別去考慮冰箱里哪幾層放什么食材的事情)壳炎。這在室內(nèi)設(shè)計中稱為動線設(shè)計图贸,類比于互聯(lián)網(wǎng)則是導(dǎo)航設(shè)計。

不是所有的事情都適合在現(xiàn)實世界中做,要不然也不會出現(xiàn)互聯(lián)網(wǎng)公司估值比很多實業(yè)公司還高的事情疏日。

如果我們建設(shè)一個如下圖所示的場所偿洁,現(xiàn)實世界如果要實現(xiàn)這些需求,不曉得要裝多少臺電梯才能讓觀眾在不同的作品之間方便瀏覽沟优,不知道要每天發(fā)行多少套簡報才能讓觀眾知道有新作品發(fā)行涕滋。

而這些需求如果使用互聯(lián)網(wǎng)的超鏈接跳轉(zhuǎn)和關(guān)注推送機制,就方便高效得多挠阁。

以上這個現(xiàn)實世界和互聯(lián)網(wǎng)類比的例子宾肺,是為了引出信息架構(gòu)的知識框架,通過查閱信息架構(gòu)相關(guān)資料侵俗,如果我們用現(xiàn)實世界的超市類比互聯(lián)網(wǎng)產(chǎn)品中信息架構(gòu)的對應(yīng)知識锨用,信息架構(gòu)至少包含如下內(nèi)容:

  • 超市的內(nèi)部路線和指示牌 —— App 的導(dǎo)航結(jié)構(gòu)
  • 超市的布局結(jié)構(gòu)(包裹寄存處在前,收銀臺在后)—— App 的功能結(jié)構(gòu)層級
  • 超市商品的分類方式(比如西紅柿屬于水果還是蔬菜隘谣?) —— App 內(nèi)的內(nèi)容分類方式
  • 超市分類的名稱(叫生鮮區(qū)還是蔬菜水果區(qū)) —— App 內(nèi)各個功能的命名(標(biāo)簽系統(tǒng))
  • 超市的商品貨架放置方式(上層是綠葉蔬菜下層是果實蔬菜) —— App 內(nèi)的界面布局
  • 不知道路或者商品尋問超市導(dǎo)購員 —— App內(nèi)的搜索

這些知識點光拿出其中一個就要學(xué)習(xí)很久增拥,更不可能用一張思維導(dǎo)圖就表達這些內(nèi)容,而且國內(nèi)并沒有哪個崗位能負責(zé)所有信息架構(gòu)方方面面的設(shè)計寻歧。往往設(shè)計師畫導(dǎo)航和界面布局擂错,產(chǎn)品經(jīng)理和程序員規(guī)劃功能結(jié)構(gòu)和搜索系統(tǒng)儡循,運營負責(zé)內(nèi)容分類方式业汰。

推薦閱讀

為了論證思維導(dǎo)圖不等于信息架構(gòu)我閑扯了很多裳扯,遺憾是我也沒有精力和能力寫一套完整的信息架構(gòu)教材,幸運的是有其他大佬可以噪珊,接下來給大家推薦一些很不錯的信息架構(gòu)學(xué)習(xí)資料晌缘。

米蘭理工大學(xué)信息架構(gòu)課程筆記

這是我的老鄉(xiāng)呆頭咸魚所作,她之前是淘寶交互設(shè)計師痢站,再之前之在意大利米蘭理工大學(xué)讀服務(wù)設(shè)計研究生時寫了一些課程筆記枚钓,期間恰好就有信息架構(gòu)的課程。信息架構(gòu)本來是國外舶來的術(shù)語瑟押,自然國外的課程會更系統(tǒng)科學(xué)搀捷,課程筆記分為四章:

  1. 《信息架構(gòu)概述》,鏈接:https://mp.weixin.qq.com/s/pR0Q_uP1nlOggcDSGN0JNg
  2. 《信息架構(gòu) ontology(本體論)》多望,鏈接:https://mp.weixin.qq.com/s/dsbOidLgAMXJrdqi2a20QQ
  3. 《信息架構(gòu) taxonomy(分類學(xué))》嫩舟,鏈接:https://mp.weixin.qq.com/s/AUlMAQ-0ZXx-6ojNtmdc7w
  4. 《信息架構(gòu) choreography(編排)》,鏈接:https://mp.weixin.qq.com/s/3XcmBMrQX0CuW-P-EM_xqA

Hozin 的信息架構(gòu)系列文章

Hozin 是我認識的大佬怀偷,在互聯(lián)網(wǎng)行業(yè)從業(yè)超過 16 年家厌,更難得是如此大佬仍然愿意和初學(xué)者交流,他應(yīng)該是hi國內(nèi)發(fā)表信息架構(gòu)文章最多的人椎工,以下提供他公眾號的專題鏈接

信息架構(gòu)專題鏈接:https://mp.weixin.qq.com/mp/homepage?__biz=MzIzMjE2Njc1OQ==&hid=7&sn=11294be299eb9a6c06686ad17c14c552&scene=18

《交互系統(tǒng)新概念設(shè)計》

豆瓣鏈接:https://book.douban.com/subject/27023063/

這本書中文譯名云里霧里饭于,還以為新概念是什么英語教材蜀踏。原著英文名是《Conceptual Design for Interactive Systems》,既然有 Conceptual Design 那肯定涉及到信息架構(gòu)掰吕,這本書非常系統(tǒng)而且有具體的實例操作如何從信息概念開始逐步設(shè)計出用戶能理解的界面果覆。

我放一些網(wǎng)友拍的書籍截圖大家就知道這書絕對是干貨。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末殖熟,一起剝皮案震驚了整個濱河市局待,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌菱属,老刑警劉巖钳榨,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異纽门,居然都是意外死亡薛耻,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門赏陵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來饼齿,“玉大人,你說我怎么就攤上這事瘟滨。” “怎么了能颁?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵杂瘸,是天一觀的道長。 經(jīng)常有香客問我伙菊,道長败玉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任镜硕,我火速辦了婚禮运翼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘兴枯。我一直安慰自己血淌,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布财剖。 她就那樣靜靜地躺著悠夯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪躺坟。 梳的紋絲不亂的頭發(fā)上沦补,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天,我揣著相機與錄音咪橙,去河邊找鬼夕膀。 笑死虚倒,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的产舞。 我是一名探鬼主播魂奥,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼庞瘸!你這毒婦竟也來了捧弃?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤擦囊,失蹤者是張志新(化名)和其女友劉穎违霞,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瞬场,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡买鸽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了贯被。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眼五。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖彤灶,靈堂內(nèi)的尸體忽然破棺而出看幼,到底是詐尸還是另有隱情,我是刑警寧澤幌陕,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布诵姜,位于F島的核電站,受9級特大地震影響搏熄,放射性物質(zhì)發(fā)生泄漏棚唆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一心例、第九天 我趴在偏房一處隱蔽的房頂上張望宵凌。 院中可真熱鬧,春花似錦止后、人聲如沸瞎惫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽微饥。三九已至,卻和暖如春古戴,著一層夾襖步出監(jiān)牢的瞬間欠橘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工现恼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留肃续,地道東北人黍檩。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像始锚,于是被迫代替她去往敵國和親刽酱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

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