SlideShare a Scribd company logo
陳啟亮
                                          知世網絡
關於                                     網站資訊架構師
                                         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 …
    平面設計, 平面出版       網頁
•                •
    影片/多媒體製作         多媒體互動內容
•                •
    建築/空間設計          網站(程式+資料庫)
•                •
    軟體/系統設計          網際網路資訊服務
•                •
    工業產品設計           日常生活用品
•                •

Recommended for you

KeyNote Ulster
KeyNote UlsterKeyNote Ulster
KeyNote Ulster

Virtual worlds like Second Life allow users to interact through avatars in a 3D online environment. Many organizations and educational institutions are using virtual worlds for meetings, simulations, classes, and other activities. However, some students found basic tasks difficult and that it was not as engaging as other games. Virtual worlds show potential for education but may not always be the best tool and require experienced users for full benefit.

secondlifeulstert
Web Tools For Students
Web Tools For StudentsWeb Tools For Students
Web Tools For Students

The document provides instructions for a group project to design a website for a new local cinema. It lists various online tools and social media platforms for the group to research local cinema competition, design a homepage, create profiles and groups, and collaborate on the project. These include researching local cinema websites, using Facebook, Twitter and chat platforms to communicate, using tools like delicious, Zotero and Google Docs to share resources and work collaboratively.

20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
tita
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

Recommended for you

思考的藝術(全)
思考的藝術(全)思考的藝術(全)
思考的藝術(全)

01 存活者偏誤 The Survivorship Bias 為何你偶爾也該去「墓仔埔」逛一逛 02 泳將身材的錯覺 The Swimmer’s Body Illusion 哈佛究竟是一所好大學,還是一所爛大學?我們其實並不清楚 03 過度自信效應 The Overconfidence Effect 為何你總是系統性地高估了自己的學識與能力 04 社會認同 Social Proof 就算有百萬人主張某件蠢事是對的,這件蠢事也不會因此就變成對的 05 沉沒成本謬誤 The Sunk Cost Fallacy 為何你不該留戀過往 06 互惠 The Reciprocity 為何你不該讓人請喝東西 07 確認偏誤(一) The Confirmation Bias (Part 1) 當你見到了「特殊情況」這種字眼,請格外小心 08 確認偏誤(二) The Confirmation Bias (Part 2) 幹掉你的寶貝 09 權威偏誤 The Authority Bias 為何你該藐視權威 10 對比效應 The Contrast Effect 為何你最好別找模特兒等級的朋友一道出門 11 現成偏誤 The Availability Bias 為何你寧可聊勝於無地使用一張錯誤的地圖 12 「在好轉之前會先惡化」的陷阱 Die Es-wird-schlimmer-bevores-besser-kommt-Falle 要是有人建議你一條「先經一番寒徹骨」的路,你最好對這樣的建議多點戒心 13 故事偏誤 The Story Bias 為何就連真實的故事也都是騙局 14 後見之明偏誤 The Hindsight Bias 為何你該寫日記 15 司機的知識 The Chauffeur Knowledge 為何你對名嘴所說的話不要太過認真 16 控制的錯覺 Illusion of Control 你比你以為的還要來得狀況外 17 激勵過敏傾向 The Incentive Superresponse Tendency 為何你不該按實際開銷付錢給你的律師 18 均值迴歸 Regression Toward the Mean 醫師、顧問、教練以及心理治療師的效用令人質疑 19 公地悲劇 The Tragedy of the Commons 為什麼理性的人不去訴諸理性 20 結果偏誤 The Outcome Bias 請別用結果來論斷某個決定 21 選擇的弔詭 The Paradox of Choice 為何更多反而是更少 22 討喜偏誤 The Liking Bias 由於你想受人歡迎,於是你做出一些非理性的事 23 稟賦效應 The Endowment Effect 請不要緊抱著某件事物不放 24 奇蹟 The Wonder 「不可能」事件的必然性 25 團體迷思 Groupthink 為何共識可能是危險的 26 輕忽機率偏誤 The Neglect of Probability 為什麼樂透的彩金會愈來愈大 27 零風險偏誤 The Zero-Risk Bias 為何你會為了追求零風險,而付出過多資源 28 稀少性謬誤 The Scarcity Fallacy 為何餅乾愈少愈可口 29 忽視基本比率 The Base-Rate Neglect 當你在懷俄明州聽到了馬蹄聲,且看到了黑白條紋…… 30 賭徒謬誤 The Gambler’s Fallacy 為何沒有一種平衡命運的力量 31 錨定 The Anchor 數字輪盤如何把我們搞得暈頭轉向 32 歸納法 The Induction 你要如何把別人的一百萬弄到自己的口袋裡 33 損失規避 The Loss Aversion 為什麼凶惡的臉孔比友善的臉孔更容易吸引我們的目光 34 社會性懈怠 Social Loafing 為何團隊會讓人偷懶 35 指數增長 The Exponential Growth 為什麼一張對摺的紙會超乎我們的想像 36 贏者詛咒 The Winner’s Curse 你願意為一歐元出多少錢? 37 基本歸因謬誤 The Fundamental Attribution Error 請你別去問作家,他所寫的小說是不是他的自傳 38 錯誤的因果關係 The False Causality 為何你不該相信送子鳥的傳說 39 月暈效應 The Halo Effect 為何長相好看的人容易事業有成 40 替代路徑 The Alternate Path 恭喜你!你贏了俄羅斯輪盤 41 預測的錯覺 The Forecast Illusion 水晶球如何搞得你目眩神迷 42 聯結謬誤 The Conjunction Fallacy 為什麼合情合理的故事會誤

MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.

This document discusses potential research into how students use Web 2.0 tools and how that relates to social learning theories. It outlines how social networking, user-created content, and information gathering are key aspects of Web 2.0 and students. The proposed research question is how students' use of Web 2.0 tools ties into existing knowledge about social learning theories. Interviews, focus groups, and analyzing tool usage are suggested methodologies, with anticipated risks being getting a range student perspectives and the changing nature of Web 2.0 tools.

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

More Related Content

Viewers also liked

Introduction
IntroductionIntroduction
Introduction
Emma Duke-Williams
 
Wdie 8 Sem2
Wdie 8 Sem2Wdie 8 Sem2
Wdie 8 Sem2
Emma Duke-Williams
 
Intro Charles Chen
Intro Charles ChenIntro Charles Chen
Intro Charles Chen
Charles (XXC) Chen
 
KeyNote Ulster
KeyNote UlsterKeyNote Ulster
KeyNote Ulster
Emma Duke-Williams
 
Web Tools For Students
Web Tools For StudentsWeb Tools For Students
Web Tools For Students
Emma Duke-Williams
 
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
Justin Lee
 
思考的藝術(全)
思考的藝術(全)思考的藝術(全)
思考的藝術(全)
Chunpai Niu
 
MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.
Emma Duke-Williams
 
Android vs iPhone - Differences in UI Patterns and Design
Android vs iPhone - Differences in UI Patterns and DesignAndroid vs iPhone - Differences in UI Patterns and Design
Android vs iPhone - Differences in UI Patterns and Design
Jeremy Johnson
 
产品研发设计 优秀作品1-healthy whale
产品研发设计 优秀作品1-healthy whale产品研发设计 优秀作品1-healthy whale
产品研发设计 优秀作品1-healthy whale
Chiyu Zan
 
Facebook Audience
Facebook AudienceFacebook Audience
Facebook Audience
Chen Liwei
 
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Hans Shih
 
跨領域教師實務工作坊 5-2設計思考五步驟
跨領域教師實務工作坊 5-2設計思考五步驟跨領域教師實務工作坊 5-2設計思考五步驟
跨領域教師實務工作坊 5-2設計思考五步驟
Shih-Chung Jessy Kang
 

Viewers also liked (14)

Introduction
IntroductionIntroduction
Introduction
 
Wdie 8 Sem2
Wdie 8 Sem2Wdie 8 Sem2
Wdie 8 Sem2
 
Intro Charles Chen
Intro Charles ChenIntro Charles Chen
Intro Charles Chen
 
KeyNote Ulster
KeyNote UlsterKeyNote Ulster
KeyNote Ulster
 
Web Tools For Students
Web Tools For StudentsWeb Tools For Students
Web Tools For Students
 
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
 
思考的藝術(全)
思考的藝術(全)思考的藝術(全)
思考的藝術(全)
 
MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.MSc Social Reseach Methods Presentation.
MSc Social Reseach Methods Presentation.
 
使用者經驗演講簡報2013 07-19 - 複製
使用者經驗演講簡報2013 07-19 - 複製使用者經驗演講簡報2013 07-19 - 複製
使用者經驗演講簡報2013 07-19 - 複製
 
Android vs iPhone - Differences in UI Patterns and Design
Android vs iPhone - Differences in UI Patterns and DesignAndroid vs iPhone - Differences in UI Patterns and Design
Android vs iPhone - Differences in UI Patterns and Design
 
产品研发设计 优秀作品1-healthy whale
产品研发设计 优秀作品1-healthy whale产品研发设计 优秀作品1-healthy whale
产品研发设计 优秀作品1-healthy whale
 
Facebook Audience
Facebook AudienceFacebook Audience
Facebook Audience
 
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
 
跨領域教師實務工作坊 5-2設計思考五步驟
跨領域教師實務工作坊 5-2設計思考五步驟跨領域教師實務工作坊 5-2設計思考五步驟
跨領域教師實務工作坊 5-2設計思考五步驟
 

Similar to Prototyping Web Metaphors 20090418

IA & UCD/UXD
IA & UCD/UXDIA & UCD/UXD
IA & UCD/UXD
Charles (XXC) Chen
 
20070920173805
2007092017380520070920173805
20070920173805
5045033
 
標竿學習的價值
標竿學習的價值標竿學習的價值
標竿學習的價值
HelloDaniel
 
設計思考研究演講 07.11
設計思考研究演講 07.11設計思考研究演講 07.11
設計思考研究演講 07.11
NTUST
 
網路、設計、使用者經驗
網路、設計、使用者經驗網路、設計、使用者經驗
網路、設計、使用者經驗
Charles (XXC) Chen
 
企业级搜索引擎Solr交流
企业级搜索引擎Solr交流企业级搜索引擎Solr交流
企业级搜索引擎Solr交流
chuan liang
 
ICT4KMT-20081225
ICT4KMT-20081225ICT4KMT-20081225
ICT4KMT-20081225
Charles Chuang
 
095722121-期中報告-UGC
095722121-期中報告-UGC095722121-期中報告-UGC
095722121-期中報告-UGC
cherish0906
 
書後卡的小社會網路
書後卡的小社會網路書後卡的小社會網路
書後卡的小社會網路
Charles (XXC) Chen
 
Search Psychology
Search PsychologySearch Psychology
Search Psychology
naoleiying
 
網絡宣教與牧養教牧講座
網絡宣教與牧養教牧講座網絡宣教與牧養教牧講座
網絡宣教與牧養教牧講座
Charles Mok
 
IE-027 動作與時間研究建立精實生產環境
IE-027 動作與時間研究建立精實生產環境IE-027 動作與時間研究建立精實生產環境
IE-027 動作與時間研究建立精實生產環境
handbook
 
From Virtual Worlds To The 3 D Web
From Virtual Worlds To The 3 D WebFrom Virtual Worlds To The 3 D Web
From Virtual Worlds To The 3 D Web
Jacob - HIRING NOW jtlindman.gmail
 
Testing at the core of digital optimization
Testing at the core of digital optimizationTesting at the core of digital optimization
Testing at the core of digital optimization
Florian Pihs
 
Activity Theory And Context Based Design
Activity Theory And Context Based DesignActivity Theory And Context Based Design
Activity Theory And Context Based Design
chienta
 
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
Chui-Wen Chiu
 
Republic 3 4
Republic 3 4Republic 3 4
Republic 3 4
huquanwei
 
Ds 008 方法設計之技術產品流程
Ds 008 方法設計之技術產品流程Ds 008 方法設計之技術產品流程
Ds 008 方法設計之技術產品流程
handbook
 
QM-078-企業導入六標準差之個案探討
QM-078-企業導入六標準差之個案探討QM-078-企業導入六標準差之個案探討
QM-078-企業導入六標準差之個案探討
handbook
 
Richard Databoard
Richard DataboardRichard Databoard
Richard Databoard
巍 陆
 

Similar to Prototyping Web Metaphors 20090418 (20)

