方格精選

資訊架構入門#1:學習UX設計師的思考方式/Soking

更新於 發佈於 閱讀時間約 5 分鐘

對於希望入門UX(使用體驗設計)這個領域的朋友而言,學習的門檻之一往往是各種意義繁複的專有名詞,例如「資訊架構」。本文之後的一系列文章,將與讀者討論資訊架構的知識,作為分析或設計網站與各種線上服務的參考。

獸群之心/ Soking產品設計師,多年新創公司、社群營運以及媒體經驗,經營千綺設計,提供UI/UX設計顧問服務、以及UX教育工作坊。
raw-image

對於希望入門UX(使用體驗設計)這個領域的朋友而言,學習的門檻之一往往是各種意義繁複的專有名詞,例如「資訊架構」。本文之後的一系列文章,將與讀者討論資訊架構的知識,作為分析或設計網站與各種線上服務的參考。

學習「資訊架構」的困難

雖然我們也可以直接告訴入門學習者去翻書自學就好,但書中多如繁星的專有名詞,卻總是令人昏昏欲睡。

大多數人會很慚愧的說,書根本看不完;更多的人會說,即使看了書也無法理解實際狀況,更別提內化成為知識,幫助設計工作能更上一層樓。

在學習的認知科學上,這是典型的「因為缺乏前置知識,所以無法培養能力」的學習落差問題。

以O’Reilly出版的北極熊書《資訊架構學》為例:只要查看一下目錄,我們就會發現這門學問在談組織資訊、建立標籤與分類、規劃導覽系統、談論搜尋以及各種中介資料(metadata)的重要性。

我相信你的大腦會很難讀進上面這些文字,因為真的很難懂、離生活經驗也很遠。或者說,每個字分開來我們都能閱讀,但合在一起是什麼意思,就很難開口用白話來說清楚。

資訊架構之所以對入門者難以學習,原因在於這是一門綜合技藝;而這門綜合技藝最後的產出,則是一個結合多方因素的合理規劃成果。

因此,要把一個可能要考慮千百種因素或流程的綜合技藝,用文字記錄成書,就不得不去解釋各種資訊問題的處理方法與原理;然而隨著網路技術與文化的演進,這些方法又會持續變動,並不是一們固定的學問。

講得誇張一點,在有些方法被寫下來、等待印成書的時間,說不定技術或網路新創的領域就誕生了更簡便的解決方案、並且被新世代產品納入基本規格之中;以後的人可以根本不需要懂解決方案的原理,拿來就用,只要遵照一些基本規範的限制即可。

舉個例子來說,在隨機碼、會員驗證、防機器人的領域,就有許多類似的開源技術。許多知名的內容管理系統(CMS,如Wordpress)把許多網站資訊架構的常見基本元素都整理好了。

如果有玩過Facebook開放給媒體發佈商使用的「即時文章」(instant article)功能,也會發現其中的HTML5標籤,對於文章的基本資訊架構也有了完善的通用規範。

在本系列文章中,筆者將試著歸納資訊架構的基本觀點,並提出對應的練習、觀察方法;如果你是嘗試學習資訊架構的朋友,歡迎完成練習,並找我做進一步討論

資訊架構的基本觀點

以最簡化的方式來說,資訊架構可以分為「使用者」、「資訊系統」、「資訊提供者」三種角色。

身為一個資訊架構的設計師,我們希望:

  1. 使用者:尋找到想要、需要的資訊,並且加以運用。
  2. 資訊系統(網站或app):包容資訊的變化、增減、擴充,以維持資訊的品質。
  3. 資訊提供者:按照希望的服務或商業模式提供資訊,以產生價值。
raw-image

建議有興趣的入門者,可以嘗試代入這三種角色,並「分類」你所使用的網站或app;看看每個畫面上看到的訊息,應該屬於哪一種角色。

用 Airbnb 來做個小練習

raw-image

試著觀察 Airbnb 介面上隱含的資訊架構角色,並思考下列問題:

  1. 使用者如何發現自己處於「東京」的資訊內容?
  2. 什麼地方引導使用者去「改變資訊的內容」以符合使用者自己的想法?
  3. 標題「探索東京」底下的三個項目,是根據什麼定義出來的?
  4. 標題「探索東京」底下的三個項目,圖片是怎麼來的、如何決定?
  5. 標題「熱門房源」物件,使用了幾個資訊欄位?
  6. 「熱門房源」物件這些欄位的內容是怎麼來的?試著用Google表單設計一個表格模擬填寫的方式。

結語

在UX成為顯學之前,有一個職稱叫資訊架構師;這是因應網路世界資訊快速成長,而從原有的圖書資訊領域分支出來的一門專業領域。但在台灣的工作環境中,經常是以「企劃」一職來取代。

談UX的書籍,經常也涉及了專案管理、組織文化、當然還有用戶體驗;事實上「資訊架構」這個學問的主要目的,就是服務人類、設計出人們可以自助取用資訊的系統。所以,這當然是規劃資訊系統的UX設計師應該關注的範疇。

有關資訊架構學的起源,推薦閱讀〈跨部門溝通? 經典著作「北極熊」作者看到 IA 新機會:從自身做起〉這篇文章:


