SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Downloaden Sie, um offline zu lesen
Introduction to HCI
Human Computer Interaction
CIS 4930/6930
Section 1185/4198
Class Goals
►Motivate the field of HCI
►Learn
 Basics of interface design
 Evaluation of interfaces
 HCI research problems
 HCI community (conferences and people)
What the class will look like
► Lectures
► Readings + Quizzes + Presentations (?)
► Initial user study (web interface comparison)
► Final project
 Identify a client
 Create a new interface
 Evaluate the interface
► Differences between undergrad/grad
 Project requirements
Why take this course?
►Build your portfolio
 Work on a project you’ve always wanted
►Study a unique topic
 A computer science course focused on users
►Skill building
 Important in most research
 Burgeoning job field
Intro
► What is a user interface?
► Why do we care about design?
► We see this all the time.
 What’s good about the design of this error box?
► The user knows there is an error
 What’s poor about the design of this error box?
► Discouraging
► Not enough information
► No way to resolve the problem (instructions or contact info)
Definition of HCI
►Human-computer interaction is a discipline
concerned with the design, evaluation and
implementation of interactive computing
systems for human use and with the study
of major phenomena surrounding them.
►ACM SIGCHI Curricula for HCI (Hewett et al.
1992)
►http://sigchi.org/cdg/cdg2.html
Why HCI is Important
► The study of our interface with information.
► It is not just ‘how big should I make buttons’ or ‘how to
layout menu choices’
► It can affect
 Effectiveness
 Productivity
 Morale
 Safety
► Example: a car with poor HCI
► Take 5 minutes for everyone to write down one common
device with substantial HCI design choices and discuss
with the neighbor the pros and cons. How does it affect
you or other users?
My Choice
► iPod by Apple
Computers
► Pros:
 portable
 power
 ease of use
 # of controls
► Cons:
 scratches easily
 no speech for car use
 proprietary
What fields does HCI cover?
►Computer Science
►Psychology (cognitive)
►Communication
►Education
►Anthropology
►Design (e.g. graphic and industrial)
HCI Community
► Academics/Industry Research
 Taxonomies
 Theories
 Predictive models
► Experimenters
 Empirical data
 Product design
► Other areas (Sociologists,
anthropologists, managers)
 Motor
 Perceptual
 Cognitive
 Social, economic, ethics
HCI Tools
► Sound
► 3D
► Animation
► Video
► Devices
 Size (small->very large)
 Portable (PDA, phone)
 Plasticity
► Context sensitive/aware
► Personalizable
► Ubiquitous
Usability Requirements
► Goals:
 Usability
 Universality
 Usefulness
► Achieved by:
 Planning
 Sensitivity to user
needs
 Devotion to
requirements analysis
 Testing
Bad Interfaces
► Encumbering
► Confusing
► Slow
► Trust (ex. windows
crashing)
► What makes it hard?
 Varies by culture
 Multiple platforms
 Variety of users
► What’s wrong with each?
 Type of error
 Who is affected
 Impact
► What’s a redesign solution?
Requirements Analysis
1. Ascertain users’ needs
2. Ensure proper reliability
3. Promote appropriate standardization, integration,
consistency, and portability
4. Complete projects on schedule and within budget
Ascertain User’s Needs
► Define tasks
 Tasks
 Subtasks
► Frequency
 Frequent
 Occasional
 Exceptional
 Repair
► Ex. difference between a space
satellite, car engine, and fighter jet
Reliability
► Actions function as specified
► Data displayed must be
correct
► Updates done correctly
► Leads to trust! (software,
hardware, information) –
case: Pentium floating point
bug
► Privacy, security, access, data
destruction, tampering
Standardization, Integration,
Consistency, Portability
► Standardization – common user-interface features across
multiple applications
 Apple
 Web
 Windows
► Integration – across application packages
 file formats
► Consistency – common action sequences, terms, units,
layouts, color, typography within an application
► Portability – convert data and interfaces across multiple
hardware and software environments
 Word/HTML/PDF/ASCII
Case Study: Library of Congress
Database Design
►http://catalog.loc.gov/
► Two interfaces
 Catalog New Books
► 3-6 hour training course - staffers
 Search Catalog of Books
► General public – too complex, command language and complex
cataloging rules
► Solution
 Touch screen
 Reduced functionality
 Better information presentation