IA & UCD/UXD
IA & UCD/UXDIA & UCD/UXD
IA & UCD/UXD
 
20070920173805
2007092017380520070920173805
20070920173805
 
標竿學習的價值
標竿學習的價值標竿學習的價值
標竿學習的價值
 
設計思考研究演講 07.11
設計思考研究演講 07.11設計思考研究演講 07.11
設計思考研究演講 07.11
 
網路、設計、使用者經驗
網路、設計、使用者經驗網路、設計、使用者經驗
網路、設計、使用者經驗
 
企业级搜索引擎Solr交流
企业级搜索引擎Solr交流企业级搜索引擎Solr交流
企业级搜索引擎Solr交流
 
ICT4KMT-20081225
ICT4KMT-20081225ICT4KMT-20081225
ICT4KMT-20081225
 
095722121-期中報告-UGC
095722121-期中報告-UGC095722121-期中報告-UGC
095722121-期中報告-UGC
 
書後卡的小社會網路
書後卡的小社會網路書後卡的小社會網路
書後卡的小社會網路
 
Search Psychology
Search PsychologySearch Psychology
Search Psychology
 
網絡宣教與牧養教牧講座
網絡宣教與牧養教牧講座網絡宣教與牧養教牧講座
網絡宣教與牧養教牧講座
 
IE-027 動作與時間研究建立精實生產環境
IE-027 動作與時間研究建立精實生產環境IE-027 動作與時間研究建立精實生產環境
IE-027 動作與時間研究建立精實生產環境
 
From Virtual Worlds To The 3 D Web
From Virtual Worlds To The 3 D WebFrom Virtual Worlds To The 3 D Web
From Virtual Worlds To The 3 D Web
 
Testing at the core of digital optimization
Testing at the core of digital optimizationTesting at the core of digital optimization
Testing at the core of digital optimization
 
Activity Theory And Context Based Design
Activity Theory And Context Based DesignActivity Theory And Context Based Design
Activity Theory And Context Based Design
 
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
Windows 7兼容性系列课程(2):Windows 7用户权限控制 (UAC)
 
Republic 3 4
Republic 3 4Republic 3 4
Republic 3 4
 
Ds 008 方法設計之技術產品流程
Ds 008 方法設計之技術產品流程Ds 008 方法設計之技術產品流程
Ds 008 方法設計之技術產品流程
 
QM-078-企業導入六標準差之個案探討
QM-078-企業導入六標準差之個案探討QM-078-企業導入六標準差之個案探討
QM-078-企業導入六標準差之個案探討
 
Richard Databoard
Richard DataboardRichard Databoard
Richard Databoard
 

More from Charles (XXC) Chen

電視、社會電視與未來電視
電視、社會電視與未來電視電視、社會電視與未來電視
電視、社會電視與未來電視
Charles (XXC) Chen
 
電視的社會使用
電視的社會使用電視的社會使用
電視的社會使用
Charles (XXC) Chen
 
Maslow-UX hierarchy of need
Maslow-UX hierarchy of needMaslow-UX hierarchy of need
Maslow-UX hierarchy of need
Charles (XXC) Chen
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
Charles (XXC) Chen
 
Introduction: Semantic web (20120521)
Introduction: Semantic web (20120521)Introduction: Semantic web (20120521)
Introduction: Semantic web (20120521)
Charles (XXC) Chen
 
Cognitive work-analysis (Fidel, et al., 2004)
Cognitive work-analysis (Fidel, et al., 2004)Cognitive work-analysis (Fidel, et al., 2004)
Cognitive work-analysis (Fidel, et al., 2004)
Charles (XXC) Chen
 
Card sorting
Card sorting Card sorting
Card sorting
Charles (XXC) Chen
 
F-shape Score (poster 20101112)
F-shape Score (poster 20101112)F-shape Score (poster 20101112)
F-shape Score (poster 20101112)
Charles (XXC) Chen
 
Structuration Theory in Organization Research
Structuration Theory in Organization ResearchStructuration Theory in Organization Research
Structuration Theory in Organization Research
Charles (XXC) Chen
 
給下一輪太平盛世的出版
給下一輪太平盛世的出版給下一輪太平盛世的出版
給下一輪太平盛世的出版
Charles (XXC) Chen
 
