SlideShare una empresa de Scribd logo
1 de 10
互動性設計 Roox 2008-12-5
人因  (Human factors) 隱喻  (Metaphor) 典範  (Paradigms) 引導  (Navigation) 可用性  (Usability) 功能性  (Function) 分鏡  (Storyboard)
人因  (Human factors) 1. 可見性  2. 場域感  3. 回饋  4. 視覺符號 Human Factors  Metaphor Paradigms Usability Function Navigation Storyboard
隱喻  (Metaphor) 抽象的概念 -> 熟悉的事物 提示  (Affordance) 感知的特徵 -> 認知的事實 Human Factors  Metaphor  Paradigms Usability Function Navigation Storyboard
[object Object],[object Object],[object Object],[object Object],[object Object],Human Factors  Metaphor  Paradigms Usability Function Navigation Storyboard
典範  (Paradigms) ,[object Object],[object Object],[object Object],[object Object],Human Factors Metaphor  Paradigms  Usability Function Navigation Storyboard 影片 :  風格時代  -  訪談蔡宏賢
可用性  (Usability) Remove obstacles. Minimize effort . Give feedback . Be explicit. Be flexible. Be forgiving. Human Factors Metaphor Paradigms  Usability  Function Navigation Storyboard
功能性  (Function) Defining interaction controls. Solving organizational problems. Ensuring consistency. Managing dependencies. Controlling media and custom features. Human Factors Metaphor Paradigms Usability  Function  Navigation Storyboard
引導  (Navigation) 為使用者提供閱覽方式  Minimize travel: 安排最短的路徑 Minimize depth:  架構最少的階層 Minimize redundancy:  避免重複行為 Human Factors Metaphor Paradigms Usability Function  Navigation  Storyboard
分鏡  (Storyboard) Human Factors Metaphor Paradigms Usability Function Navigation  Storyboard ,[object Object],[object Object]

Más contenido relacionado

Destacado

優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
Creativity ch02 創造力何在
Creativity ch02 創造力何在Creativity ch02 創造力何在
Creativity ch02 創造力何在NTUST
 
連結生活者水脈的創意發想與管理
連結生活者水脈的創意發想與管理連結生活者水脈的創意發想與管理
連結生活者水脈的創意發想與管理ivy hsu
 
開放式創新之文獻回顧與探討
開放式創新之文獻回顧與探討開放式創新之文獻回顧與探討
開放式創新之文獻回顧與探討基欽 劉
 
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片行銷策略Part 1~企業經營大師黃聰亮教授演講投影片
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片vincent8899
 
CEO-038-執行力
CEO-038-執行力CEO-038-執行力
CEO-038-執行力handbook
 
從移動視點討論購物網站中審美互動的設計方法
從移動視點討論購物網站中審美互動的設計方法從移動視點討論購物網站中審美互動的設計方法
從移動視點討論購物網站中審美互動的設計方法科融 曾
 
典型診斷輔導流程
典型診斷輔導流程典型診斷輔導流程
典型診斷輔導流程基欽 劉
 
倍增行銷學
倍增行銷學倍增行銷學
倍增行銷學ez1689
 
企業個案報告寫作(2012版)
企業個案報告寫作(2012版)企業個案報告寫作(2012版)
企業個案報告寫作(2012版)基欽 劉
 
創意思考 趨勢篇
創意思考  趨勢篇創意思考  趨勢篇
創意思考 趨勢篇goodbean
 
台湾创意思考工具.ppt
台湾创意思考工具.ppt台湾创意思考工具.ppt
台湾创意思考工具.pptwei mingyang
 
APP行銷術
APP行銷術APP行銷術
APP行銷術jessmylov
 
嗜(試)讀成癮...的背後
嗜(試)讀成癮...的背後嗜(試)讀成癮...的背後
嗜(試)讀成癮...的背後Alice Liu
 
創意發想術與企劃技巧
創意發想術與企劃技巧創意發想術與企劃技巧
創意發想術與企劃技巧jacksun225
 
淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫Peggy Li
 
設計好網站的黃金準則第二章
設計好網站的黃金準則第二章設計好網站的黃金準則第二章
設計好網站的黃金準則第二章Lillian
 

Destacado (20)

優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
Creativity ch02 創造力何在
Creativity ch02 創造力何在Creativity ch02 創造力何在
Creativity ch02 創造力何在
 
連結生活者水脈的創意發想與管理
連結生活者水脈的創意發想與管理連結生活者水脈的創意發想與管理
連結生活者水脈的創意發想與管理
 
開放式創新之文獻回顧與探討
開放式創新之文獻回顧與探討開放式創新之文獻回顧與探討
開放式創新之文獻回顧與探討
 
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片行銷策略Part 1~企業經營大師黃聰亮教授演講投影片
行銷策略Part 1~企業經營大師黃聰亮教授演講投影片
 
CEO-038-執行力
CEO-038-執行力CEO-038-執行力
CEO-038-執行力
 
行銷夾
行銷夾行銷夾
行銷夾
 
從移動視點討論購物網站中審美互動的設計方法
從移動視點討論購物網站中審美互動的設計方法從移動視點討論購物網站中審美互動的設計方法
從移動視點討論購物網站中審美互動的設計方法
 
典型診斷輔導流程
典型診斷輔導流程典型診斷輔導流程
典型診斷輔導流程
 
倍增行銷學
倍增行銷學倍增行銷學
倍增行銷學
 
創意發想(中文)
創意發想(中文)創意發想(中文)
創意發想(中文)
 
企業個案報告寫作(2012版)
企業個案報告寫作(2012版)企業個案報告寫作(2012版)
企業個案報告寫作(2012版)
 
行銷3.0
行銷3.0行銷3.0
行銷3.0
 
創意思考 趨勢篇
創意思考  趨勢篇創意思考  趨勢篇
創意思考 趨勢篇
 
台湾创意思考工具.ppt
台湾创意思考工具.ppt台湾创意思考工具.ppt
台湾创意思考工具.ppt
 
APP行銷術
APP行銷術APP行銷術
APP行銷術
 
嗜(試)讀成癮...的背後
嗜(試)讀成癮...的背後嗜(試)讀成癮...的背後
嗜(試)讀成癮...的背後
 
創意發想術與企劃技巧
創意發想術與企劃技巧創意發想術與企劃技巧
創意發想術與企劃技巧
 
淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫
 
設計好網站的黃金準則第二章
設計好網站的黃金準則第二章設計好網站的黃金準則第二章
設計好網站的黃金準則第二章
 

Último

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 

Último (20)

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 

互動性設計

  • 2. 人因 (Human factors) 隱喻 (Metaphor) 典範 (Paradigms) 引導 (Navigation) 可用性 (Usability) 功能性 (Function) 分鏡 (Storyboard)
  • 3. 人因 (Human factors) 1. 可見性 2. 場域感 3. 回饋 4. 視覺符號 Human Factors Metaphor Paradigms Usability Function Navigation Storyboard
  • 4. 隱喻 (Metaphor) 抽象的概念 -> 熟悉的事物 提示 (Affordance) 感知的特徵 -> 認知的事實 Human Factors Metaphor Paradigms Usability Function Navigation Storyboard
  • 5.
  • 6.
  • 7. 可用性 (Usability) Remove obstacles. Minimize effort . Give feedback . Be explicit. Be flexible. Be forgiving. Human Factors Metaphor Paradigms Usability Function Navigation Storyboard
  • 8. 功能性 (Function) Defining interaction controls. Solving organizational problems. Ensuring consistency. Managing dependencies. Controlling media and custom features. Human Factors Metaphor Paradigms Usability Function Navigation Storyboard
  • 9. 引導 (Navigation) 為使用者提供閱覽方式 Minimize travel: 安排最短的路徑 Minimize depth: 架構最少的階層 Minimize redundancy: 避免重複行為 Human Factors Metaphor Paradigms Usability Function Navigation Storyboard
  • 10.