HUMAN COMPUTER
INTERACTION
Lecture 1
• The best way to reach me is through e-mail:
Gulmina.rextina@comsats.edu.pk
Why HCI?
• HCI stands for Human Computer Interaction….
• So what are we trying to achieve by studying this course.
“If we design and develop digital products in such a way
that the people who use them can easily achieve their
goals, they will be satisfied, effective, and happy.”
That seems simple enough … yet many products are
frustrating to use.
Why HCI?
• Can you think of any products that you have used and
you had a problem using them?
• It doesn’t only have to be software.
• What about the vending machine downstairs? Was it easy
to use when you used it for the first time?
• Also think about a product that is pleasant to use or that
does not require an thought
• A sign of good design is that you don’t notice them
• Its when design fails it is very obvious.
Why HCI?
• What about other every day products?
• Have you ever pulled a door when it was supposed to be
pulled?
• Think about your mobiles, TV, fridge.
Why do so many products fail?
• The main reason is the absence of design.
• What is design?
❖Understanding the desires, needs, motivations, and contexts of
people using products
❖Understanding business, technical, and domain opportunities,
requirements, and constraints
❖Using this knowledge as a foundation for plans to create products
whose form, content, and behavior are useful, usable, and
desirable, as well as economically viable and technically feasible
Why digital products fail?
• Four main reasons
• Misplaces Priorities– on the part of both management and
developers
• Ignorance about real users
• Conflicts of interest
• Lack of design process
Misplaces Priorities
• Marketers
• Chasing competition
• Making guesses based on surveys
• Developers
• Have a lot of say regarding what actually gets built.
• Have tight deadlines and confusing input about what needs to be
built
Ignorance about real users
• Who will use the product?
• Why would they want to use it?
• How will they use it?
• What are there goals?
Conflict of Interest
• Developers should not be designers.
• Why?
Lack of Design Process
• Processes exist but may not be followed
• Many companies integrate user input directly into the
development…
• but users can only identify problems but often can not specify the
solution
Context of HCI
• Where can we apply HCI?
• Anything with an interface
Context of HCI
• That includes
• Websites
• Desk top applications
• Mobile apps
• Coffee machines
• Vending machines
• Software in an airplane
• …
• …
• ..
• .
Good Or Bad Interface??
15
© Interface Hall of Shame
Good or Bad Interface?
16
Why is Good Interaction Design
Important?
17
• Users time isn’t getting any cheaper
• A company may save lots of money by reducing the time it takes it
workers to do a task
• Few attempts to use any product
• If not successful
• Loses hope
• Gives up
• Disasters can occur
• Examples
• Three Mile Island
• Air Inter Flight 148,
Three Mile Island
1979, Pensulvania
Air Inter Flight 148
19
http://blog.martindoms.com/2011/01/24/poor-ui-design-can-kill/
Why are User Interfaces Hard to Design
20
• You are not the user
• It is very hard for designers to put themselves in place of the user
to understand how they will perceive things
• Users are right
• If people keep making the same mistakes with your design it’s the
fault of the design not the users
• But users are not designers
• They don’t always know what they want
• 1950’s telephone study
• Google results per page
• 10, 20 or 30 results per page
So What is Usability
21
• Dimensions of Usability
• Learnability
• Efficiency
• Visibility
• Errors
• Satisfaction
• All of these are measurable, just as we can say that
Algorithm X is more efficient then Algorithm Y we can say
Interface X is more Learnable than interface Y
• What about when all the requirements haven’t been
meet?
• Or if a system crashes?
Which Dimension of Usability is more
Important?
22
• …. Depends on the user
• New users would need learnability more
• Experts need efficiency
• Infrequent users need memorability
• But no user is completely novice or expert
Why Study HCI?
23
• To develop products / interaction techniques
• Easy to use
• Easy to learn
• Easy to remember
• To design user friendly systems
• Efficient
• Avoid unnecessary complexity
What is HCI?
24
Software Eng. VS HCI
25
SoftwareEngineering
• System-
centered
• Software
architecture
• procedural
aspects
HumanComputer
Interaction
• User-
centered
• Users
• Tasks
• Context of
use
Some HCI Subjects
26
• HCI (in general)
• Usability eng./testing
• User interface design
• Human factors/Ergonomics
• Web design/usability
• Graphic design
• Information visualization
• Many more…
What is wrong with the following
27
28
29
Course Learning Outcomes
30
Upon completion of the course, students will be able to:
• Explain context of HCI and different measures for evaluation.
• Discuss the physical capabilities, cognitive and social models
that inform interaction design.
• Apply the principles of good design for people from the
perspective of age and disabilities.
• Implement techniques for user centered design for a medium
sized software.
• Evaluate the usability of a medium size software user
interface.
• Discuss various interaction technologies.

