思維導圖 不等於 信息架構

信息架構是我學習交互設計中最迷糊的知識點,通過網上搜索和同行交流我發現這也不是我一個人的困惑。更神奇的是很多在網上寫信息架構的人要麼自己還不懂什麼是真正的信息架構要麼就是根本不會表達,上來就給我畫一張思維導圖,稍微有點良心的作者還給你展示一下卡片分類,總之這些文章都是半斤八兩,僅僅把產品的導航菜單就當作信息架構,真是誤人子弟。

數據結構比導航重要

就按目前的行業發展來說導航設計直接抄襲都不會產生很大的體驗問題,倒是一些關鍵信息的結構,是產品的成敗。

以網易雲音樂舉例,用戶可以創建歌單,歌單內有歌曲,歌曲和歌單都可以被用戶寫評論,同時歌曲有演唱者。用戶可以創建多個歌單,在不同的歌曲、歌單下寫評論,演唱者創作了很多歌曲。任意一個用戶訪問其中一個節點可以順藤摸瓜找到其他節點。這是一張網絡,遠不是一個樹形思維導圖可以表達的。正是這張網絡讓用戶在歌單和評論之間流連忘返互動頻頻,造就了網易雲音樂作爲年輕人音樂社區的成功,網易雲音樂五個底部 Tabbar 導航是什麼決定不了產品的成敗。

以上這些節點之間的關聯關係,一般在信息、計算機等理工專業的《數據庫設計》課程中有教授。這種理清各個概念之間的圖表稱爲E-R圖(Entity Relationship Diagram,實體-聯繫圖),這種圖表提供了表示實體類型、屬性和聯繫的方法,用來描述現實世界的概念模型。

在實際工作中這個圖表一般由高級產品經理或者後端程序員繪製,明明是設計信息架構中非常重要的一環,很多初級產品經理和設計師卻從未聽過,也未系統考慮過。

導航結構和頁面信息結構不一樣

我在指導初級設計師畫思維導圖時,經常聽到的困惑是:信息架構的思維導圖中每個節點的定義是什麼?我到底該把導航上的文案還是界面上每個元素寫在節點裏呢?

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

我第一次看網上文章學信息架構也很納悶這些作者是怎麼能把導航結構和頁面元素畫在一張思維導圖裏的。

說實在的,我至今也畫不出來。

信息架構的組成部分

有一本名爲《建築設計的永恆之道》的書,意外地在互聯網行業也很有名,其中有一段非常經典的話:

不想像事件發生的場所,就不能想象任何方式的事件;不想像自己睡在哪,我就不能想象睡眠。不能想象哪裏發生了什麼,就不可能想到那個地方。不想象牀、性行爲、睡眠,起牀——我就不能想象起居室

人在現實生活中的活動必然發生在某個場所,相似的我們在虛擬世界裏的活動也必然發生在屏幕的某個界面裏。

現實世界和虛擬世界是有很多相似之處的。如果我們現實生活中場所的設計和擺放有問題,人也很難理解和活動。以一個廚房舉例,要設計廚房之前,我們先梳理在廚房內進行的活動和接觸傢俱的順序。

再梳理之後,我們權衡之後爲活動安排最方便的路線,就得到了廚房傢俱的擺放順序(注意我之前所說的,這時候別去考慮冰箱裏哪幾層放什麼食材的事情)。這在室內設計中稱爲動線設計,類比於互聯網則是導航設計。

不是所有的事情都適合在現實世界中做,要不然也不會出現互聯網公司估值比很多實業公司還高的事情。

如果我們建設一個如下圖所示的場所,現實世界如果要實現這些需求,不曉得要裝多少臺電梯才能讓觀衆在不同的作品之間方便瀏覽,不知道要每天發行多少套簡報才能讓觀衆知道有新作品發行。

而這些需求如果使用互聯網的超鏈接跳轉和關注推送機制,就方便高效得多。

以上這個現實世界和互聯網類比的例子,是爲了引出信息架構的知識框架,通過查閱信息架構相關資料,如果我們用現實世界的超市類比互聯網產品中信息架構的對應知識,信息架構至少包含如下內容:

  • 超市的內部路線和指示牌 —— App 的導航結構
  • 超市的佈局結構(包裹寄存處在前,收銀臺在後)—— App 的功能結構層級
  • 超市商品的分類方式(比如西紅柿屬於水果還是蔬菜?) —— App 內的內容分類方式
  • 超市分類的名稱(叫生鮮區還是蔬菜水果區) —— App 內各個功能的命名(標籤系統)
  • 超市的商品貨架放置方式(上層是綠葉蔬菜下層是果實蔬菜) —— App 內的界面佈局
  • 不知道路或者商品尋問超市導購員 —— App內的搜索

這些知識點光拿出其中一個就要學習很久,更不可能用一張思維導圖就表達這些內容,而且國內並沒有哪個崗位能負責所有信息架構方方面面的設計。往往設計師畫導航和界面佈局,產品經理和程序員規劃功能結構和搜索系統,運營負責內容分類方式。

推薦閱讀

爲了論證思維導圖不等於信息架構我閒扯了很多,遺憾是我也沒有精力和能力寫一套完整的信息架構教材,幸運的是有其他大佬可以,接下來給大家推薦一些很不錯的信息架構學習資料。

米蘭理工大學信息架構課程筆記

這是我的老鄉呆頭鹹魚所作,她之前是淘寶交互設計師,再之前之在意大利米蘭理工大學讀服務設計研究生時寫了一些課程筆記,期間恰好就有信息架構的課程。信息架構本來是國外舶來的術語,自然國外的課程會更系統科學,課程筆記分爲四章:

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

Hozin 的信息架構系列文章

Hozin 是我認識的大佬,在互聯網行業從業超過 16 年,更難得是如此大佬仍然願意和初學者交流,他應該是hi國內發表信息架構文章最多的人,以下提供他公衆號的專題鏈接

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

《交互系統新概念設計》

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

這本書中文譯名雲裏霧裏,還以爲新概念是什麼英語教材。原著英文名是《Conceptual Design for Interactive Systems》,既然有 Conceptual Design 那肯定涉及到信息架構,這本書非常系統而且有具體的實例操作如何從信息概念開始逐步設計出用戶能理解的界面。

我放一些網友拍的書籍截圖大家就知道這書絕對是乾貨。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章