第0課:資訊架構導覽 alex

14
資資資資資資 (Information Architecture) Alex Wu 2014.6.4 1

Upload: alex-wu

Post on 31-May-2015

158 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: 第0課:資訊架構導覽 alex

資訊架構導讀(Information Architecture)

Alex Wu2014.6.41

Page 2: 第0課:資訊架構導覽 alex

資訊架構 ? UI ? UX ? Menu ?

Page 3: 第0課:資訊架構導覽 alex

誰來負責 ?PM ? SA ? Designer ?PG ? 企劃 ? 資訊架構師 ?

Page 4: 第0課:資訊架構導覽 alex

Context 情境:商業情境,企業目標,競爭者,業務策略,通路搭配,客服流程…

Content 內容:構成網站的元素。探討內容的來源,授權,型態,結構,儲存形式… .

Users 使用者:了解目標使用者,使用者滿意度,網站使用情況分析,…

Page 5: 第0課:資訊架構導覽 alex

網站定位

• 使用者研究( User research ):使用者想在網站上做什麼事?完成什麼樣的任務?• 定義內容( content )和功能

( functionality ):什麼樣的內容和功能可以幫助使用者和組織達成其目的?• 發展組織架構( organization schemes ):網站該如何組織?• 與視覺設計或美工設計人員,共同發展

介面( interface )。• 監督網站的建置。

資訊架構師任務

Page 6: 第0課:資訊架構導覽 alex

資訊架構

操作介面

看不見的努力

Page 7: 第0課:資訊架構導覽 alex

• 組織系統 (CH3)• 導覽系統 (CH8)• 標籤系統 (CH4)• 搜尋系統 (CH5)• 中介資料 (CH4)

網站資訊架構的元件

• 封面、 標題 、章、節、頁

Page 8: 第0課:資訊架構導覽 alex

流程和方法論 (CH10)• 人→ → 資訊• 分析使用者• 5W 1H

• 何人( Who )• 為何( Why )• 何事( What )• 何時( When )• 何地( Where )• 如何( How )

• 資訊尋求行為行為• Searching• Browsing• Asking

• 資訊→ → 人• 資訊結構目的

• 組織( Organisation )• 導覽( Navigation )• 標示( Labelling )• 搜尋( Search )

• 工具• 網站功能表• 使用者動線圖• 線框圖 (Wireframe)

Page 9: 第0課:資訊架構導覽 alex

案例研究

Page 10: 第0課:資訊架構導覽 alex

資訊架構 - 八大面向資訊架構規劃 ( 續 )

Page 11: 第0課:資訊架構導覽 alex

資訊架構 - 八大面向資訊架構規劃

現況:各縣市資料格式不一、彙整困難

Page 12: 第0課:資訊架構導覽 alex
Page 13: 第0課:資訊架構導覽 alex
Page 14: 第0課:資訊架構導覽 alex

Thank U ! Thank U

!