► Eventually Web based interface
► Same database and services, different interfaces
Usability Measures
► How can we measure the
‘goodness’ of an interface?
► What are good metrics?
► ISO 9241
 Effectiveness
 Efficiency
 Satisfaction
► Schneiderman
 Time to learn
 Speed of performance
 Rate of errors
 Retention over time
 Subjective satisfaction
Usability Motivations
► Life-Critical systems
 Applications: air traffic, nuclear reactors, military, emergency
dispatch
 Requirements: reliability and effective (even under stress)
 Not as important: cost, long training, satisfaction, retention
► Industrial and Commercial Use
 Applications: banking, insurance, inventory, reservations
 Requirements: short training, ease of use/learning, multiple
languages, adapt to local cultures, multiplatform, speed
► Office, Home, and Entertainment
 Applications: E-mail, ATMs, games, education, search engines,
cell phones/PDA
 Requirements: Ease of learning/use/retention, error rates,
satisfaction
 Difficulties: cost, size
•Time to learn
•Speed of performance
•Rate of errors
•Retention over time
•Subjective satisfaction
Usability Motivations
► Exploratory, Creative, Collaborative
 Applications: Web browsing, search engines,
simulations, scientific visualization, CAD, computer
graphics, music composition/artist, photo arranger
(email photos)
 Requirements: remove the ‘computer’ from the
experience,
 Difficulties: user tech savvy-ness (apply this to
application examples)
► Socio-technical systems
 Applications: health care, voting, police
 Requirements: Trust, security, accuracy, veracity, error
handling, user tech-savy-ness
•Time to learn
•Speed of performance
•Rate of errors
•Retention over time
•Subjective satisfaction
Universal Usability
► Interface should handle diversity of
users
 Backgrounds
 Abilities
 Motivation
 Personalities
 Cultures
► Question, how would you design an
interface to a database differently for:
 A. right-handed female, Indian, software
engineer, technology savvy, wants rapid
interaction
 B. left-handed male, French, artist
Universal Usability
► Does not mean ‘dumbing down’
 Ex. Helping disabled has helped
others (parents w/ strollers, elderly)
 Ex. Door handles
► Goal: Address the needs of more
users - unlike yourself!
► Everyone is often not at full
faculties at all times
Physical Variation
► Ability
 Disabled (elderly,
handicapped, vision,
ambidexterity, ability to see
in stereo [SUTHERLAND])
 Speed
 Color deficiency
► Workspace (science of
ergonomics)
 Size
 Design
► Lots of prior research
Physical Variation
► Field of anthropometry
 Measures of what is 5-95% for
weight, height, etc. (static and
dynamic)
 Large variance reminds us there is
great ‘variety’
 Name some devices that this
would affect.
► note most keyboards are the
same
► screen brightness varies
considerably
► chair height, back height, display
angle
► Multi-modal interfaces
► Audio
► Touch screens
Cognitive and Perceptual Variation
► Bloom’s Taxonomy
 knowledge,
comprehension,
analysis, application,
synthesis, evaluation
► Memory
 short-term and working
 long-term and semantic
► Problem solving and
reasoning
► Decision making
► Language and
communication
Cognitive and Perceptual Variation
► Language and
communication
► Search, imagery,
sensory memory
► Learning, skill
development,
knowledge acquisition
► Confounding factors:
 Fatigue
 Cognitive load
 Background
 Boredom
 Fear
 Drugs/alcohol
Personality
► Computer anxiety
► Gender
 Which games do women like?
 Pac-man, Donkey Kong, Tetris
 Why? (Hypotheses: less violent,
quieter soundtracks, fully visible
playing fields, softer colors,
personality, closure/completeness)
 Can we measure this?
► What current games are for
women?
► Style, pace, top-down/bottom-
up, visual/audio learners, dense
vs. sparse data
Personality
► No simple taxonomy of user
personality types. Ex. Myers-
Briggs Type Indicator
 Extrovert vs. introvert
 Sensing vs. intuition
 Perceptive vs. judging
 Feeling vs. thinking
► Weak link between personality
types and interfaces
► Think about your application,
and see if user personality is
important!
 Fighter jets vs. search engines
