SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Information and Communication
Technologies(ICT)
Principles and Perspectives
Lecture 2
Design Principles
• Visibility
• Feedback
• Constraint
• Consistency
• Affordance
Tradeoff
Problem space
• Definition
• Orientation
• Open mindedness
• Common Ground
Conceptual Model
• A high-level description of how a system is organized and operates. What
people can do with a product and what concepts are required to understand
how to interact with it?
• Goals
• Keep it simple as much as possible
• Few or No concept from outside of task domain
Core Components of Conceptual Model
• Metaphors and analogies
• Concepts exposed through product
• Relationships between these concepts
• Mapping between these concepts
Interface Metaphor
• An Interface metaphor is a set of user interface visuals, actions and
procedures that exploit specific knowledge that users already have of other
domains.
• Examples
• Folders
• Bin (Recycle Bin)
• Shopping cart
Benefits of Interface metaphor
• Makes learning new systems easier
• Helps users understand the underlying conceptual model
• Can be very innovative and enable the realm of computers and their
applications to be made more accessible to a greater diversity of users
Interaction Types
• Instructing
• Conversing
• Manipulating
• Exploring (time and place theory)
Instructing
• Where users instruct a system and tell it what to do
• –e.g. tell the time, print a file, save a file
• Very common conceptual model, underlying a diversity of devices and systems
• e.g. word processors, VCRs, vending machines
• Main benefit is that instructing supports quick and efficient interaction
• good for repetitive kinds of actions performed on multiple objects
Conversing
• Underlying model of having a conversation with another human
• Range from simple voice recognition menu-driven systems to more complex
‘natural language’ dialogs
• Examples include ticket booking, flight time inquiry, search engines, advice-
giving systems, help systems
• Also virtual agents, toys and pet robots designed to converse with you
Conversing
Pros and Cons of Conversation Model
• Allows users, especially novices and technophobes, to interact with the
system in a way that is familiar
• Makes them feel comfortable, at ease and less scared
• Misunderstandings can arise when the system does not know how to parse
what the user says
Manipulating
• Involves dragging, selecting, opening, closing and zooming actions on virtual
objects
• Exploit’s users’ knowledge of how they move and manipulate in the physical world
• Direct Manipulation
• Continuous representation of objects and actions of interest
• Physical actions and button pressing instead of issuing commands with complex syntax
• Rapid reversible actions with immediate feedback on object of interest
Exploring
• Involves users moving through virtual or physical environments
• Physical environments with embedded sensor technologies
Which conceptual model is best?
• Direct manipulation is good for ‘doing’ types of tasks, e.g. designing, drawing,
flying, driving, sizing windows
• Issuing instructions is good for repetitive tasks, e.g. spell-checking, file management
• Having a conversation is good for children, computer-phobic, disabled users and
specialized applications (e.g. phone services)
• Hybrid conceptual models are often employed, where different ways of carrying out
the same actions is supported at the interface - but can take longer to learn

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

ICS3211 lecture 04
ICS3211 lecture 04ICS3211 lecture 04
ICS3211 lecture 04
 
ICS3211 Lecture 3
ICS3211 Lecture 3ICS3211 Lecture 3
ICS3211 Lecture 3
 
Interfaces
InterfacesInterfaces
Interfaces
 
Thai hci
Thai hciThai hci
Thai hci
 
ICS3211 Lecture 9
ICS3211 Lecture 9ICS3211 Lecture 9
ICS3211 Lecture 9
 
ICS3211 Lecture 07
ICS3211 Lecture 07 ICS3211 Lecture 07
ICS3211 Lecture 07
 
ICS3211 Week 4
ICS3211 Week 4ICS3211 Week 4
ICS3211 Week 4
 
Intelligent Interfaces ICS3211
Intelligent Interfaces ICS3211Intelligent Interfaces ICS3211
Intelligent Interfaces ICS3211
 
ICS3211 lntelligent Interfaces
ICS3211 lntelligent InterfacesICS3211 lntelligent Interfaces
ICS3211 lntelligent Interfaces
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
ICS2208 lecture5
ICS2208 lecture5ICS2208 lecture5
ICS2208 lecture5
 
ICS3211 lecture 11
ICS3211 lecture 11ICS3211 lecture 11
ICS3211 lecture 11
 
ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020
 
Interaction design and cognitive aspects
Interaction design and cognitive aspects Interaction design and cognitive aspects
Interaction design and cognitive aspects
 
ICS3211 Week 5
ICS3211 Week 5ICS3211 Week 5
ICS3211 Week 5
 
ICS2208 Lecture 3
ICS2208 Lecture 3ICS2208 Lecture 3
ICS2208 Lecture 3
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
ICS2208 lecture2
ICS2208 lecture2ICS2208 lecture2
ICS2208 lecture2
 
ICS3211 Week6
ICS3211 Week6ICS3211 Week6
ICS3211 Week6
 

Ähnlich wie Conceptual Model

Ähnlich wie Conceptual Model (20)

CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2
 
Lesson 2 HCI 2.pdf
Lesson 2 HCI 2.pdfLesson 2 HCI 2.pdf
Lesson 2 HCI 2.pdf
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
 
Lesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptxLesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptx
 
Social and organizational perspective in HCI
Social and organizational perspective in HCISocial and organizational perspective in HCI
Social and organizational perspective in HCI
 