More Related Content

PDF
UXPA Boston Responsive Design Snyder Rizzico
PDF
Implementing Modernization by Trevor Perry
PDF
Integrating User Experience Design into the Product Lifecycle
 
PPT
Importance of hci in multimedia courseware development (new)
PPT
Chapter 1 id2e_slides
PDF
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
PDF
Povilas Pečkaitis: UX (vartotojo patirties) svarba e - prekyboje ir kiek jum...
PDF
UI/UX Design in Agile process
UXPA Boston Responsive Design Snyder Rizzico
Implementing Modernization by Trevor Perry
Integrating User Experience Design into the Product Lifecycle
 
Importance of hci in multimedia courseware development (new)
Chapter 1 id2e_slides
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Povilas Pečkaitis: UX (vartotojo patirties) svarba e - prekyboje ir kiek jum...
UI/UX Design in Agile process

What's hot (19)

KEY
Why Do Mobile Projects Fail?
PDF
Effective Interaction Design Testing
PDF
Designing an MVP that works for your users - LeanUX NYC 2014
PDF
Mobile Monday
PPTX
UI / UX Design Presentation
PDF
User interface and user experience ui ux design basics
PDF
Lean startup 2019
PPTX
UI/UX Design
PDF
Mobile App Design @ ITU 2012
PDF
User Experience for Product Managers
PDF
By the Book: Examining the Art of Building Great User Experiences in Software
PPTX
Your company’s annual user conference: Boon or Bust for UX?
PDF
What is a User Experience?
PPSX
Improving Functional Usability
PPTX
Intro to ux and how to design a thoughtful ui
PDF
Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...
PDF
How to Find a Good UI/UX Designer (or be one!)
PDF
User Experience Design for Software Engineers, ICS & The Qt Company
 
Why Do Mobile Projects Fail?
Effective Interaction Design Testing
Designing an MVP that works for your users - LeanUX NYC 2014
Mobile Monday
UI / UX Design Presentation
User interface and user experience ui ux design basics
Lean startup 2019
UI/UX Design
Mobile App Design @ ITU 2012
User Experience for Product Managers
By the Book: Examining the Art of Building Great User Experiences in Software
Your company’s annual user conference: Boon or Bust for UX?
What is a User Experience?
Improving Functional Usability
Intro to ux and how to design a thoughtful ui
Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...
How to Find a Good UI/UX Designer (or be one!)
User Experience Design for Software Engineers, ICS & The Qt Company
 
Ad

Similar to Using 10 Dumpster On Rent Strategies Like The Pros (20)

PPTX
Human Computer Interaction Presentation Slides
PPT
Introduction to HCI human computer interaction
PPT
Introduction to Human Computer Interactions
DOCX
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PPT
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
PPT
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
PPTX
Human computer interaction -Design and software process
PPT
Lecture1.ppt
PPTX
01-Introduction to HCI.pptx
PPT
Introduction to HCI (1)Introduction to HCI (1).ppt.ppt
PPTX
Human Computer Interaction (HCI)
PDF
01-Introduction to HCI.pdfxzcnkzdcdncnccn
PPTX
Ch 1 Introduction to User Interaction Design Mary Margarat
PDF
hci overview Good and Poor Design Examples.pdf
PDF
Human Computer Interaction-Chapter one.pdf
PPT
Introduction to HCI.ppt
PPT
Introduction to HCI Human Computer Interaction
PPT
chapter one Introduction to HCI.ppt
PPT
Introduction to HCI.ppt
PPTX
Human Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction Presentation Slides
Introduction to HCI human computer interaction
Introduction to Human Computer Interactions
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
Human computer interaction -Design and software process
Lecture1.ppt
01-Introduction to HCI.pptx
Introduction to HCI (1)Introduction to HCI (1).ppt.ppt
Human Computer Interaction (HCI)
01-Introduction to HCI.pdfxzcnkzdcdncnccn
Ch 1 Introduction to User Interaction Design Mary Margarat
hci overview Good and Poor Design Examples.pdf
Human Computer Interaction-Chapter one.pdf
Introduction to HCI.ppt
Introduction to HCI Human Computer Interaction
chapter one Introduction to HCI.ppt
Introduction to HCI.ppt
Human Computer Interaction: Lecture 2: Interaction Design
Ad

