從6個方面聊聊,如何科學設計信息架構?

3 評論 10573 瀏覽 60 收藏 17 分鐘

本文作者依據實際工作的的所思所想,分享了自己對信息架構的理解以及科學設計信息架構的一些思考,希望能夠給你帶來一定的啟發。

最近和一些產品經理朋友進行了一些交流,主要的主題是信息架構。交流過程中,我發現有些產品經理認為,設計信息架構是在選擇原型展示的信息。在靠「想」在設計信息,沒有成體系化的方法。有些產品經理,甚至在畫原型過程中,還在調整頁面的信息。很多時候都是以腦圖來描述信息架構。

從大家的交流結果來看,大家都知道信息架構的重要性。但是,在設計信息架構時,大家反倒比較隨意,沒有什么定式的方法。所以,在本文中,我主要分享一下我對信息架構的理解,以及我如何科學的設計信息架構。

我一直認為產品經理的工作從來不是漫無邊際的自我「空想」,產品工作是通過實踐經驗,不斷進化突破的方法體系。因此,本文的分享還有一個目的,就是希望通過分享,將信息架構的方法進行沉淀和優化,形成我自己的信息架構系統性方法。

一、什么是信息架構

信息架構是信息通過設計、組織和架構,被展現為各類產品中的內容的過程。對于互聯網產品,也是實現信息可視化的過程。將原始的數據建模信息,轉化為產品界面展示的各類內容元素。信息架構的最終成果,不僅僅描述出信息結構和呈現形式,而要在產品中形成一種信息呈現規則和秩序。

信息架構的受眾,是產品的用戶。對于用戶,信息架構的目的是快速準確的獲取內容。反過來,從信息架構的設計者來分析,信息架構的目的是把某些信息準確快速的傳遞給用戶。這也是信息架構的對立點,往往用戶期望獲取的信息,并不一定是我們既定希望傳遞的信息。

一條信息,可能是數據庫中的一條記錄,為什么不直接在頁面直接展示?還需要經過精心的架構?因為通過信息架構這一過程,實現提升信息傳遞的效率;需要將信息處理成更易于理解的內容;解決信息的過載或者爆炸等等問題。歸根究底就是為確保信息傳遞的快速和準確,需要通過精心的設計。

二、預備知識

在正式介紹我的信息架構方法之前,還需要補充一些,我們應該需要掌握的預備知識。這些知識涵蓋信息架構的角色、場景、信息瀏覽方式、信息呈現的范式以及信息傳遞理論等?;谶@些知識,我們才能避免設計「空想」性質的信息架構。

1. 為用戶設計

任何信息架構都是面向用戶的,滿足用戶快速準確獲取信息的需求。用戶需要什么信息,我們希望為用戶提供什么信息,是我們首先需要清楚的。

2. 為場景而設計

任何信息架構的核心場景,都是用戶查找和閱讀信息。在核心場景下又細分出一系列的細分場景,比如查找可以是搜索、篩選等。之外,也要清楚信息架構時,所面對的現實場景。比如,環境、平臺、規范等等。

3. 信息瀏覽的方式

在進行信息架構式,我們也應該了解用戶在不同環節下獲取信息的方式。按客觀規律,我們周邊用戶從任何大部分平面介質中獲取信息,都是從左到右,從上到下。這是經過時間歷練,一個特定范圍內用戶默契形成的習慣。當然,平臺或者介質不同,信息瀏覽的方式也不同。

4. 被廣泛接受的信息呈現方式

我們要了解,在我們設計信息架構的環境中,有哪些已經形成規范的信息呈現方式。比如,在Web互聯網產品平臺中,表格、控件、導航、樹形結構、標簽等。當然,也要學習這些規范適合使用在什么場景下,適合哪種類型的信息。比如,在Web端呈現相同格式的多條數據時,可以使用列表展示。同時,會搭配篩選、搜索、分頁等。通過這些呈現方式,信息能更容易被理解

大多數場景下,不要輕易的顛覆已經在用戶群體中,形成習慣的信息呈現方式。

5. 信息的傳遞

信息在傳遞給用戶的時候中會逐級遞減,幾何遞減。在信息架構中,體現為距離信息視覺中心的距離和信息的層級。所以,信息傳遞的路徑越短越好。