User Experience Design - Designing for others
User Experience Design - Designing for othersUser Experience Design - Designing for others
User Experience Design - Designing for others
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital products
 
ICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdfICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdf
 
Human Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction DesignHuman Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction Design
 
chapter_03_5e.pdf
chapter_03_5e.pdfchapter_03_5e.pdf
chapter_03_5e.pdf
 
hci Evaluation Techniques.pptx
 hci Evaluation Techniques.pptx hci Evaluation Techniques.pptx
hci Evaluation Techniques.pptx
 
Lecture # 8.ppt
Lecture # 8.pptLecture # 8.ppt
Lecture # 8.ppt
 
Module 1
Module 1Module 1
Module 1
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Design rules and usability requirements
Design rules and usability requirementsDesign rules and usability requirements
Design rules and usability requirements
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Hci [4]interaction
Hci [4]interactionHci [4]interaction
Hci [4]interaction
 

Mehr von Saqib Shehzad

Mehr von Saqib Shehzad (20)

خاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdf
خاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdfخاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdf
خاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdf
 
Security
Security Security
Security
 
wireless networks
wireless networkswireless networks
wireless networks
 
wireless networks
wireless networkswireless networks
wireless networks
 
Wireless networks
Wireless networksWireless networks
Wireless networks
 
Multimedia networks
Multimedia networksMultimedia networks
Multimedia networks
 
Multimedia networks
Multimedia networksMultimedia networks
Multimedia networks
 
Multimedia networks
Multimedia networksMultimedia networks
Multimedia networks
 
Multimedia networks
Multimedia networksMultimedia networks
Multimedia networks
 
Multimedia continued
Multimedia continuedMultimedia continued
Multimedia continued
 
Multimedia
MultimediaMultimedia
Multimedia
 
Usability Evaluation
Usability EvaluationUsability Evaluation
Usability Evaluation
 
Prototype in HCI
Prototype in HCIPrototype in HCI
Prototype in HCI
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
Interaction styles
Interaction stylesInteraction styles
Interaction styles
 
Cognitive frameworks
Cognitive frameworksCognitive frameworks
Cognitive frameworks
 
Cognition, information processing, perception and attention
Cognition, information processing, perception and attentionCognition, information processing, perception and attention
Cognition, information processing, perception and attention
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Web
 
Computer Networks
Computer NetworksComputer Networks
Computer Networks
 

Kürzlich hochgeladen

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Kürzlich hochgeladen (20)

Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

Conceptual Model

  • 2. Design Principles • Visibility • Feedback • Constraint • Consistency • Affordance Tradeoff
  • 3. Problem space • Definition • Orientation • Open mindedness • Common Ground
  • 4. Conceptual Model • A high-level description of how a system is organized and operates. What people can do with a product and what concepts are required to understand how to interact with it? • Goals • Keep it simple as much as possible • Few or No concept from outside of task domain
  • 5. Core Components of Conceptual Model • Metaphors and analogies • Concepts exposed through product • Relationships between these concepts • Mapping between these concepts
  • 6. Interface Metaphor • An Interface metaphor is a set of user interface visuals, actions and procedures that exploit specific knowledge that users already have of other domains. • Examples • Folders • Bin (Recycle Bin) • Shopping cart
  • 7. Benefits of Interface metaphor • Makes learning new systems easier • Helps users understand the underlying conceptual model • Can be very innovative and enable the realm of computers and their applications to be made more accessible to a greater diversity of users
  • 8. Interaction Types • Instructing • Conversing • Manipulating • Exploring (time and place theory)
  • 9. Instructing • Where users instruct a system and tell it what to do • –e.g. tell the time, print a file, save a file • Very common conceptual model, underlying a diversity of devices and systems • e.g. word processors, VCRs, vending machines • Main benefit is that instructing supports quick and efficient interaction • good for repetitive kinds of actions performed on multiple objects
  • 10.
  • 11. Conversing • Underlying model of having a conversation with another human • Range from simple voice recognition menu-driven systems to more complex ‘natural language’ dialogs • Examples include ticket booking, flight time inquiry, search engines, advice- giving systems, help systems • Also virtual agents, toys and pet robots designed to converse with you
  • 13. Pros and Cons of Conversation Model • Allows users, especially novices and technophobes, to interact with the system in a way that is familiar • Makes them feel comfortable, at ease and less scared • Misunderstandings can arise when the system does not know how to parse what the user says
  • 14. Manipulating • Involves dragging, selecting, opening, closing and zooming actions on virtual objects • Exploit’s users’ knowledge of how they move and manipulate in the physical world • Direct Manipulation • Continuous representation of objects and actions of interest • Physical actions and button pressing instead of issuing commands with complex syntax • Rapid reversible actions with immediate feedback on object of interest
  • 15. Exploring • Involves users moving through virtual or physical environments • Physical environments with embedded sensor technologies
  • 16. Which conceptual model is best? • Direct manipulation is good for ‘doing’ types of tasks, e.g. designing, drawing, flying, driving, sizing windows • Issuing instructions is good for repetitive tasks, e.g. spell-checking, file management • Having a conversation is good for children, computer-phobic, disabled users and specialized applications (e.g. phone services) • Hybrid conceptual models are often employed, where different ways of carrying out the same actions is supported at the interface - but can take longer to learn

Hinweis der Redaktion

  1. http://boxesandarrows.com/conceptual-models-in-a-nutshell/