方格精選

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

閱讀時間約 4 分鐘

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

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

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

學習「資訊架構」的困難

雖然我們也可以直接告訴入門學習者去翻書自學就好,但書中多如繁星的專有名詞,卻總是令人昏昏欲睡。
大多數人會很慚愧的說,書根本看不完;更多的人會說,即使看了書也無法理解實際狀況,更別提內化成為知識,幫助設計工作能更上一層樓。
在學習的認知科學上,這是典型的「因為缺乏前置知識,所以無法培養能力」的學習落差問題。
以O’Reilly出版的北極熊書《資訊架構學》為例:只要查看一下目錄,我們就會發現這門學問在談組織資訊、建立標籤與分類、規劃導覽系統、談論搜尋以及各種中介資料(metadata)的重要性。
我相信你的大腦會很難讀進上面這些文字,因為真的很難懂、離生活經驗也很遠。或者說,每個字分開來我們都能閱讀,但合在一起是什麼意思,就很難開口用白話來說清楚。
資訊架構之所以對入門者難以學習,原因在於這是一門綜合技藝;而這門綜合技藝最後的產出,則是一個結合多方因素的合理規劃成果。
因此,要把一個可能要考慮千百種因素或流程的綜合技藝,用文字記錄成書,就不得不去解釋各種資訊問題的處理方法與原理;然而隨著網路技術與文化的演進,這些方法又會持續變動,並不是一們固定的學問。
講得誇張一點,在有些方法被寫下來、等待印成書的時間,說不定技術或網路新創的領域就誕生了更簡便的解決方案、並且被新世代產品納入基本規格之中;以後的人可以根本不需要懂解決方案的原理,拿來就用,只要遵照一些基本規範的限制即可。
舉個例子來說,在隨機碼、會員驗證、防機器人的領域,就有許多類似的開源技術。許多知名的內容管理系統(CMS,如Wordpress)把許多網站資訊架構的常見基本元素都整理好了。
如果有玩過Facebook開放給媒體發佈商使用的「即時文章」(instant article)功能,也會發現其中的HTML5標籤,對於文章的基本資訊架構也有了完善的通用規範。
在本系列文章中,筆者將試著歸納資訊架構的基本觀點,並提出對應的練習、觀察方法;如果你是嘗試學習資訊架構的朋友,歡迎完成練習,並找我做進一步討論

資訊架構的基本觀點

以最簡化的方式來說,資訊架構可以分為「使用者」、「資訊系統」、「資訊提供者」三種角色。
身為一個資訊架構的設計師,我們希望:
  1. 使用者:尋找到想要、需要的資訊,並且加以運用。
  2. 資訊系統(網站或app):包容資訊的變化、增減、擴充,以維持資訊的品質。
  3. 資訊提供者:按照希望的服務或商業模式提供資訊,以產生價值。
資訊架構的基本角色:使用者、資訊系統(網站、app)、資訊提供者
建議有興趣的入門者,可以嘗試代入這三種角色,並「分類」你所使用的網站或app;看看每個畫面上看到的訊息,應該屬於哪一種角色。

用 Airbnb 來做個小練習

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

結語

