SlideShare a Scribd company logo
1 of 14
資訊架構導讀
(Information Architecture)
Alex Wu
2014.6.4
1
資訊架構 ?
UI ? UX ? Menu ?
誰來負責?
PM ? SA ? Designer ?PG ?企
劃 ? 資訊架構師 ?
Context 情境:
商業情境,企業目標,競爭者,業務策略,
通路搭配,客服流程…
Content 內容:
構成網站的元素。探討內容的來源,授權,
型態,結構,儲存形式….
Users 使用者:
了解目標使用者,使用者滿意度,網站使
用情況分析,…
網站定位
• 使用者研究(User research):使用
者想在網站上做什麼事?完成什麼樣的
任務?
• 定義內容(content)和功能
(functionality):什麼樣的內容和功
能可以幫助使用者和組織達成其目的?
• 發展組織架構(organization
schemes):網站該如何組織?
• 與視覺設計或美工設計人員,共同發展
介面(interface)。
• 監督網站的建置。
資訊架構師任務
資訊架構
操作介面
看不見的努力
• 組織系統 (CH3)
• 導覽系統(CH8)
• 標籤系統(CH4)
• 搜尋系統(CH5)
• 中介資料(CH4)
網站資訊架構的元件
• 封面、 標題 、章、節、頁
流程和方法論(CH10)
• 人→ → 資訊
• 分析使用者
• 5W 1H
• 何人(Who)
• 為何(Why)
• 何事(What)
• 何時(When)
• 何地(Where)
• 如何(How)
• 資訊尋求行為行為
• Searching
• Browsing
• Asking
• 資訊→ → 人
• 資訊結構目的
• 組織( Organisation )
• 導覽( Navigation )
• 標示( Labelling )
• 搜尋( Search )
• 工具
• 網站功能表
• 使用者動線圖
• 線框圖(Wireframe)
案例研究
資訊架構-八大面向資訊架構規劃(續)
資訊架構-八大面向資訊架構規劃
現況:各縣市資料格式不一、彙整困難
Thank U !
Thank U !

More Related Content

Viewers also liked

以用戶旅程地圖設計用戶體驗
以用戶旅程地圖設計用戶體驗 以用戶旅程地圖設計用戶體驗
以用戶旅程地圖設計用戶體驗 YI-LING HSIEH
 
20161127 遊戲創意方程式
20161127 遊戲創意方程式20161127 遊戲創意方程式
20161127 遊戲創意方程式Christina Hsu
 
Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Wanju Wang
 
怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)Chuck Chiang
 
價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study士杰 戴
 
100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享William Lin
 
如何描繪公司的商業模式
如何描繪公司的商業模式如何描繪公司的商業模式
如何描繪公司的商業模式基欽 劉
 
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your TeamIvan Wei
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析Wanju Wang
 
給學生的:seo這條路
給學生的:seo這條路給學生的:seo這條路
給學生的:seo這條路Wanju Wang
 
地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師明文 韓
 
產品設計的0到1,與1到1億
產品設計的0到1,與1到1億產品設計的0到1,與1到1億
產品設計的0到1,與1到1億Ivan Wei
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇Wanju Wang
 
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas士杰 戴
 
遊戲營運常見術語
遊戲營運常見術語遊戲營運常見術語
遊戲營運常見術語eyrfwrbc
 
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師明文 韓
 
獲利世代與免費商業模式
獲利世代與免費商業模式獲利世代與免費商業模式
獲利世代與免費商業模式Wanju Wang
 
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地Ivan Wei
 

Viewers also liked (18)

以用戶旅程地圖設計用戶體驗
以用戶旅程地圖設計用戶體驗 以用戶旅程地圖設計用戶體驗
以用戶旅程地圖設計用戶體驗
 
20161127 遊戲創意方程式
20161127 遊戲創意方程式20161127 遊戲創意方程式
20161127 遊戲創意方程式
 
Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋
 
怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)
 
價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study
 
100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享
 
如何描繪公司的商業模式
如何描繪公司的商業模式如何描繪公司的商業模式
如何描繪公司的商業模式
 
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析
 
給學生的:seo這條路
給學生的:seo這條路給學生的:seo這條路
給學生的:seo這條路
 
地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師
 
產品設計的0到1,與1到1億
產品設計的0到1,與1到1億產品設計的0到1,與1到1億
產品設計的0到1,與1到1億
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇
 
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
 
遊戲營運常見術語
遊戲營運常見術語遊戲營運常見術語
遊戲營運常見術語
 
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
 
獲利世代與免費商業模式
獲利世代與免費商業模式獲利世代與免費商業模式
獲利世代與免費商業模式
 
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地
 

Similar to 第0課:資訊架構導覽 alex

用户体验的 要素 很好的资料
用户体验的 要素 很好的资料用户体验的 要素 很好的资料
用户体验的 要素 很好的资料grey0511
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
IA 資訊架構(講義) , 2011
IA 資訊架構(講義) , 2011IA 資訊架構(講義) , 2011
IA 資訊架構(講義) , 2011悠識學院
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法悠識學院
 
成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示lrk3
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)悠識學院
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館BelindaYCWang
 
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)悠識學院
 
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界awoo-seo
 
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會BelindaYCWang
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計Charles (XXC) Chen
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distturtleknight
 
UX story of websites
UX story of websitesUX story of websites
UX story of websitesRobert Luo
 
Baidu pm心得分享
Baidu pm心得分享Baidu pm心得分享
Baidu pm心得分享磊 张
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 悠識學院
 
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院BelindaYCWang
 
109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610fjuph
 
Chp.3 contextual inquiry
Chp.3 contextual inquiryChp.3 contextual inquiry
Chp.3 contextual inquiryNTUST
 

Similar to 第0課:資訊架構導覽 alex (20)

用户体验的 要素 很好的资料
用户体验的 要素 很好的资料用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
IA 資訊架構(講義) , 2011
IA 資訊架構(講義) , 2011IA 資訊架構(講義) , 2011
IA 資訊架構(講義) , 2011
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法
 
成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
 
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
 
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界
iSearch-頂尖網管人食夢黑膜分享他看到的SEO世界
 
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會
機關網站使用者介面(UI)與體驗(UX)案例分析 國家發展委員會
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
 
UX story of websites
UX story of websitesUX story of websites
UX story of websites
 
Baidu pm心得分享
Baidu pm心得分享Baidu pm心得分享
Baidu pm心得分享
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
 
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院
機關網站使用者介面(UI)與體驗(UX)案例分析 臺中榮民總醫院
 
109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610
 
Chp.3 contextual inquiry
Chp.3 contextual inquiryChp.3 contextual inquiry
Chp.3 contextual inquiry
 

第0課:資訊架構導覽 alex

Editor's Notes

  1. IA白話文:網站資訊架構規劃的3個研究重點-Context, Content, Users http://userxper.com/blog/archives/631
  2. 當人遇見資訊 ● 人→ → 資訊 - 資訊尋求行為(information seeking behavior/mode) - 網路瀏覽行為(web information behavior)
  3. 該縣市的摘要說明,人口、老人化情形 該縣市的高齡友善指標