產品經理PM第2講：從頁面拆解練習IA資訊架構(Information ...

Sitemap / 資訊架構(IA；Information Architecture)會以下圖方式呈現：. 這張圖還可以用來標示專案開發階段：. GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWrite產品經理PM第2講：從頁面拆解練習IA資訊架構(InformationArchitecture)pinterest其實講產品經理工作，應該要從「使用者為中心」開始，我覺得對岸的這個說法特別有意思：「產品經理就是研究用戶的貪嗔癡」。

但對於新手PM而言，使用者是個相對模糊的詞，而且在思維mindset上要有非常大的轉變。

因此我在訓練新手產品經理時，會建議他們從最簡單的IA架構著手：去拆解市面上知名的網站APP，從中學習架構邏輯、UX與流程設計，以及功能比較等。

我把它稱為：站在巨人的肩膀上看世界。

網站/APP拆解每次進行網站改版時，第一件事就是拆解網站所有頁面與功能。

至今我大概拆過上百個網站，速度快約30分鐘可拆完一個站，架構複雜或是動線設計不良的，就會花費較多時間。

主要原因是許多年代久遠（大概3年以上的網站）通常很難找到原本的規劃文件，更常見的是原本建站時就沒有文件，或者數年來疊床架屋又開發了許多新功能，所以改版專案啟動後，就會把所有頁面功能盤點一遍，以免新網站遺漏重要部分。

首先打開Excel檔，以表列的方式，逐頁盤點列出網站頁面名稱。

在每個頁面旁列出該頁所有的功能，簡要記下即可。

在撰寫前台（也就是給一般User看的前端網站）功能時，有時我會同時記下後台管理系統的資料維護方式。

範例如下：對於新手PM來講，先整理到Page/Function即可，這樣就可繪製出此網站的Sitemap，或者說資訊架構(IA；InformationArchitecture)以網路業主流『媒體網站&電商網站」為例，大致有以下架構：【媒體網站】•全站HeaderFooter•首頁區首頁搜尋結果頁（可考慮套用文章列表頁版型）•文章區大分類列表頁子分類列表頁文章內容頁最多人瀏覽列表頁（Top10）•專欄區專欄首頁（專欄列表頁）專欄內文頁：通常與文章內容頁大同小異•影音區影音列表頁影音播放列•會員區（媒體網站少有會員功能）註冊流程（數頁）個人基本資料頁（profile）我的最愛/加入收藏（收藏列表）•其他電子報訂閱頁面ErrorPage公版靜態頁面等（關於我們、廣告合作、常見問題、版權宣告….）【電商網站】•全站HeaderFooter•首頁區首頁搜尋結果頁（可考慮套用商品列表頁版型）•產品區大分類列表頁子分類列表頁產品排行榜（Top10）產品明細頁•行銷策展區（這部分可採系統公版套版或客製化製作Campaign）策展首頁（e.g.Banner列表頁）行銷活動首頁•購物流程區（以下為簡化版）放入購物車結帳頁面（物流金流填寫等）確認訂單訂購成功頁•會員中心（以下為簡化版）註冊流程（數頁）個人資料維護（帳號資料、密碼管理等）我的訂單（訂單列表、訂單明細）我的追蹤（產品列表）我的Coupon/購物金~•其他電子報訂閱頁面ErrorPage公版靜態頁面等（關於我們、廣告合作、常見問題、版權宣告….）系統通知信（會員Email驗證信、訂單成功信、付款通知信、貨到通知信、客服信公版）等•後台管理系統（以下只列出主要項目）人員權限管理分類（選單）管理產品管理供應商管理訂單管理會員管理/客服系統報表管理行銷廣告管理【其他】以下不一定需列在FunctionList內，但也可以列出以免遺漏：•廣告系統串接•電子報系統串接•電商：金流系統串接物流系統串接ERP系統串接電子發票系統串接CRM系統串接•網頁速度要求•瀏覽器要求：分PC/Mobile版本要求，可參考GoogleAnalystics數字•MobileSolution：RWD或是獨立手機網站•Favicon：即便是大型網站也常常忘•SEO架構、facebookopengrach、metadata等：通常另列文件處理•定期產生sitemaps.xml•其他API、RSS等Sitemap/資訊架構(IA；InformationArchitecture)會以下圖方式呈現：這張圖還可以用來標示專案開發階段：一開始可從簡單的網站著手。

例如電商類可以先拆解一般品牌電商，然後到電商平台，當你可以拆解完淘寶等級網站，想必功力已大增。

可別小看這樣的練習，我曾拆過一個專案是：將旗下80個網站所有頁面與功能拆解分析後、去蕪存菁後，再重新整合出三個新網站架構~歡迎加入Facebook【數位產品經理不想公開的秘密】私密社團，一起參與我們在數位產品經理領域的工作交流與專業討論！數位產品經理不想公開的秘密SecretsDigitalProductManagersDon’tWanttoDisclose最近申請加入者眾多，請務必填寫【加入申請問題】（每一題都要填喔），若未提供很抱歉無法讓您加入。

本社團討論內容：・數位產品管理（新媒體、電子商務、財經、社群等各類型，包括網站、行動應用程式App等）經驗分享交流・國內、外新…www.facebook.com§產品經理系列文章產品經理PM第0講：誰是產品經理?產品經理PM第1講：專業能力產品經理PM第2講：從頁面拆解練習IA資訊架構(InformationArchitecture)產品經理PM第3講：如何開始一個改版專案AI時代的數位產品經理-與資料科學家合作的10個關鍵GoogleUXPlaybook—【給新手的練習題】金融財經手機版※數位產品經理的一天—在雲端管理跨國產品開發團隊※數位產品經理的一天—以美國大型證券商交易網站為例(奶爸老喬的矽谷觀察SiliconValleyOldJoe)--3MorefromIrisChenFollow自由工作者；Facebook私密社團【數位產品經理不想公開的秘密SecretsDigitalProductManagersDon’tWanttoDisclose】https://www.facebook.com/groups/SecretsOfDigitalPMs/Lovepodcastsoraudiobooks?Learnonthegowithournewapp.TryKnowableAboutHelpTermsPrivacyGettheMediumappGetstartedIrisChen2.3KFollowers自由工作者；Facebook私密社團【數位產品經理不想公開的秘密SecretsDigitalProductManagersDon’tWanttoDisclose】https://www.facebook.com/groups/SecretsOfDigitalPMs/FollowMorefromMediummooshakBreakingtheArchitecture,Design,System,Concept,Theorem,Algorithm,ProductandNotionHenrikLindströmPartI:Theproblemwithproductdataine-commerceSergeyKonstantinov[TheAPIBook]APIKPIsIntelliSoftWhatIsLegacyApplicationModernization,AndWhyDoesYourBusinessNeedIt?HelpStatusWritersBlogCareersPrivacyTermsAboutKnowable