Cultural and International Diversity
► Language
► Date / Time conventions
► Weights and Measures
► Left-to-right
► Directions (!)
► Telephone #s and addresses
► Names, titles, salutations
► SSN, ID, passport
► Sorting
► Icons, buttons, colors
► Etiquette
► Evaluation:
 Local experts/usability studies
Users with Disabilities
► Federal law to ensure access to IT, including computers and
web sites. (1998 Amendment to Rehabilitation Act)
► Disabilities
 Vision
► Blind (bill-reader)
► low-vision
► color-blind
 Hearing
► Deaf
► Limited hearing
 Mobility
 Learning
► Dyslexia
► Attention deficient, hemisphere specific, etc.
► Keyboard and mouse alternatives
► Color coding
► Font-size
Users with Disabilities
► Contrast
► Text descriptors for web
images
► Screen magnification
► Text to Speech (TTS) –
JAWS (web pages)
 Check email on the road, in
bright sunshine, riding a bike
► Speech Recognition
► Head mounted optical mice
Users with Disabilities
► Eye Gaze control
► Learning what helps those with
disabilities affects everyone
 Present procedures, directions,
and instructions accessible to even
poor readers
 Design feedback sequences that
explain the reason for error and
help put users on the right track
 Reinforcement techniques with
other devices
► Good target area for a final
project!
Elderly
► Reduced
 Motor skills
 Perception
 Vision, hearing, touch, mobility
 Speed
 Memory
► Other needs
 Technology experience is varied
(How many grandmothers use
email? mothers?)
 Uninformed on how technology
could help them
 Practice skills (hand-eye, problem
solving, etc.)
► Touch screens, larger fonts,
louder sounds
Children
► Technology saviness?
► Age changes much:
 Physical dexterity
►(double-clicking, click and drag, and small targets)
 Attention span
 (vaguely) Intelligence
► Varied backgrounds (socio-economic)
► Goals
 Educational acceleration
 Socialization with peers
 Psychological - improve self-image, self-confidence
 Creativity – art, music, etc. exploration
Children
► Teenagers are a special group
 Next generation
 Beta test new interfaces, trends
 Cell phones, text messages, simulations, fantasy
games, virtual worlds
► Requires Safety
► They
 Like exploring (easy to reset state)
 Don’t mind making mistakes
 Like familiar characters and repetition (ever had to
babysit a kid with an Ice Age DVD?)
 Don’t like patronizing comments, inappropriate humor
► Design: Focus groups
Accommodating Hardware and
Software Diversity
► Support a wide range of hardware and software
platforms
► Software and hardware evolution
 OS, application, browsers, capabilities
 backward compatibility is a good goal
► Three major technical challenges are:
 Producing satisfying and effective Internet interaction
(broadband vs. dial-up & wireless)
 Enabling web services from large to small (size and
resolution)
 Support easy maintenance of or automatic conversion to
multiple languages
HCI Goals
► Influence academic and industrial researchers
 Understand a problem and related theory
 Hypothesis and testing
 Study design (we’ll do this!)
 Interpret results
► Provide tools, techniques and knowledge for
commercial developers
 competitive advantage (think ipod)
► Raising the computer consciousness of the general
public
 Reduce computer anxiety (error messages)
 Common fears:
► I’ll break it
► I’ll make a mistake
► The computer is smarter than me
 HCI contributes to this!
Near & Future Interfaces
►Let’s review
►Minority Report
►Steel Battalion
►Eye Toy
►Dance Dance Revolution
►Nintendo Wii
•Time to learn
•Speed of performance
•Rate of errors
•Retention over time
•Subjective satisfaction

Más contenido relacionado

Ähnlich wie Introduction to HCI.ppt

Data as a service: a human-centered design approach/Retha de la Harpe
Data as a service: a human-centered design approach/Retha de la HarpeData as a service: a human-centered design approach/Retha de la Harpe
Data as a service: a human-centered design approach/Retha de la HarpeAfrican Open Science Platform
 
Hardware is hard(er)
Hardware is hard(er)Hardware is hard(er)
Hardware is hard(er)Thoughtworks
 
Top Trends Guiding Tech Use in Your Career Practice
Top Trends Guiding Tech Use in Your Career PracticeTop Trends Guiding Tech Use in Your Career Practice
Top Trends Guiding Tech Use in Your Career PracticeMelissa A. Venable
 