在UX成為顯學之前,有一個職稱叫資訊架構師;這是因應網路世界資訊快速成長,而從原有的圖書資訊領域分支出來的一門專業領域。但在台灣的工作環境中,經常是以「企劃」一職來取代。
談UX的書籍,經常也涉及了專案管理、組織文化、當然還有用戶體驗;事實上「資訊架構」這個學問的主要目的,就是服務人類、設計出人們可以自助取用資訊的系統。所以,這當然是規劃資訊系統的UX設計師應該關注的範疇。
有關資訊架構學的起源,推薦閱讀〈跨部門溝通? 經典著作「北極熊」作者看到 IA 新機會:從自身做起〉這篇文章:
為什麼會看到廣告
1.4K會員
2.0KContent count
為您送上頂尖作者的最新管理與科技產業思維。
留言0
查看全部
發表第一個留言支持創作者!
第54屆金鐘獎,我坐在台下觀禮。我相信,有一天當我們回頭看這份名單的時候,會覺得這是一個台灣影視產業「新舊時代分水嶺」的時刻。無論在軟體(人、文體)或硬體(設備、器材)上都是如此。
保時捷剛推出不久的Taycan四門電動車款,讓很多人口水流了滿地。除了在紐柏林賽道跑出驚人成績之外,它的內裝水準也是頂級的……當然,價格也很精緻。從這個角度切入電動車市場,是很高明的一著;甚至有人認為,Taycan可能會成為特斯拉的威脅……它是嗎?
若要大膽預測2019的熱詞排行,「人造肉」絕對名列前茅;Beyond Meat、Impossible Burger等「未來肉品」話題不僅在美國持續發燒,如今這波超肉風潮也前進台灣。摩斯漢堡、TGI Fridays、Burger King等餐廳皆陸續推出了這些未來漢堡商品,提供消費者新的蔬食選擇。
在〈如何快速做好市場研究〉一文中,我們已經討論過如何快速做市場分析,以瞭解市場樣貌;本文要談的,則是「競品分析」。競品分析是市場分析的一個分支,能幫助我們快速學習並瞭解市場、產品、以及供需兩方的思維及優劣勢。
本文為「Robotics 2.0系列」第二篇。在前一篇文章〈AI重新定義機器人〉中,我們談到AI機器人和傳統機器人最大的不同在於自主學習能力,而這樣的改變將使得AI機器人有潛力顛覆各大產業。但究竟AI機器人會發展出什麼樣的應用?對各個產業又會有什麼影響?
漢堡王這次的行銷活動非常高明,將所謂的「piggyback」手法發揮到了極致,讓公司在損失極小的狀況下得到最大的收穫;在未來的行銷技術教科書中,這應該算是可以列入史冊的一個案例。
第54屆金鐘獎,我坐在台下觀禮。我相信,有一天當我們回頭看這份名單的時候,會覺得這是一個台灣影視產業「新舊時代分水嶺」的時刻。無論在軟體(人、文體)或硬體(設備、器材)上都是如此。
保時捷剛推出不久的Taycan四門電動車款,讓很多人口水流了滿地。除了在紐柏林賽道跑出驚人成績之外,它的內裝水準也是頂級的……當然,價格也很精緻。從這個角度切入電動車市場,是很高明的一著;甚至有人認為,Taycan可能會成為特斯拉的威脅……它是嗎?
若要大膽預測2019的熱詞排行,「人造肉」絕對名列前茅;Beyond Meat、Impossible Burger等「未來肉品」話題不僅在美國持續發燒,如今這波超肉風潮也前進台灣。摩斯漢堡、TGI Fridays、Burger King等餐廳皆陸續推出了這些未來漢堡商品,提供消費者新的蔬食選擇。
在〈如何快速做好市場研究〉一文中,我們已經討論過如何快速做市場分析,以瞭解市場樣貌;本文要談的,則是「競品分析」。競品分析是市場分析的一個分支,能幫助我們快速學習並瞭解市場、產品、以及供需兩方的思維及優劣勢。
本文為「Robotics 2.0系列」第二篇。在前一篇文章〈AI重新定義機器人〉中,我們談到AI機器人和傳統機器人最大的不同在於自主學習能力,而這樣的改變將使得AI機器人有潛力顛覆各大產業。但究竟AI機器人會發展出什麼樣的應用?對各個產業又會有什麼影響?
漢堡王這次的行銷活動非常高明,將所謂的「piggyback」手法發揮到了極致,讓公司在損失極小的狀況下得到最大的收穫;在未來的行銷技術教科書中,這應該算是可以列入史冊的一個案例。
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
00940元大高股息臺灣ETF重點分析,含元大臺灣價值高息指數的追蹤股票高股息 股息率 配息頻率 等資訊。搶市場初級市場申購的打破發行價10元的現象,值不值得投資存在爭議。未來的股息表現需要時間檢驗。股息率不等於報酬率。
Thumbnail
新系統建構時,可考慮採購建置VM機器,DB機器,備份機器以及網路設備等硬體機器。
Thumbnail
「實價登錄」是政府在民國100年推出的一項政策,主要是希望藉由房價成交資訊透明化,讓大家在買價房地時,可以知道過往的類似案例大約賣多少錢一坪,讓大家有個底,也減少因房僳資訊不對稱所衍生的交易糾紛。然而,您確定可以直接確定房價嗎 買房常這樣出價 小張想買房,想說用實價登錄上的資訊,找想買的地點附近
Thumbnail
「格林德瓦」海拔 1,034 公尺的山中小鎮,是登上瑞士少女峰的絕佳前哨站,不過如果想來點刺激的話,絕對要安排一趟「菲斯特 FIRST 」,可以去走懸崖天空步道 First Cliff Walk 保證美到你目不暇給、高山湖泊 Bachalpsee 健行、以及乘坐刺激的遊樂設施。
最近我在帶實習生開始接手資訊架構的工作,相對於用戶研究的工作,資訊架構的設計規劃工作可以說是新人殺手。 我聽過剛入行的設計師困惑的跟我說:「wireframe 不就是沒上色的介面設計嗎?」 殊不知,許多剛入行設計師規劃的介面與流程被工程師刁難、被 PM 亂改、魔改了十幾個版本之後才發現沒辦法開發,原
Thumbnail
與人溝通這件事情,往往最大的難題在於「我們很難快速得知客戶在想些什麼」,唯有透過「提問」才有可能逐步的了解眼前這位客戶。 而如何讓提問有效,我們一定要嘗試站在客戶的角度思考,他今天前來諮詢「最想要獲得什麼」。 如果你常困擾銷售的問題,納悶自己明明都有把資訊,正確的傳遞給客戶,但為何最後總無法將商品順
Thumbnail
有了上到下的教育訓練,自然少不了下到上或是水平單位、對外單位的溝通制度,本文提供了內部溝通方式的具體做法與建議。而做得這麼辛苦的管理系統,一定要把成果以及面臨到的問題保存下來,之後這些文件化的資訊肯定可以派上很大的用場,本文這邊也整理出來整個ISO 45001條文裡面有對應要求文件化資訊的內容。
Thumbnail
從2021年開始就很頻繁地聽到「Web3.0」這個詞,也看了不少大佬和媒體的解釋,大概的說法是這樣: Web 1.0的時代,網路大體上使用來讀的,一個一個網站像佈告欄一樣單向提供資訊給大家。 Web 2.0的時代,大家可以輕易的互動交流,但是必須依附在某個平台上,平台越來越大漸漸侵蝕到個人權益。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
00940元大高股息臺灣ETF重點分析,含元大臺灣價值高息指數的追蹤股票高股息 股息率 配息頻率 等資訊。搶市場初級市場申購的打破發行價10元的現象,值不值得投資存在爭議。未來的股息表現需要時間檢驗。股息率不等於報酬率。
Thumbnail
新系統建構時,可考慮採購建置VM機器,DB機器,備份機器以及網路設備等硬體機器。
Thumbnail
「實價登錄」是政府在民國100年推出的一項政策,主要是希望藉由房價成交資訊透明化,讓大家在買價房地時,可以知道過往的類似案例大約賣多少錢一坪,讓大家有個底,也減少因房僳資訊不對稱所衍生的交易糾紛。然而,您確定可以直接確定房價嗎 買房常這樣出價 小張想買房,想說用實價登錄上的資訊,找想買的地點附近
Thumbnail
「格林德瓦」海拔 1,034 公尺的山中小鎮,是登上瑞士少女峰的絕佳前哨站,不過如果想來點刺激的話,絕對要安排一趟「菲斯特 FIRST 」,可以去走懸崖天空步道 First Cliff Walk 保證美到你目不暇給、高山湖泊 Bachalpsee 健行、以及乘坐刺激的遊樂設施。
最近我在帶實習生開始接手資訊架構的工作,相對於用戶研究的工作,資訊架構的設計規劃工作可以說是新人殺手。 我聽過剛入行的設計師困惑的跟我說:「wireframe 不就是沒上色的介面設計嗎?」 殊不知,許多剛入行設計師規劃的介面與流程被工程師刁難、被 PM 亂改、魔改了十幾個版本之後才發現沒辦法開發,原
Thumbnail
與人溝通這件事情,往往最大的難題在於「我們很難快速得知客戶在想些什麼」,唯有透過「提問」才有可能逐步的了解眼前這位客戶。 而如何讓提問有效,我們一定要嘗試站在客戶的角度思考,他今天前來諮詢「最想要獲得什麼」。 如果你常困擾銷售的問題,納悶自己明明都有把資訊,正確的傳遞給客戶,但為何最後總無法將商品順
Thumbnail
有了上到下的教育訓練,自然少不了下到上或是水平單位、對外單位的溝通制度,本文提供了內部溝通方式的具體做法與建議。而做得這麼辛苦的管理系統,一定要把成果以及面臨到的問題保存下來,之後這些文件化的資訊肯定可以派上很大的用場,本文這邊也整理出來整個ISO 45001條文裡面有對應要求文件化資訊的內容。
Thumbnail
從2021年開始就很頻繁地聽到「Web3.0」這個詞,也看了不少大佬和媒體的解釋,大概的說法是這樣: Web 1.0的時代,網路大體上使用來讀的,一個一個網站像佈告欄一樣單向提供資訊給大家。 Web 2.0的時代,大家可以輕易的互動交流,但是必須依附在某個平台上,平台越來越大漸漸侵蝕到個人權益。