The philosophical foundations of bibliometrics
The philosophical foundations of bibliometricsThe philosophical foundations of bibliometrics
The philosophical foundations of bibliometrics
Charles (XXC) Chen
 
關於讀書會(about book club)
關於讀書會(about book club)關於讀書會(about book club)
關於讀書會(about book club)
Charles (XXC) Chen
 
History cybernetics
History cyberneticsHistory cybernetics
History cybernetics
Charles (XXC) Chen
 
創造力思考工具
創造力思考工具 創造力思考工具
創造力思考工具
Charles (XXC) Chen
 
Grounded Theory Strauss1990 Ch1-7 (20091117)
Grounded Theory Strauss1990 Ch1-7 (20091117)Grounded Theory Strauss1990 Ch1-7 (20091117)
Grounded Theory Strauss1990 Ch1-7 (20091117)
Charles (XXC) Chen
 
Information Behavior: Theories, Models & Studies (20091208)
Information Behavior: Theories, Models & Studies (20091208)Information Behavior: Theories, Models & Studies (20091208)
Information Behavior: Theories, Models & Studies (20091208)
Charles (XXC) Chen
 
Social Media與閱讀 20091009
Social Media與閱讀 20091009Social Media與閱讀 20091009
Social Media與閱讀 20091009
Charles (XXC) Chen
 
Qalitative research: Interpretation 20091006
Qalitative research: Interpretation 20091006Qalitative research: Interpretation 20091006
Qalitative research: Interpretation 20091006
Charles (XXC) Chen
 
EndNote 與碩士論文寫作
EndNote 與碩士論文寫作EndNote 與碩士論文寫作
EndNote 與碩士論文寫作
Charles (XXC) Chen
 

More from Charles (XXC) Chen (20)

電視、社會電視與未來電視
電視、社會電視與未來電視電視、社會電視與未來電視
電視、社會電視與未來電視
 
電視的社會使用
電視的社會使用電視的社會使用
電視的社會使用
 
Maslow-UX hierarchy of need
Maslow-UX hierarchy of needMaslow-UX hierarchy of need
Maslow-UX hierarchy of need
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
Introduction: Semantic web (20120521)
Introduction: Semantic web (20120521)Introduction: Semantic web (20120521)
Introduction: Semantic web (20120521)
 
Cognitive work-analysis (Fidel, et al., 2004)
Cognitive work-analysis (Fidel, et al., 2004)Cognitive work-analysis (Fidel, et al., 2004)
Cognitive work-analysis (Fidel, et al., 2004)
 
Card sorting
Card sorting Card sorting
Card sorting
 
Scientometrics 2010-85-2
Scientometrics 2010-85-2Scientometrics 2010-85-2
Scientometrics 2010-85-2
 
F-shape Score (poster 20101112)
F-shape Score (poster 20101112)F-shape Score (poster 20101112)
F-shape Score (poster 20101112)
 
Structuration Theory in Organization Research
Structuration Theory in Organization ResearchStructuration Theory in Organization Research
Structuration Theory in Organization Research
 
給下一輪太平盛世的出版
給下一輪太平盛世的出版給下一輪太平盛世的出版
給下一輪太平盛世的出版
 
The philosophical foundations of bibliometrics
The philosophical foundations of bibliometricsThe philosophical foundations of bibliometrics
The philosophical foundations of bibliometrics
 
關於讀書會(about book club)
關於讀書會(about book club)關於讀書會(about book club)
關於讀書會(about book club)
 
History cybernetics
History cyberneticsHistory cybernetics
History cybernetics
 
創造力思考工具
創造力思考工具 創造力思考工具
創造力思考工具
 
Grounded Theory Strauss1990 Ch1-7 (20091117)
Grounded Theory Strauss1990 Ch1-7 (20091117)Grounded Theory Strauss1990 Ch1-7 (20091117)
Grounded Theory Strauss1990 Ch1-7 (20091117)
 
Information Behavior: Theories, Models & Studies (20091208)
Information Behavior: Theories, Models & Studies (20091208)Information Behavior: Theories, Models & Studies (20091208)
Information Behavior: Theories, Models & Studies (20091208)
 