Human Factors at the Grid Edge
Human Factors at the Grid EdgeHuman Factors at the Grid Edge
Human Factors at the Grid EdgeCori Faklaris
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer InteractionSeta Wicaksana
 
Universally Designed Learning Spaces: Some Considerations
Universally Designed Learning Spaces: Some ConsiderationsUniversally Designed Learning Spaces: Some Considerations
Universally Designed Learning Spaces: Some ConsiderationsDamian T. Gordon
 
Toward a socio-technical pattern language
Toward a socio-technical pattern languageToward a socio-technical pattern language
Toward a socio-technical pattern languageJohn Thomas
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
Workshop
WorkshopWorkshop
Workshopliddy
 
Mobile Learning & New Trends
Mobile Learning & New TrendsMobile Learning & New Trends
Mobile Learning & New TrendsEADTU
 
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 productsDavid Little
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 
Design considerations for machine learning system
Design considerations for machine learning systemDesign considerations for machine learning system
Design considerations for machine learning systemAkemi Tazaki
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1HARISA MARDIANA
 
Emergent Learning Networks: Collaboration 2005 Q
Emergent Learning Networks: Collaboration 2005 QEmergent Learning Networks: Collaboration 2005 Q
Emergent Learning Networks: Collaboration 2005 QVideoguy
 
Alex wright mons_workshop_051214
Alex wright mons_workshop_051214Alex wright mons_workshop_051214
Alex wright mons_workshop_051214LeMundaneum
 

Ähnlich wie Introduction to HCI.ppt (20)

Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
Data as a service: a human-centered design approach/Retha de la Harpe
Data as a service: a human-centered design approach/Retha de la HarpeData as a service: a human-centered design approach/Retha de la Harpe
Data as a service: a human-centered design approach/Retha de la Harpe
 
UX Research
UX ResearchUX Research
UX Research
 
Hardware is hard(er)
Hardware is hard(er)Hardware is hard(er)
Hardware is hard(er)
 
Top Trends Guiding Tech Use in Your Career Practice
Top Trends Guiding Tech Use in Your Career PracticeTop Trends Guiding Tech Use in Your Career Practice
Top Trends Guiding Tech Use in Your Career Practice
 
Human Factors at the Grid Edge
Human Factors at the Grid EdgeHuman Factors at the Grid Edge
Human Factors at the Grid Edge
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
Universally Designed Learning Spaces: Some Considerations
Universally Designed Learning Spaces: Some ConsiderationsUniversally Designed Learning Spaces: Some Considerations
Universally Designed Learning Spaces: Some Considerations
 
Toward a socio-technical pattern language
Toward a socio-technical pattern languageToward a socio-technical pattern language
Toward a socio-technical pattern language
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Workshop
WorkshopWorkshop
Workshop
 
Mobile Learning & New Trends
Mobile Learning & New TrendsMobile Learning & New Trends
Mobile Learning & New Trends
 
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
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Ethics andtel
Ethics andtelEthics andtel
Ethics andtel
 
Design considerations for machine learning system
Design considerations for machine learning systemDesign considerations for machine learning system
Design considerations for machine learning system
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
Emergent Learning Networks: Collaboration 2005 Q
Emergent Learning Networks: Collaboration 2005 QEmergent Learning Networks: Collaboration 2005 Q
Emergent Learning Networks: Collaboration 2005 Q
 
Alex wright mons_workshop_051214
Alex wright mons_workshop_051214Alex wright mons_workshop_051214
Alex wright mons_workshop_051214
 
Hci Map
Hci MapHci Map
Hci Map
 

Último

From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and businessFrancesco Corti
 
Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.IPLOOK Networks
 
Graphene Quantum Dots-Based Composites for Biomedical Applications
Graphene Quantum Dots-Based Composites for  Biomedical ApplicationsGraphene Quantum Dots-Based Composites for  Biomedical Applications
Graphene Quantum Dots-Based Composites for Biomedical Applicationsnooralam814309
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechProduct School
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTopCSSGallery
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxNeo4j
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)IES VE
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingMAGNIntelligence
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1DianaGray10
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameKapil Thakar
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3DianaGray10
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc
 
UiPath Studio Web workshop series - Day 4
UiPath Studio Web workshop series - Day 4UiPath Studio Web workshop series - Day 4
UiPath Studio Web workshop series - Day 4DianaGray10
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)codyslingerland1
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNeo4j
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveIES VE
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Alkin Tezuysal
 
