陳啟亮
知世網絡
關於 網站資訊架構師
www.xxc.idv.tw
Prototyping
WEB
Experience
Metaphors
2009-04-19
UI Gathering, 5 Min Light talk

Charles(XXC): The Librarian
Fine Art Video editor .Com SI LIS
MLIS Dissertation: 書後索引編製行為研究
Keywords: cognitive work analysis, qualitative research, semantic web, folksonomy
Information behavior, HCI, UCD, Usability

What is Web?
不同背景的人 看法不同

WEB is …
平面設計, 平面出版 網頁
• •
影片/多媒體製作 多媒體互動內容
• •
建築/空間設計 網站(程式+資料庫)
• •
軟體/系統設計 網際網路資訊服務
• •
工業產品設計 日常生活用品
• •

Metaphors to Artifacts
平面設計, 平面出版
• • Team:
作者, 文案, 視覺設計,
影片/多媒體製作
•
排版, 攝影, 企劃, 編輯,
建築/空間設計
•
主編
軟體/系統設計
•
• Deliverables:
工業產品設計
• 內容清單, Visual Style
Guideline, 清稿, 樣稿
• 三神器: 首頁, 次首頁,
內容頁

Metaphors to Artifacts
平面設計, 平面出版
•
影片/多媒體製作
• • Team:
腳本, 企劃編劇, 視覺,
建築/空間設計
•
製作, 專業工程人員,
軟體/系統設計
•
後製, 導演
工業產品設計
•
• Deliverables:
角色(persona), 分鏡表
(storyboard), A/B
copy

Metaphors to Artifacts
平面設計, 平面出版
•
影片/多媒體製作
•
建築/空間設計
• • Team:
內容生產, 資訊架構師
軟體/系統設計
•
(information architect), 網
工業產品設計
•
頁開發, 視覺設計, 動態設
計, 資訊技術, 專案管理
• Deliverables:
Wireframe, Site structure,
Site-map

Metaphors to Artifacts
平面設計, 平面出版
•
影片/多媒體製作
•
建築/空間設計
•
軟體/系統設計
• • Team:
資料結構規劃, 系統分析,
工業產品設計
•
資訊設計, 系統開發, 專案
管理
• Deliverables:
Data schema, Functional
Spec, Flow diagram

Metaphors to Artifacts
平面設計, 平面出版
•
影片/多媒體製作
•
建築/空間設計
•
軟體/系統設計
•
工業產品設計 • Team:
•
造形設計, 機構設計, 使用
者介面設計, 技術開發,設
計管理
• Deliverables:
Persona, Scenarios,
Wireframe, Prototype

Further Reading
www.communicatingdesign.com www.effectiveprototyping.com

陳 啟亮
Charles Chen
知世網絡 網站資訊架構師
WWWINS Inc. Web Information Architect
http://www.xxc.idv.tw