SlideShare a Scribd company logo
Information and Communication
Technologies(ICT)
Principles and Perspectives
Lecture 7
Case Study
• ABCbookshop.com
• Discussing points raised in previous lectures w.r.t this website
Design for use
• Use vs functionality
• Design not for a single user
• Social, environmental, cultural, psychological factors
• Linguistics
Reasons for using cognitive models
1. Understand what is going on when users use system
2. Predict how users will behave
3. Identify & explain problems
4. Provide knowledge what use can or cannot be expected to do
5. Take advantage of particular aspects of user skills and abilities
Design Principles
• Visibility
• Feedback
• Constraint
• Consistency
• Affordance
Tradeoff
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
Input & Output Technologies
• Input: the process that occurs as information from inside the user’s head or
from the environment is transformed into the sort of data that computers
can use
• Output: the process of re-representing computer data into a form that the
user can comprehend and make use of.
Interaction Styles
• all the ways the user can communicate or otherwise interact with the
computer system
1. Command Language
2. Menu Selection
3. Form fill-in
4. Natural Language
5. Direct Manipulation
Direct manipulation
• Visibility of objects of interests
• Rapid , reversible incremental actions performed directly on them
• Replacement of complex command language by direct manipulation object
of interest
• Direct manipulation tries to bridge gulf of execution and evaluation
Direct Manipulation
(Advantages)
• Visually presents task concepts.
• Easy to learn.
• Errors can be avoided more easily.
• Encourages exploration.
• High subjective satisfaction.
• Recognition memory (as opposed to cued or free recall memory)
Direct Manipulation
(Disadvantages)
• May be more difficult to program
• Not suitable for small graphic displays.
• Spatial and visual representation is not always preferable.
• Metaphors can be misleading since the essence of metaphor is understanding
and experiencing one kind of thing in terms of another
• Compact notations may better suit expert users
Direct Manipulation

More Related Content

PPTX
Interaction styles
PPTX
Conceptual Model
PPTX
ICS3211 lecture 10
PPTX
ACM Dev 2012
PPTX
ICS3211 lecture 04
PPTX
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
PPTX
ICS3211 lecture 05
PPTX
ICS3211 lecture 03
Interaction styles
Conceptual Model
ICS3211 lecture 10
ACM Dev 2012
ICS3211 lecture 04
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
ICS3211 lecture 05
ICS3211 lecture 03

What's hot (20)

PDF
User Interface Design - Module 1 Introduction
PDF
User Interface Design- Module 2 Uid Process
PPT
User Interface Design in Software Engineering SE15
PPTX
User Interface Analysis and Design
PPTX
HCI Presentation
PPTX
ICS3211 lecture 07
PPTX
ICS3211 lecture 02
PPTX
ICS3211 lecture 11
PPT
Human Factors and User Interface Design
PDF
ICS3211 Week 4
PPTX
Direct manipulation - ppt
PPTX
Unit2 hci
PDF
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
PPTX
Human Computer Interaction of an Information System
PPTX
Human Computer Interaction (HCI)
PDF
ICS3211 Lecture 3
PDF
ICS3211 lecture01
PPTX
distance_learning.pptx - Distance Learning
PPTX
Design process interaction design basics
PDF
ICS3211 Week 5
User Interface Design - Module 1 Introduction
User Interface Design- Module 2 Uid Process
User Interface Design in Software Engineering SE15
User Interface Analysis and Design
HCI Presentation
ICS3211 lecture 07
ICS3211 lecture 02
ICS3211 lecture 11
Human Factors and User Interface Design
ICS3211 Week 4
Direct manipulation - ppt
Unit2 hci
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
Human Computer Interaction of an Information System
Human Computer Interaction (HCI)
ICS3211 Lecture 3
ICS3211 lecture01
distance_learning.pptx - Distance Learning
Design process interaction design basics
ICS3211 Week 5
Ad

Similar to HCI (20)

PDF
Lesson 2 HCI 2.pdf
PPTX
Lesson 2 HCI 2.pptx
PPTX
unit 2-The User Interface Design Process-UID
PPTX
HCI user interface & characterstics of interfaces.pptx
PPT
Chapter 12 user interface design
PDF
ICS3211_lecture 04 2023.pdf
PPTX
Game interface design part 2
PPT
Design rule 3
PPT
Design rule 3
PPTX
UNIT III Lecture-I.pptx
PDF
Management Information System UX Case study
PPTX
Module 1
PDF
Multi View Constructed Right
PPTX
Usability Evaluation
PPT
unit3kiran.pptunit-3-Interactions&Usecases.pptx
PPTX
UI Design - Lessons Learned, Principles, and Best Practices
PPTX
hci in software development process
PDF
ICS3211 lntelligent Interfaces
PDF
User Interface design and analysis Part.2
PDF
Hci [4]interaction
Lesson 2 HCI 2.pdf
Lesson 2 HCI 2.pptx
unit 2-The User Interface Design Process-UID
HCI user interface & characterstics of interfaces.pptx
Chapter 12 user interface design
ICS3211_lecture 04 2023.pdf
Game interface design part 2
Design rule 3
Design rule 3
UNIT III Lecture-I.pptx
Management Information System UX Case study
Module 1
Multi View Constructed Right
Usability Evaluation
unit3kiran.pptunit-3-Interactions&Usecases.pptx
UI Design - Lessons Learned, Principles, and Best Practices
hci in software development process
ICS3211 lntelligent Interfaces
User Interface design and analysis Part.2
Hci [4]interaction
Ad