Recently uploaded (20)

PPT
The process of making an electrical connection by melting low-temperature met...
PPT
COA______________₹₹_₹₹33₹₹₹33₹₹₹3UNIT1V8.ppt
PPTX
vortex flow measurement in instrumentation
DOCX
internal and external hardware in Orthopedic Center
PPTX
ELETRONIC-PRODUCTS-ASSEMBLY-AND-SERVICING-NC-II-WEEK-1-Copy.pptx
PPT
System Unit Components and its Functions
PPTX
Presentation (1).pptx gjkbhhjk hjjgtihkk
PDF
CAB UNIT 1 with computer details details
PPTX
SAI-CAO-24CSEN2021-PPT-UNIT-------1.pptx
PPTX
Computer Hardware - Technology and Livelihood Education
PPTX
Operating_Systems_Presentation_With_Icons (1).pptx
PDF
2- Physical Layer (06).pdfgshshshbsbshshshhs
PDF
script scriptscriptscriptscriptscriptscript
PDF
PakistanCoinageAct-906.pdfdbnsshsjjsbsbb
PPTX
Pin configuration and project related to
PPTX
Clauses_Part1.hshshpjzjxnznxnxnndndndndndndndnndptx
PPTX
Growth Capital Investment - Espresso Capital.pptx
PPTX
Unit-1.pptxgeyeuueueu7r7r7r77r7r7r7uriruru
PPTX
ppt to the world finance to the world in growing
PDF
Printing Presentation to show beginners.
The process of making an electrical connection by melting low-temperature met...
COA______________₹₹_₹₹33₹₹₹33₹₹₹3UNIT1V8.ppt
vortex flow measurement in instrumentation
internal and external hardware in Orthopedic Center
ELETRONIC-PRODUCTS-ASSEMBLY-AND-SERVICING-NC-II-WEEK-1-Copy.pptx
System Unit Components and its Functions
Presentation (1).pptx gjkbhhjk hjjgtihkk
CAB UNIT 1 with computer details details
SAI-CAO-24CSEN2021-PPT-UNIT-------1.pptx
Computer Hardware - Technology and Livelihood Education
Operating_Systems_Presentation_With_Icons (1).pptx
2- Physical Layer (06).pdfgshshshbsbshshshhs
script scriptscriptscriptscriptscriptscript
PakistanCoinageAct-906.pdfdbnsshsjjsbsbb
Pin configuration and project related to
Clauses_Part1.hshshpjzjxnznxnxnndndndndndndndnndptx
Growth Capital Investment - Espresso Capital.pptx
Unit-1.pptxgeyeuueueu7r7r7r77r7r7r7uriruru
ppt to the world finance to the world in growing
Printing Presentation to show beginners.