三、核心方法

我的信息架構的方法的核心分為三大部分。

  • 首先實現對信息進行篩選和預處理,得到對用戶有價值,且易于用戶理解的元信息。
  • 再則,以單一的元信息為點,構建信息面,最后以信息面構建信息空間。
  • 最后,為各種信息選定信息的呈現方式。整個方法的核心是,模擬自然空間,肉眼見到的自然信息的構建形式。將各類平臺的平面的點信息和面信息的呈現形式,抽象成三維的自然信息結構。

信息篩選主要是,根據用戶的需求和場景,從我們的原始數據中選擇出需要呈現給用戶的信息。信息預處理,主要對信息進行分組和轉義。使信息轉化為可直觀理解的內容。

每一個點就是元數據,元數據間也存在親疏關系。在同一個面中,親近的元數據,應該匯集在一起,可以形成一列、一行或者一塊。相似的一組元數據,應該呈現規則的排布。每一個面就是一個信息層級。以最重要的信息作為一個面,然后向深處一次拓展信息面。最終這些面,形成一個三維的信息空間。

設計信息的呈現時,從元信息出發,到信息的分組,再到信息面,最終要形成信息空間下的視覺呈現規范。

三維的信息空間加上整理出的信息呈現形式,就是我們設計出的信息架構。

四、方法實踐

剛討論的方法,因為想要將該方法不僅僅應用到互聯網產品的信息架構中。所以,可能比較抽象,不太好理解。所以,我們可以將上文的三部分理論的實踐過程,歸納總結為更簡單的設計、組織、架構,三大實踐步驟。設計就是選取信息點的過程,組織是構建信息面的過程,架構是構建信息空間的過程。

1. 設計

首先,信息架構的原始數據,是在信息建模后的,具有一定表征意義的數據。信息架構與信息建模有很多相似之處。只是,信息建模是以數據來抽象表示某些事物,而信息架構則是設計這些數據的呈現結構和形式。

在設計信息的過程,篩選信息,構建元信息,可以通過構建敘述詞表和受控詞表。通過敘述詞表可以對信息進行分組,構建信息的親疏關系。受控詞表可以改善信息內容,提升信息的觸達效率。受控詞表是一份等價術語清單,敘詞表的重要目標是同義詞管理,把許多同義詞或異形術語對應到某個優選術語或概念上。

具體的敘述詞表和受控詞表的建立形式,比較復雜,需要單獨學習。當然,構建敘述詞表和受控詞表,只是一種篩選信息,構建元信息的方法。我們也可以使用一些其它方法。

在構建元信息時,還要對信息進行轉義。轉義主要是將某些用戶很難理解的數據,轉換用戶容易理解的文字、圖形等信息。比如,存儲在數據庫中的某些類型信息,就需要轉義為文字描述。

2. 組織

在組織信息時,根據序數詞表和受控詞表,將元信息呈現在不同的面中,在每個面中,確定信息的呈現位置。在設計信息位置時,要根據平臺對應的信息瀏覽方式。以Web網頁為例,在頁面信息很少時,正中間的信息最重要。信息元素較多時,左上角信息更重要,向左和下遞減。

在組織信息時,對于匯聚在面上,不同的信息,要形成規則和秩序。規則和秩序可以適配到,其它具備同類信息的面。比如,訂單記錄的信息面和訂單詳情信息面,可以適配到各類記錄類型的信息。

在設計信息面時,還要考慮根據場景和平臺,拓展出來的元信息。比如,在訂單信息面,需要關聯訂單狀態篩選的信息組。

單個信息面的元數據太多,會降低用戶的信息獲取效率。所以,在組織信息面時,需要合理控制信息面的元信息數量,降低信息面的元信息類型。

完成信息的組織后,形成的是多個信息面。

3. 架構

完成信息面的設計之后,需要設計所有信息面間的關聯關系,形成信息空間。在架構時,首先要確定關聯的面。也以訂單相關的信息為例,可以分析出三個相關的面,訂單列表信息、訂單詳情信息、訂單編輯信息。這個三個信息就構成了一個小空間,列表信息是第一層,訂單詳情信息和訂單編輯信息都是第二層。

