關於陳啟亮

知世網絡網站資訊架構師

www.xxc.idv.tw

Prototyping WEB Experience Metaphors2009-04-19

UI Gathering, 5 Min Light talk

Charles(XXC): The LibrarianFine 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

www.communicatingdesign.com www.effectiveprototyping.com

Further Reading

陳 啟亮Charles Chen

知世網絡 網站資訊架構師WWWINS Inc. Web Information Architect

http://www.xxc.idv.tw