留言
avatar-img
留言分享你的想法!
avatar-img
吐納商業評論的沙龍
1.4K會員
2.0K內容數
為您送上頂尖作者的最新管理與科技產業思維。
2022/07/07
「管理者」設計流程的真正重點,在於:流程越簡單越不會出錯、沒有作用的動作不要做、尤其是做不到的事情不要讓別人產生期待。
Thumbnail
2022/07/07
「管理者」設計流程的真正重點,在於:流程越簡單越不會出錯、沒有作用的動作不要做、尤其是做不到的事情不要讓別人產生期待。
Thumbnail
2022/07/06
從企業經營管理的角度,來回顧自己這次確診的經歷,我可以斷定許多問題出在政府的組織架構、和其分工合作上。政府組織架構和企業的不同,造成了在防疫過程中不同單位間的整合問題。
Thumbnail
2022/07/06
從企業經營管理的角度,來回顧自己這次確診的經歷,我可以斷定許多問題出在政府的組織架構、和其分工合作上。政府組織架構和企業的不同,造成了在防疫過程中不同單位間的整合問題。
Thumbnail
2022/07/06
在疫情之中,「恐懼製造鏈」充斥每個角落;不管有意或無意、善意或惡意,每天都有人製造恐懼。但恐懼在傳播之後往往會失控,造成可怕的後果。所以每個人都必須瞭解散佈恐懼之後可能造成的惡果、謹慎發言,避免自己遭到反噬。
Thumbnail
2022/07/06
在疫情之中,「恐懼製造鏈」充斥每個角落;不管有意或無意、善意或惡意,每天都有人製造恐懼。但恐懼在傳播之後往往會失控,造成可怕的後果。所以每個人都必須瞭解散佈恐懼之後可能造成的惡果、謹慎發言,避免自己遭到反噬。
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
所走議題都有架構,如果你寫著寫著,發現你在寫的東西沒有架構:,別懷疑,你對這個議題還不夠深入......
Thumbnail
所走議題都有架構,如果你寫著寫著,發現你在寫的東西沒有架構:,別懷疑,你對這個議題還不夠深入......
Thumbnail
▋兩大面向:資訊架構與資訊內容 今年圖解力讀書會規劃兩個月的時間來建立【圖解思考】的基礎,分別是【資訊架構】與【資訊內容】這兩部分。 白話來說就是【骨架】與【血肉】 所以一月份導讀了下方四本書,讓大家打破既有的文字條例式束縛。 說真的,光是從過往的條例式到嘗試用不同形式整理資訊、想法就超難的了,所以
Thumbnail
▋兩大面向:資訊架構與資訊內容 今年圖解力讀書會規劃兩個月的時間來建立【圖解思考】的基礎,分別是【資訊架構】與【資訊內容】這兩部分。 白話來說就是【骨架】與【血肉】 所以一月份導讀了下方四本書,讓大家打破既有的文字條例式束縛。 說真的,光是從過往的條例式到嘗試用不同形式整理資訊、想法就超難的了,所以
Thumbnail
本專欄是圖解讀書會的文字版,此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,本次內容: 01 人更擅長處理小塊資訊 02 不同心理活動有不同負荷 03 用戶30%時間正在走神 04 人擺脫認知失調的路徑 05 人會創造心智模型 06 人與概念模型交互
Thumbnail
本專欄是圖解讀書會的文字版,此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,本次內容: 01 人更擅長處理小塊資訊 02 不同心理活動有不同負荷 03 用戶30%時間正在走神 04 人擺脫認知失調的路徑 05 人會創造心智模型 06 人與概念模型交互
Thumbnail
最近我們家的實習生開始在進行 UX 學習者問卷調查,我自己也很期待實習生們最後會如何收斂整理出結果,所以就忍不住偷看了一些大家的回答。今天想要先回應一部分問卷的回覆中,經常被提到的 UX 學習痛點,例如: 學了許多UX方法但不確定使用時機、覺得不容易評估UX設計/學習成效
Thumbnail
最近我們家的實習生開始在進行 UX 學習者問卷調查,我自己也很期待實習生們最後會如何收斂整理出結果,所以就忍不住偷看了一些大家的回答。今天想要先回應一部分問卷的回覆中,經常被提到的 UX 學習痛點,例如: 學了許多UX方法但不確定使用時機、覺得不容易評估UX設計/學習成效
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
Thumbnail
本系列文章前面的「資訊架構的三種基本角色」、「事前準備與內容提供者」、以及「評估資訊內容的影響力」三篇,都是關於資訊架構前期規劃的討論,所以本文想談談執行過程的思考,包括進行網站地圖(sitemap)、框線架構(wireframe)等設計時犯過哪些錯誤、以及更理想的作法。
Thumbnail
本系列文章前面的「資訊架構的三種基本角色」、「事前準備與內容提供者」、以及「評估資訊內容的影響力」三篇,都是關於資訊架構前期規劃的討論,所以本文想談談執行過程的思考,包括進行網站地圖(sitemap)、框線架構(wireframe)等設計時犯過哪些錯誤、以及更理想的作法。
Thumbnail
當UX使用體驗設計師們在參與一個新的軟體專案時,前期會花費大量時間研究資訊架構的三要素:情境、內容、用戶。在本文中,讓我們來盤點一下「內容」相關的要素,並提供一個練習分析內容格式的方法,給對資訊架構入門有興趣的朋友。
Thumbnail
當UX使用體驗設計師們在參與一個新的軟體專案時,前期會花費大量時間研究資訊架構的三要素:情境、內容、用戶。在本文中,讓我們來盤點一下「內容」相關的要素,並提供一個練習分析內容格式的方法,給對資訊架構入門有興趣的朋友。
Thumbnail
在前一篇〈資訊架構入門#1〉中,我們提到資訊架構的三個基本角色:使用者、資訊系統、以及資訊提供者;本文將繼續討論思考資訊架構的方式,希望讀者往後可以用新的方式來觀察使用的網站、app、甚至日常生活中各種數位產品的資訊架構。
Thumbnail
在前一篇〈資訊架構入門#1〉中,我們提到資訊架構的三個基本角色:使用者、資訊系統、以及資訊提供者;本文將繼續討論思考資訊架構的方式,希望讀者往後可以用新的方式來觀察使用的網站、app、甚至日常生活中各種數位產品的資訊架構。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News