在架構信息面時,參考常規的范例和經驗。常用的信息面架構形式,主要有線性層級,有權重的樹形,Map層級、圖的形式。

線性層級是多個信息面依次相連。比如訂單列表信息面進入詳情信息面,詳情信息面又能進入支付信息面。

權重的樹形結構時,信息面像樹形一樣連接,但父信息面不同,信息面的權重也不同。比如訂單詳情信息面中,又存在支付信息面、商品詳情信息面等。

Map層級,類似Key-Value的形式。一般用作,通過元數據快速查找其關聯的信息面。例如,通過訂單號,直達訂單詳情。

圖的結構,相對較為復雜,類似數據結構中圖的結構。用圖來架構信息面,核心是實現信息面間的任意鏈接。使用圖的結構時,要重點注意信息瀏覽的回溯。

在設計信息架構時,其實也能發現,任何用戶瀏覽信息,都是線性的。在我們的幾種范式結構中,瀏覽信息也是按線性在進行。因此,在架構時,我們要盡量降低信息面的層級和信息深度。

設計好信息呈現方式后,我們可以將其整理出來。比如,每月工資收入的數據,以折線圖的形式呈現。

產品經理設計的web產品的信息架構后,只需要簡單的工作就能畫出對應原型。

五、信息結構輸出

本文開頭,并不太建議以腦圖來展示信息結構的設計,這是什么原因?主要因為腦圖適合發散性的信息。特別是對于互聯網產品,信息面間是交叉關聯關系。如果用腦圖,需要任意連接多個不同節點的數據,這會使整個腦圖看起非常凌亂。而且腦圖不能體現,元信息在信息面上的分布。更不能體現多組同類信息的設計。

那以什么方法輸出信息結構的文檔更好那?我實踐下來,比較習慣使用EXCEL。

比如下方EXCEL,以訂單頁面為例。元信息以表格的格子,表示在表格中。同組信息,以相同的邊框顏色來區分,進行分門別類。而不同的Sheet就表示不同的信息面。信息面的關聯關系,以表格超鏈接(圖中藍色加下劃線的文字)來體現,點擊還可以跳轉。

使用EXCEL做信息架構文檔,可以解決腦圖所存在的一些缺陷。同時,又具備可以直觀體現信息分布,模擬用戶信息瀏覽路徑的有優點。得益于Excel的強大功能,在輸出信息架構時,能實現很多有價值的效果。

當然,用Excel展現信息架構的設計,也有兩個缺陷。一是不能一覽信息架構全貌,再則不能直觀體現信息路徑深度。不過,瀏覽信息架構全貌的場景應該很少。畢竟直接瀏覽整個產品的信息,這些信息要素還是過于繁雜了。至于信息路徑深度,如果夠熟悉Excel的話,可以通過宏編程來解決。

六、一些思考

優秀的信息架構,都具有拓展性、一致性和易讀性。但在信息架構的過程中,我們經常需要在三者間權衡和妥協。

信息架構在很多場景和行業中都是相通的。我的方法也經常用到產品詳情頁、產品宣傳冊等產品材料的設計中。

未來的信息架構應該具備啟發性。它能根據用戶的信息獲取習慣、當前產品的信息要點等條件,自動設計、組織和架構信息,并適配對應的內容。甚至于能學習用戶案例,改進信息架構。自動補全和智能推薦,就是當前的啟發性信息架構的典型例子。伴隨著AI技術的發展,啟發性的信息架構技術并不遙遠。

點-面-空間的信息架構設計方法,是我個人的經驗,可能不太完善。這個方法也是我個人設計信息架構的思路的體現。大家可以作為避免「空想」設計的參考。當然,我的方法還要在各種業務場景、產品設計中,不斷優化和調整。

#專欄作家#

產品小思考,微信公眾號:產品小思考,人人都是產品經理專欄作家。擅長行業業務分析,設計行業方案,設計B端產品架構。主要關注醫美、醫療行業,涉及HIS、CRM和各類業務系統產品。

本文由 @產品小思考 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 非常棒的總結,受教了,感謝分享

    回復
  2. 點線面有點類似于從下往上構建架構

    來自河南 回復
  3. 表現層,框架層,結構層,范圍層,戰略層。信息架構就是在做前三層。

    回復