Social Media與閱讀 20091009
Social Media與閱讀 20091009Social Media與閱讀 20091009
Social Media與閱讀 20091009
 
Qalitative research: Interpretation 20091006
Qalitative research: Interpretation 20091006Qalitative research: Interpretation 20091006
Qalitative research: Interpretation 20091006
 
EndNote 與碩士論文寫作
EndNote 與碩士論文寫作EndNote 與碩士論文寫作
EndNote 與碩士論文寫作
 

Recently uploaded

Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
dakshishsingh98798
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeGreater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
kumkum tuteja$A17
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
nikhilkumarji0156
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Vasu283735
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
telchlarzelere270
 
Professional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement EditingProfessional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement Editing
Edit Bank Statement
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
ijk38lw
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
antonellispunches643
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
kumkum tuteja$A17
 
With Fear For Our Democracy I Dissent Shirt
With Fear For Our Democracy I Dissent ShirtWith Fear For Our Democracy I Dissent Shirt
With Fear For Our Democracy I Dissent Shirt
TeeFusion
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
Kal-el Shows
 
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeMalviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
bookmybebe1
 
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdfSMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
Magdiel70
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
pawankumar98845
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
shyamraj39
 

Recently uploaded (20)

Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeGreater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Neha Singla Top Model Safe
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
 
Professional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement EditingProfessional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement Editing
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
 
With Fear For Our Democracy I Dissent Shirt
With Fear For Our Democracy I Dissent ShirtWith Fear For Our Democracy I Dissent Shirt
With Fear For Our Democracy I Dissent Shirt
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
 
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeMalviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdfSMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
 

Prototyping Web Metaphors 20090418

  • 1. 陳啟亮 知世網絡 關於 網站資訊架構師 www.xxc.idv.tw Prototyping WEB Experience Metaphors 2009-04-19 UI Gathering, 5 Min Light talk
  • 2. 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
  • 4. WEB is … 平面設計, 平面出版 網頁 • • 影片/多媒體製作 多媒體互動內容 • • 建築/空間設計 網站(程式+資料庫) • • 軟體/系統設計 網際網路資訊服務 • • 工業產品設計 日常生活用品 • •
  • 5. Metaphors to Artifacts 平面設計, 平面出版 • • Team: 作者, 文案, 視覺設計, 影片/多媒體製作 • 排版, 攝影, 企劃, 編輯, 建築/空間設計 • 主編 軟體/系統設計 • • Deliverables: 工業產品設計 • 內容清單, Visual Style Guideline, 清稿, 樣稿 • 三神器: 首頁, 次首頁, 內容頁
  • 6. Metaphors to Artifacts 平面設計, 平面出版 • 影片/多媒體製作 • • Team: 腳本, 企劃編劇, 視覺, 建築/空間設計 • 製作, 專業工程人員, 軟體/系統設計 • 後製, 導演 工業產品設計 • • Deliverables: 角色(persona), 分鏡表 (storyboard), A/B copy
  • 7. Metaphors to Artifacts 平面設計, 平面出版 • 影片/多媒體製作 • 建築/空間設計 • • Team: 內容生產, 資訊架構師 軟體/系統設計 • (information architect), 網 工業產品設計 • 頁開發, 視覺設計, 動態設 計, 資訊技術, 專案管理 • Deliverables: Wireframe, Site structure, Site-map
  • 8. Metaphors to Artifacts 平面設計, 平面出版 • 影片/多媒體製作 • 建築/空間設計 • 軟體/系統設計 • • Team: 資料結構規劃, 系統分析, 工業產品設計 • 資訊設計, 系統開發, 專案 管理 • Deliverables: Data schema, Functional Spec, Flow diagram
  • 9. Metaphors to Artifacts 平面設計, 平面出版 • 影片/多媒體製作 • 建築/空間設計 • 軟體/系統設計 • 工業產品設計 • Team: • 造形設計, 機構設計, 使用 者介面設計, 技術開發,設 計管理 • Deliverables: Persona, Scenarios, Wireframe, Prototype
  • 10. Further Reading www.communicatingdesign.com www.effectiveprototyping.com
  • 11. 陳 啟亮 Charles Chen 知世網絡 網站資訊架構師 WWWINS Inc. Web Information Architect http://www.xxc.idv.tw