Patch notes explaining DISARM Version 1.4 update
Patch notes explaining DISARM Version 1.4 updatePatch notes explaining DISARM Version 1.4 update
Patch notes explaining DISARM Version 1.4 updateadam112203
 

Último (20)

From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and business
 
Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.
 
Graphene Quantum Dots-Based Composites for Biomedical Applications
Graphene Quantum Dots-Based Composites for  Biomedical ApplicationsGraphene Quantum Dots-Based Composites for  Biomedical Applications
Graphene Quantum Dots-Based Composites for Biomedical Applications
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development Companies
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced Computing
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First Frame
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
 
UiPath Studio Web workshop series - Day 4
UiPath Studio Web workshop series - Day 4UiPath Studio Web workshop series - Day 4
UiPath Studio Web workshop series - Day 4
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)
 
SheDev 2024
SheDev 2024SheDev 2024
SheDev 2024
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4j
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
 
Patch notes explaining DISARM Version 1.4 update
Patch notes explaining DISARM Version 1.4 updatePatch notes explaining DISARM Version 1.4 update
Patch notes explaining DISARM Version 1.4 update
 

Introduction to HCI.ppt

  • 1. Introduction to HCI Human Computer Interaction CIS 4930/6930 Section 1185/4198
  • 2. Class Goals ►Motivate the field of HCI ►Learn  Basics of interface design  Evaluation of interfaces  HCI research problems  HCI community (conferences and people)
  • 3. What the class will look like ► Lectures ► Readings + Quizzes + Presentations (?) ► Initial user study (web interface comparison) ► Final project  Identify a client  Create a new interface  Evaluate the interface ► Differences between undergrad/grad  Project requirements
  • 4. Why take this course? ►Build your portfolio  Work on a project you’ve always wanted ►Study a unique topic  A computer science course focused on users ►Skill building  Important in most research  Burgeoning job field
  • 5. Intro ► What is a user interface? ► Why do we care about design? ► We see this all the time.  What’s good about the design of this error box? ► The user knows there is an error  What’s poor about the design of this error box? ► Discouraging ► Not enough information ► No way to resolve the problem (instructions or contact info)
  • 6. Definition of HCI ►Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them. ►ACM SIGCHI Curricula for HCI (Hewett et al. 1992) ►http://sigchi.org/cdg/cdg2.html
  • 7. Why HCI is Important ► The study of our interface with information. ► It is not just ‘how big should I make buttons’ or ‘how to layout menu choices’ ► It can affect  Effectiveness  Productivity  Morale  Safety ► Example: a car with poor HCI ► Take 5 minutes for everyone to write down one common device with substantial HCI design choices and discuss with the neighbor the pros and cons. How does it affect you or other users?
  • 8. My Choice ► iPod by Apple Computers ► Pros:  portable  power  ease of use  # of controls ► Cons:  scratches easily  no speech for car use  proprietary
  • 9. What fields does HCI cover? ►Computer Science ►Psychology (cognitive) ►Communication ►Education ►Anthropology ►Design (e.g. graphic and industrial)
  • 10. HCI Community ► Academics/Industry Research  Taxonomies  Theories  Predictive models ► Experimenters  Empirical data  Product design ► Other areas (Sociologists, anthropologists, managers)  Motor  Perceptual  Cognitive  Social, economic, ethics
  • 11. HCI Tools ► Sound ► 3D ► Animation ► Video ► Devices  Size (small->very large)  Portable (PDA, phone)  Plasticity ► Context sensitive/aware ► Personalizable ► Ubiquitous
  • 12. Usability Requirements ► Goals:  Usability  Universality  Usefulness ► Achieved by:  Planning  Sensitivity to user needs  Devotion to requirements analysis  Testing
  • 13. Bad Interfaces ► Encumbering ► Confusing ► Slow ► Trust (ex. windows crashing) ► What makes it hard?  Varies by culture  Multiple platforms  Variety of users
  • 14. ► What’s wrong with each?  Type of error  Who is affected  Impact ► What’s a redesign solution?
  • 15. Requirements Analysis 1. Ascertain users’ needs 2. Ensure proper reliability 3. Promote appropriate standardization, integration, consistency, and portability 4. Complete projects on schedule and within budget
  • 16. Ascertain User’s Needs ► Define tasks  Tasks  Subtasks ► Frequency  Frequent  Occasional  Exceptional  Repair ► Ex. difference between a space satellite, car engine, and fighter jet
  • 17. Reliability ► Actions function as specified ► Data displayed must be correct ► Updates done correctly ► Leads to trust! (software, hardware, information) – case: Pentium floating point bug ► Privacy, security, access, data destruction, tampering
  • 18. Standardization, Integration, Consistency, Portability ► Standardization – common user-interface features across multiple applications  Apple  Web  Windows ► Integration – across application packages  file formats ► Consistency – common action sequences, terms, units, layouts, color, typography within an application ► Portability – convert data and interfaces across multiple hardware and software environments  Word/HTML/PDF/ASCII
  • 19. Case Study: Library of Congress Database Design ►http://catalog.loc.gov/ ► Two interfaces  Catalog New Books ► 3-6 hour training course - staffers  Search Catalog of Books ► General public – too complex, command language and complex cataloging rules ► Solution  Touch screen  Reduced functionality  Better information presentation ► Eventually Web based interface ► Same database and services, different interfaces
  • 20. Usability Measures ► How can we measure the ‘goodness’ of an interface? ► What are good metrics? ► ISO 9241  Effectiveness  Efficiency  Satisfaction ► Schneiderman  Time to learn  Speed of performance  Rate of errors  Retention over time  Subjective satisfaction
  • 21. Usability Motivations ► Life-Critical systems  Applications: air traffic, nuclear reactors, military, emergency dispatch  Requirements: reliability and effective (even under stress)  Not as important: cost, long training, satisfaction, retention ► Industrial and Commercial Use  Applications: banking, insurance, inventory, reservations  Requirements: short training, ease of use/learning, multiple languages, adapt to local cultures, multiplatform, speed ► Office, Home, and Entertainment  Applications: E-mail, ATMs, games, education, search engines, cell phones/PDA  Requirements: Ease of learning/use/retention, error rates, satisfaction  Difficulties: cost, size •Time to learn •Speed of performance •Rate of errors •Retention over time •Subjective satisfaction
  • 22. Usability Motivations ► Exploratory, Creative, Collaborative  Applications: Web browsing, search engines, simulations, scientific visualization, CAD, computer graphics, music composition/artist, photo arranger (email photos)  Requirements: remove the ‘computer’ from the experience,  Difficulties: user tech savvy-ness (apply this to application examples) ► Socio-technical systems  Applications: health care, voting, police  Requirements: Trust, security, accuracy, veracity, error handling, user tech-savy-ness •Time to learn •Speed of performance •Rate of errors •Retention over time •Subjective satisfaction
  • 23. Universal Usability ► Interface should handle diversity of users  Backgrounds  Abilities  Motivation  Personalities  Cultures ► Question, how would you design an interface to a database differently for:  A. right-handed female, Indian, software engineer, technology savvy, wants rapid interaction  B. left-handed male, French, artist
  • 24. Universal Usability ► Does not mean ‘dumbing down’  Ex. Helping disabled has helped others (parents w/ strollers, elderly)  Ex. Door handles ► Goal: Address the needs of more users - unlike yourself! ► Everyone is often not at full faculties at all times
  • 25. Physical Variation ► Ability  Disabled (elderly, handicapped, vision, ambidexterity, ability to see in stereo [SUTHERLAND])  Speed  Color deficiency ► Workspace (science of ergonomics)  Size  Design ► Lots of prior research
  • 26. Physical Variation ► Field of anthropometry  Measures of what is 5-95% for weight, height, etc. (static and dynamic)  Large variance reminds us there is great ‘variety’  Name some devices that this would affect. ► note most keyboards are the same ► screen brightness varies considerably ► chair height, back height, display angle ► Multi-modal interfaces ► Audio ► Touch screens
  • 27. Cognitive and Perceptual Variation ► Bloom’s Taxonomy  knowledge, comprehension, analysis, application, synthesis, evaluation ► Memory  short-term and working  long-term and semantic ► Problem solving and reasoning ► Decision making ► Language and communication
  • 28. Cognitive and Perceptual Variation ► Language and communication ► Search, imagery, sensory memory ► Learning, skill development, knowledge acquisition ► Confounding factors:  Fatigue  Cognitive load  Background  Boredom  Fear  Drugs/alcohol
  • 29. Personality ► Computer anxiety ► Gender  Which games do women like?  Pac-man, Donkey Kong, Tetris  Why? (Hypotheses: less violent, quieter soundtracks, fully visible playing fields, softer colors, personality, closure/completeness)  Can we measure this? ► What current games are for women? ► Style, pace, top-down/bottom- up, visual/audio learners, dense vs. sparse data
  • 30. Personality ► No simple taxonomy of user personality types. Ex. Myers- Briggs Type Indicator  Extrovert vs. introvert  Sensing vs. intuition  Perceptive vs. judging  Feeling vs. thinking ► Weak link between personality types and interfaces ► Think about your application, and see if user personality is important!  Fighter jets vs. search engines
  • 31. Cultural and International Diversity ► Language ► Date / Time conventions ► Weights and Measures ► Left-to-right ► Directions (!) ► Telephone #s and addresses ► Names, titles, salutations ► SSN, ID, passport ► Sorting ► Icons, buttons, colors ► Etiquette ► Evaluation:  Local experts/usability studies
  • 32. Users with Disabilities ► Federal law to ensure access to IT, including computers and web sites. (1998 Amendment to Rehabilitation Act) ► Disabilities  Vision ► Blind (bill-reader) ► low-vision ► color-blind  Hearing ► Deaf ► Limited hearing  Mobility  Learning ► Dyslexia ► Attention deficient, hemisphere specific, etc. ► Keyboard and mouse alternatives ► Color coding ► Font-size
  • 33. Users with Disabilities ► Contrast ► Text descriptors for web images ► Screen magnification ► Text to Speech (TTS) – JAWS (web pages)  Check email on the road, in bright sunshine, riding a bike ► Speech Recognition ► Head mounted optical mice
  • 34. Users with Disabilities ► Eye Gaze control ► Learning what helps those with disabilities affects everyone  Present procedures, directions, and instructions accessible to even poor readers  Design feedback sequences that explain the reason for error and help put users on the right track  Reinforcement techniques with other devices ► Good target area for a final project!
  • 35. Elderly ► Reduced  Motor skills  Perception  Vision, hearing, touch, mobility  Speed  Memory ► Other needs  Technology experience is varied (How many grandmothers use email? mothers?)  Uninformed on how technology could help them  Practice skills (hand-eye, problem solving, etc.) ► Touch screens, larger fonts, louder sounds
  • 36. Children ► Technology saviness? ► Age changes much:  Physical dexterity ►(double-clicking, click and drag, and small targets)  Attention span  (vaguely) Intelligence ► Varied backgrounds (socio-economic) ► Goals  Educational acceleration  Socialization with peers  Psychological - improve self-image, self-confidence  Creativity – art, music, etc. exploration
  • 37. Children ► Teenagers are a special group  Next generation  Beta test new interfaces, trends  Cell phones, text messages, simulations, fantasy games, virtual worlds ► Requires Safety ► They  Like exploring (easy to reset state)  Don’t mind making mistakes  Like familiar characters and repetition (ever had to babysit a kid with an Ice Age DVD?)  Don’t like patronizing comments, inappropriate humor ► Design: Focus groups
  • 38. Accommodating Hardware and Software Diversity ► Support a wide range of hardware and software platforms ► Software and hardware evolution  OS, application, browsers, capabilities  backward compatibility is a good goal ► Three major technical challenges are:  Producing satisfying and effective Internet interaction (broadband vs. dial-up & wireless)  Enabling web services from large to small (size and resolution)  Support easy maintenance of or automatic conversion to multiple languages
  • 39. HCI Goals ► Influence academic and industrial researchers  Understand a problem and related theory  Hypothesis and testing  Study design (we’ll do this!)  Interpret results ► Provide tools, techniques and knowledge for commercial developers  competitive advantage (think ipod) ► Raising the computer consciousness of the general public  Reduce computer anxiety (error messages)  Common fears: ► I’ll break it ► I’ll make a mistake ► The computer is smarter than me  HCI contributes to this!
  • 40. Near & Future Interfaces ►Let’s review ►Minority Report ►Steel Battalion ►Eye Toy ►Dance Dance Revolution ►Nintendo Wii •Time to learn •Speed of performance •Rate of errors •Retention over time •Subjective satisfaction