資訊架構入門,UX 設計師的思維培養 - Hahow 好學校Blog
文章推薦指數: 80 %
在「UX」成為顯學之前,有一個職稱叫資訊架構師,這是因應Web 世界資訊快速成長而從原有的圖書資訊領域分岔出來的一門專業領域,但在台灣的工作環境中,常 ...
資訊架構入門,UX設計師的思維培養
跨領域學習職涯
Feb17,2020
全文
在開始舉辦UX工作坊之後,經常跟希望入門這個領域的朋友聊天,因此也讓我更了解UX入門者的痛點與煩惱,其中一個門檻正是各種意義深遠的專有名詞,例如「資訊架構」。
雖然可以告訴入門學習者就去翻閱歐萊禮出版的北極熊書(註一)自學吧,但裡面多如繁星的專有名詞總是令人昏昏欲睡。
大多數的人會很慚愧的說根本沒辦法看完,更多的人會說即使看了也無法理解實際狀況,更別提內化成為知識,幫助設計工作能更上一層樓。
在學習的認知科學上,這是典型的「因為缺乏前置知識,所以無法培養能力」的學習落差問題。
註一:我們翻開歐萊禮出版的北極熊書《資訊架構學》查看一下目錄,會發現這門學問在談組織資訊、建立標籤與分類、規劃導覽系統、談論搜尋以及各種中介資料MetaData的重要性。
我相信你的大腦會很難立即內化、吸收上述這些文字,因為真的很難懂,離生活經驗很遠。
或者,每個字分開來我們都能閱讀,但合在一起是什麼意思,就很難開口用白話文說清楚。
資訊架構之所以對入門者難以學習,原因在於這是一門綜合技藝,而這門綜合技藝最後的產出是一個多方因素結合起來的合理規劃成果。
因此,要把一個可能要考慮千百種因素或流程的綜合技藝用文字記錄成為書,就不得不去解釋各種資訊問題的處理方法與原理,隨著網路技術與文化的演化,這些方法又會持續變動。
誇張一點來說,在寫下某些方法並來等待印成書的時間,搞不好因為技術或網路新創的領域而誕生了簡便的解決方案,並且被新世代的產品納入基本規格中,往後遇到相同情境的人可以在完全不懂解決方案原理的情況下直接拿來解答,且只需要遵照一些基本規範的限制。
舉個例子,在隨機碼、會員驗證、防機器人的領域就有許多類似的開源技術,以知名的CMS-Wordpress為例,直接幫你把許多網站資訊架構的常見基本元素都整理好了。
如果有玩過臉書開放給媒體發佈商使用的「即時文章(instantarticle)」功能,也會發現關於文章的基本資訊架構,HTML5標籤也有了非常完善的通用規範。
這篇文章我將試著歸納資訊架構的基本觀點,並提出對應的練習、觀察方法,如果你是嘗試學習資訊架構的朋友,歡迎完成練習,並到我的Facebook找我做進一步討論。
資訊架構的基本觀點
資訊架構最簡化來說可以分為「使用者」、「資訊系統」、「資訊提供者」三種角色。
而身為一個資訊架構的設計師,我們希望:
讓使用者能夠尋找到他想要、需要的資訊,並且加以運用;
讓資訊提供者能夠按照他想要的服務、商業模式提供資訊,以產生價值;
讓資訊系統(網站或APP)能包容資訊的變化、增減、擴充,以維持資訊的品質。
建議有興趣的入門者,可以嘗試用這三種角色代入,去「分類」你所使用的網站或APP,每一個畫面上看到的訊息,應該屬於哪一種角色的考量。
用Airbnb來做個小練習
試著觀察Airbnb介面上隱含的資訊架構角色,並思考下列問題:
使用者是如何發現自己處於「東京」的資訊內容?
什麼地方引導使用者去「改變資訊的內容」以符合使用者自己的想法?
標題「探索東京」底下的三個項目,是根據什麼定義出來的?
標題「探索東京」底下的三個項目,圖片是怎麼來的、如何決定?
標題「熱門房源」物件,使用了幾個資訊欄位?
「熱門房源」物件這些欄位的內容是怎麼來的?試著用google表單設計一個表格模擬填寫的方式。
資訊架構的終極目標
在「UX」成為顯學之前,有一個職稱叫資訊架構師,這是因應Web世界資訊快速成長而從原有的圖書資訊領域分岔出來的一門專業領域,但在台灣的工作環境中,常以企劃一職取代。
北極熊書其餘的部份涉及了專案管理、組織文化以及用戶體驗。
沒錯,北極熊書也談UX!
事實上資訊架構這件事情就是為了服務人類,設計出人們可以自助取用資訊的系統,當然是規劃資訊系統的UX設計師所關注的範疇。
有關資訊架構學的起源,推薦閱讀這篇:《跨部門溝通?經典著作「北極熊」作者看到IA新機會:從自身做起》。
本文原載於獸群之心/Soking的medium,原標題:入門資訊架構並學習UX設計師的思考方式(一)觀察與練習的方法
--
延伸閱讀:
職場核心技能:如何培養「邏輯思維」與「批判性思考」能力(上)
好習慣成自然,壞習慣閃邊去—《原子習慣》教你善用習慣的力量改變自己
分享這篇文章
FACEBOOK
TWITTER
GOOGLE
相關文章
PREVIOUS
Hahow內容煉金
Feb6,2020
看線上課程就學得會!兩個技巧讓你的學生「有感」學習
NEXT
跨領域學習職涯
Mar10,2020
不是會很多技能,就叫斜槓!王伯達:「有用的第二專長,應該是原本工作的延伸」
留言
追蹤Hahow
Hahow好學校最新、最酷的線上課程平台
LINE官方帳號接收Hahow第一手優惠、活動資訊
Facebook新課募資、課程開課消息都在這
Instagram看更多Hahow幕後祕辛
Youtube最新的課程介紹影片!
近期文章
改善經期不順、痛經等生理不適的暖宮開髖練習-凱蒂與穎盈的中醫瑜珈
如何開始戳繡?工具、布料、毛線選擇小分享|【写生繡物】PunchNeedleEmbroidery
三個爬山必備APP推薦:備好離線地圖、預測天氣、自動生成行程影片
【2021多元領導大調查】超過九成女性期待具備領導力,卻遭「冒牌者情節」阻礙?
用心智圖整理:主持聲音社交平台Clubhouse房間的兩大關鍵
Hahow熱門推薦課程
關於Hahow好學校
Hahow好學校,以知識技能分享為概念創立的線上課程平台。
讓擁有一技之長的人透過教學分享賺取收入,並打開有趣的學習新想像,讓跨領域自學變得更輕鬆愉快,學那些學校不會教的事!
TagCloud
carouselHahowCocktailHahow內容煉金Hahow故事Hahow新功能Hahow社群故事HOW-TO-DO專欄人物專訪創業好書推薦思想翻轉技能教育現場旅行海外特派員生活專題線上學習老師專訪職涯自學親子教育跨領域學習開課教學
版權聲明
本網站內容未經許可請勿任意轉載,欲引用或轉載網站內容,請洽Hahow好學校:[email protected]
延伸文章資訊
- 1資訊架構學:網站、App與資訊生態系統規劃(第四版) - 博客來
超值贈禮. 載入中... ; 網站、App與資訊空間 ; 使用者故事對照:User Story Mapping. 優惠價:79折458元 ; UX從新手開始:使用者體驗的100堂必修課. 優惠價...
- 2收收UI UX 設計顧問- 【從頁面拆解練習IA資訊架構(Information ...
從頁面拆解練習IA資訊架構(Information Architecture)】 資訊架構就是拆解網站所有頁面與功能,目的是梳理整個網站/APP的架構邏輯、UX流程設計以及功能比較, ...
- 3資訊架構入門#4:架構過程的五個思考步驟/Soking | 方格子
Soking 產品設計師,多年新創公司、社群營運以及媒體經驗,經營千綺設計,提供UI/UX設計顧問服務、以及UX教育工作坊。 以下依序說明五 ...
- 4資訊架構入門,UX 設計師的思維培養 - Hahow 好學校Blog
在「UX」成為顯學之前,有一個職稱叫資訊架構師,這是因應Web 世界資訊快速成長而從原有的圖書資訊領域分岔出來的一門專業領域,但在台灣的工作環境中,常 ...
- 5五步驟拆解UI 設計流程,詳解Flow chart 跟UI flow 的差異
資訊架構(Information Architecture) 是一門將資訊組織與管理的科學,主要會影響網站上資訊的可用性和可尋性。就像是產品的基本骨幹,利用IA 資訊架構將 ...