More from Saqib Shehzad (20)

PPTX
destinyتقدیر اور ایمانیات - مسئلہ جبر و قدر
PDF
خاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdf
PPTX
Security
PPTX
wireless networks
PPTX
wireless networks
PPTX
Wireless networks
PPTX
Multimedia networks
PPTX
Multimedia networks
PPTX
Multimedia networks
PPTX
Multimedia networks
PPTX
Multimedia continued
PPTX
Multimedia
PPTX
Prototype in HCI
PPTX
User centered Design
PPTX
Social and organizational perspective in HCI
PPTX
Cognitive frameworks
PPTX
Cognition, information processing, perception and attention
PPTX
Human Computer Interaction
PPTX
World Wide Web
PPTX
Computer Networks
destinyتقدیر اور ایمانیات - مسئلہ جبر و قدر
خاکہ برائے درسِ مختصر البخاری۔ کتاب العلم 20.pdf
Security
wireless networks
wireless networks
Wireless networks
Multimedia networks
Multimedia networks
Multimedia networks
Multimedia networks
Multimedia continued
Multimedia
Prototype in HCI
User centered Design
Social and organizational perspective in HCI
Cognitive frameworks
Cognition, information processing, perception and attention
Human Computer Interaction
World Wide Web
Computer Networks

Recently uploaded (20)

PDF
Business Ethics Teaching Materials for college
PPTX
master seminar digital applications in india
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
Cell Structure & Organelles in detailed.
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
01-Introduction-to-Information-Management.pdf
PPTX
Cell Types and Its function , kingdom of life
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
TR - Agricultural Crops Production NC III.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Pharma ospi slides which help in ospi learning
Business Ethics Teaching Materials for college
master seminar digital applications in india
Pharmacology of Heart Failure /Pharmacotherapy of CHF
human mycosis Human fungal infections are called human mycosis..pptx
Cell Structure & Organelles in detailed.
102 student loan defaulters named and shamed – Is someone you know on the list?
Module 4: Burden of Disease Tutorial Slides S2 2025
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
01-Introduction-to-Information-Management.pdf
Cell Types and Its function , kingdom of life
Week 4 Term 3 Study Techniques revisited.pptx
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPH.pptx obstetrics and gynecology in nursing
TR - Agricultural Crops Production NC III.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Pharma ospi slides which help in ospi learning

HCI

  • 2. Case Study • ABCbookshop.com • Discussing points raised in previous lectures w.r.t this website
  • 3. Design for use • Use vs functionality • Design not for a single user • Social, environmental, cultural, psychological factors • Linguistics
  • 4. Reasons for using cognitive models 1. Understand what is going on when users use system 2. Predict how users will behave 3. Identify & explain problems 4. Provide knowledge what use can or cannot be expected to do 5. Take advantage of particular aspects of user skills and abilities
  • 5. Design Principles • Visibility • Feedback • Constraint • Consistency • Affordance Tradeoff
  • 6. 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
  • 7. Core Components of Conceptual Model • Metaphors and analogies • Concepts exposed through product • Relationships between these concepts • Mapping between these concepts
  • 8. 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
  • 9. 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
  • 10. Input & Output Technologies • Input: the process that occurs as information from inside the user’s head or from the environment is transformed into the sort of data that computers can use • Output: the process of re-representing computer data into a form that the user can comprehend and make use of.
  • 11. Interaction Styles • all the ways the user can communicate or otherwise interact with the computer system 1. Command Language 2. Menu Selection 3. Form fill-in 4. Natural Language 5. Direct Manipulation
  • 12. Direct manipulation • Visibility of objects of interests • Rapid , reversible incremental actions performed directly on them • Replacement of complex command language by direct manipulation object of interest • Direct manipulation tries to bridge gulf of execution and evaluation
  • 13. Direct Manipulation (Advantages) • Visually presents task concepts. • Easy to learn. • Errors can be avoided more easily. • Encourages exploration. • High subjective satisfaction. • Recognition memory (as opposed to cued or free recall memory)
  • 14. Direct Manipulation (Disadvantages) • May be more difficult to program • Not suitable for small graphic displays. • Spatial and visual representation is not always preferable. • Metaphors can be misleading since the essence of metaphor is understanding and experiencing one kind of thing in terms of another • Compact notations may better suit expert users

Editor's Notes

  • #7: http://boxesandarrows.com/conceptual-models-in-a-nutshell/