SlideShare a Scribd company logo
INTERFACE METAPHORES ,
INTERACTION TYPES AND
INTERACTION
BY : UM E FARWA
“
”
There is no “best”
conceptual
model
YOUR VIEWS?
DM is good for “doing” types of tasks –
e.g designing, drawing, flying, driving
Instructions good for repetitive tasks
Interface metaphors
 Interface designed to be similar to a physical entity but
also has it's own properties
 – e.g desktop metaphor, web portals
Pros/Cons of interface metaphors
 Helps users understand the underlying conceptual model
 Makes learning of new systems easier
 Cons
 Makes learning of new systems easier
 Any other?
Interaction Styles
 Command
 Speech
 Data entry
 Form filling
 Query
 Pen
 Augmented reality
 Gesture ....
 Graphical
 What is difference VR and AR?
Which interaction style to choose ?
 YOUR VIEWS?
 Need to determine requirements and user
needs
 Take the budget and other constraints into
account
 Also will depend on suitability of technology
for activity being supported
Interaction paradigms
 From the desktop to ubiquitous computing (embedded in the environment)
Examples of new paradigms
 Ubiquitous computing
 augmented reality
 Transparent computing ..
“
”
Knowledge in the head and in
the world
Travel through a city without being able to describe the route precisely
 Information in the world
 Great precision is not required
 Natural constraints are present
 Cultural constraints are present
Knowledge and constraints
 Declarative knowledge : knowledge “of” – Stop at red lights
 Screws (clockwise, counterclockwise)

More Related Content

Similar to IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI

426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces
Mark Billinghurst
 
Web 2.0 for IA's
Web 2.0 for IA'sWeb 2.0 for IA's
Web 2.0 for IA's
Dave Malouf
 
A Generic Framework for Executable Gestural Interaction Models
A Generic Framework for Executable Gestural Interaction ModelsA Generic Framework for Executable Gestural Interaction Models
A Generic Framework for Executable Gestural Interaction Models
Tom Mens
 
Software Engineering: Models
Software Engineering: ModelsSoftware Engineering: Models
Software Engineering: Models
David Millard
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
Karri Ojanen
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
guest1bcbc9
 
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA International
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technologylizepape
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar TechnologyNicole Mera
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technologykfowkes
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar TechnologyCKillinger
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technologysamat11
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technologykfowkes
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar TechnologyNeilHimes
 

Similar to IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI (20)

426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces
 
Web 2.0 for IA's
Web 2.0 for IA'sWeb 2.0 for IA's
Web 2.0 for IA's
 
A Generic Framework for Executable Gestural Interaction Models
A Generic Framework for Executable Gestural Interaction ModelsA Generic Framework for Executable Gestural Interaction Models
A Generic Framework for Executable Gestural Interaction Models
 
Software Engineering: Models
Software Engineering: ModelsSoftware Engineering: Models
Software Engineering: Models
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 
Avatar Technology
Avatar TechnologyAvatar Technology
Avatar Technology
 

More from Um e Farwa

HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
Um e Farwa
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
Um e Farwa
 
Tele presence and co-presence in HCI
Tele presence and co-presence in HCITele presence and co-presence in HCI
Tele presence and co-presence in HCI
Um e Farwa
 
Cognitive frameworks in HCI
Cognitive frameworks in HCI Cognitive frameworks in HCI
Cognitive frameworks in HCI
Um e Farwa
 
Virtual reality v/s augmented reality
Virtual reality v/s augmented reality Virtual reality v/s augmented reality
Virtual reality v/s augmented reality
Um e Farwa
 
Cognition in HCI
Cognition in HCICognition in HCI
Cognition in HCI
Um e Farwa
 
Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCI
Um e Farwa
 
14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand
Um e Farwa
 
Why we need functions in c
Why we need functions in cWhy we need functions in c
Why we need functions in c
Um e Farwa
 
Good and Poor design HCI perceptive
Good and Poor design HCI perceptive Good and Poor design HCI perceptive
Good and Poor design HCI perceptive
Um e Farwa
 
Bakery algorithm
Bakery algorithmBakery algorithm
Bakery algorithm
Um e Farwa
 

More from Um e Farwa (11)

HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
Tele presence and co-presence in HCI
Tele presence and co-presence in HCITele presence and co-presence in HCI
Tele presence and co-presence in HCI
 
Cognitive frameworks in HCI
Cognitive frameworks in HCI Cognitive frameworks in HCI
Cognitive frameworks in HCI
 
Virtual reality v/s augmented reality
Virtual reality v/s augmented reality Virtual reality v/s augmented reality
Virtual reality v/s augmented reality
 
Cognition in HCI
Cognition in HCICognition in HCI
Cognition in HCI
 
Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCI
 
14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand
 
Why we need functions in c
Why we need functions in cWhy we need functions in c
Why we need functions in c
 
Good and Poor design HCI perceptive
Good and Poor design HCI perceptive Good and Poor design HCI perceptive
Good and Poor design HCI perceptive
 
Bakery algorithm
Bakery algorithmBakery algorithm
Bakery algorithm
 

Recently uploaded

UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 

Recently uploaded (20)

UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 

IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI

  • 1. INTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION BY : UM E FARWA
  • 2. “ ” There is no “best” conceptual model YOUR VIEWS?
  • 3. DM is good for “doing” types of tasks – e.g designing, drawing, flying, driving Instructions good for repetitive tasks
  • 4. Interface metaphors  Interface designed to be similar to a physical entity but also has it's own properties  – e.g desktop metaphor, web portals
  • 5. Pros/Cons of interface metaphors  Helps users understand the underlying conceptual model  Makes learning of new systems easier  Cons  Makes learning of new systems easier  Any other?
  • 6. Interaction Styles  Command  Speech  Data entry  Form filling  Query  Pen  Augmented reality  Gesture ....  Graphical
  • 7.  What is difference VR and AR?
  • 8. Which interaction style to choose ?  YOUR VIEWS?  Need to determine requirements and user needs  Take the budget and other constraints into account  Also will depend on suitability of technology for activity being supported
  • 9. Interaction paradigms  From the desktop to ubiquitous computing (embedded in the environment) Examples of new paradigms  Ubiquitous computing  augmented reality  Transparent computing ..
  • 10. “ ” Knowledge in the head and in the world Travel through a city without being able to describe the route precisely
  • 11.  Information in the world  Great precision is not required  Natural constraints are present  Cultural constraints are present
  • 12. Knowledge and constraints  Declarative knowledge : knowledge “of” – Stop at red lights  Screws (clockwise, counterclockwise)