Using 10 Dumpster On Rent Strategies Like The Pros

  • 2. • The best way to reach me is through e-mail: Gulmina.rextina@comsats.edu.pk
  • 3. Why HCI? • HCI stands for Human Computer Interaction…. • So what are we trying to achieve by studying this course. “If we design and develop digital products in such a way that the people who use them can easily achieve their goals, they will be satisfied, effective, and happy.” That seems simple enough … yet many products are frustrating to use.
  • 4. Why HCI? • Can you think of any products that you have used and you had a problem using them? • It doesn’t only have to be software.
  • 5. • What about the vending machine downstairs? Was it easy to use when you used it for the first time? • Also think about a product that is pleasant to use or that does not require an thought • A sign of good design is that you don’t notice them • Its when design fails it is very obvious.
  • 6. Why HCI? • What about other every day products? • Have you ever pulled a door when it was supposed to be pulled? • Think about your mobiles, TV, fridge.
  • 7. Why do so many products fail? • The main reason is the absence of design. • What is design? ❖Understanding the desires, needs, motivations, and contexts of people using products ❖Understanding business, technical, and domain opportunities, requirements, and constraints ❖Using this knowledge as a foundation for plans to create products whose form, content, and behavior are useful, usable, and desirable, as well as economically viable and technically feasible
  • 8. Why digital products fail? • Four main reasons • Misplaces Priorities– on the part of both management and developers • Ignorance about real users • Conflicts of interest • Lack of design process
  • 9. Misplaces Priorities • Marketers • Chasing competition • Making guesses based on surveys • Developers • Have a lot of say regarding what actually gets built. • Have tight deadlines and confusing input about what needs to be built
  • 10. Ignorance about real users • Who will use the product? • Why would they want to use it? • How will they use it? • What are there goals?
  • 11. Conflict of Interest • Developers should not be designers. • Why?
  • 12. Lack of Design Process • Processes exist but may not be followed • Many companies integrate user input directly into the development… • but users can only identify problems but often can not specify the solution
  • 13. Context of HCI • Where can we apply HCI? • Anything with an interface
  • 14. Context of HCI • That includes • Websites • Desk top applications • Mobile apps • Coffee machines • Vending machines • Software in an airplane • … • … • .. • .
  • 15. Good Or Bad Interface?? 15 © Interface Hall of Shame
  • 16. Good or Bad Interface? 16
  • 17. Why is Good Interaction Design Important? 17 • Users time isn’t getting any cheaper • A company may save lots of money by reducing the time it takes it workers to do a task • Few attempts to use any product • If not successful • Loses hope • Gives up • Disasters can occur • Examples • Three Mile Island • Air Inter Flight 148,
  • 18. Three Mile Island 1979, Pensulvania
  • 19. Air Inter Flight 148 19 http://blog.martindoms.com/2011/01/24/poor-ui-design-can-kill/
  • 20. Why are User Interfaces Hard to Design 20 • You are not the user • It is very hard for designers to put themselves in place of the user to understand how they will perceive things • Users are right • If people keep making the same mistakes with your design it’s the fault of the design not the users • But users are not designers • They don’t always know what they want • 1950’s telephone study • Google results per page • 10, 20 or 30 results per page
  • 21. So What is Usability 21 • Dimensions of Usability • Learnability • Efficiency • Visibility • Errors • Satisfaction • All of these are measurable, just as we can say that Algorithm X is more efficient then Algorithm Y we can say Interface X is more Learnable than interface Y • What about when all the requirements haven’t been meet? • Or if a system crashes?
  • 22. Which Dimension of Usability is more Important? 22 • …. Depends on the user • New users would need learnability more • Experts need efficiency • Infrequent users need memorability • But no user is completely novice or expert
  • 23. Why Study HCI? 23 • To develop products / interaction techniques • Easy to use • Easy to learn • Easy to remember • To design user friendly systems • Efficient • Avoid unnecessary complexity
  • 25. Software Eng. VS HCI 25 SoftwareEngineering • System- centered • Software architecture • procedural aspects HumanComputer Interaction • User- centered • Users • Tasks • Context of use
  • 26. Some HCI Subjects 26 • HCI (in general) • Usability eng./testing • User interface design • Human factors/Ergonomics • Web design/usability • Graphic design • Information visualization • Many more…
  • 27. What is wrong with the following 27
  • 28. 28
  • 29. 29
  • 30. Course Learning Outcomes 30 Upon completion of the course, students will be able to: • Explain context of HCI and different measures for evaluation. • Discuss the physical capabilities, cognitive and social models that inform interaction design. • Apply the principles of good design for people from the perspective of age and disabilities. • Implement techniques for user centered design for a medium sized software. • Evaluate the usability of a medium size software user interface. • Discuss various interaction technologies.