SlideShare a Scribd company logo
1 of 9
Design Fun
Supplemental Discussion Material for
Human Computer Interaction Courses
Produced by Steven Mann, Drexel University, BSIS ‘93, MSIS ’15
Version 1.1
Confusing Dialog
What makes this dialog confusing? Can you tell
what the buttons do versus the checkbox?
What may be changed to make this more user-
friendly?
Symbols and Labels
What minor tweak could be made to improve the
design of this sign?
If the tweak were made, are the labels necessary?
Are there any other things that could be done (based
on the photo)?
User Error vs. Bad Design
Were the burnt knobs a result of user error or a bad
design? Discuss.
“Norman” Doors
Why do you think these door handles are always loose?
Color Choices
What’s wrong with this picture?
Feedback
TMI? Discuss in terms of user-centered design.
Labels and Natural Mapping
What do the white lines mean? Is the Push label
necessary?
Discuss the chair control design. Is it naturally mapped?
Knowledge in the Head/World
What impact does changing the name of the lottery
games have in regards to usability?
Source: The Pennsylvania Lottery (http://www.palottery.state.pa.us/)

More Related Content

Viewers also liked

Process analysis cnbirriel
Process analysis cnbirrielProcess analysis cnbirriel
Process analysis cnbirrielCnataliaB3104
 
SMC050 social media en ROI Bart van der Kooi
SMC050 social media en ROI Bart van der KooiSMC050 social media en ROI Bart van der Kooi
SMC050 social media en ROI Bart van der Kooijarnosmart
 
Presentazione illuminazione
Presentazione illuminazionePresentazione illuminazione
Presentazione illuminazioneannasilvia94
 
A complete guide to delete iphone
A complete guide to delete iphoneA complete guide to delete iphone
A complete guide to delete iphoneCatherine Lee
 
BMW - MINI Social Media Bijeenkomst. Social Media Kickstart
BMW - MINI Social Media Bijeenkomst. Social Media KickstartBMW - MINI Social Media Bijeenkomst. Social Media Kickstart
BMW - MINI Social Media Bijeenkomst. Social Media Kickstartjarnosmart
 
Story: tiles solution for your home
Story: tiles solution for your homeStory: tiles solution for your home
Story: tiles solution for your homeChiara Supergres
 
En tic confio johana
En tic confio johanaEn tic confio johana
En tic confio johana6707836
 
Socialiteren; Solliciteren met Social Media UWV 2014
Socialiteren; Solliciteren met Social Media UWV 2014Socialiteren; Solliciteren met Social Media UWV 2014
Socialiteren; Solliciteren met Social Media UWV 2014jarnosmart
 
Processor klockfrekvens
Processor klockfrekvensProcessor klockfrekvens
Processor klockfrekvenstazh1200
 
Kuub 4e dagdeel
Kuub 4e dagdeelKuub 4e dagdeel
Kuub 4e dagdeeljarnosmart
 
Σεμινάριο προς ελευθεροεπαγγελματίες ιατρούς
Σεμινάριο  προς ελευθεροεπαγγελματίες ιατρούςΣεμινάριο  προς ελευθεροεπαγγελματίες ιατρούς
Σεμινάριο προς ελευθεροεπαγγελματίες ιατρούς83612222
 
User manual of Protruly PC/TV digital signage
User manual of Protruly PC/TV digital signageUser manual of Protruly PC/TV digital signage
User manual of Protruly PC/TV digital signageCatherine Lee
 
Oxygen Absorbers & Humidity Indicating Cards
Oxygen Absorbers & Humidity Indicating CardsOxygen Absorbers & Humidity Indicating Cards
Oxygen Absorbers & Humidity Indicating CardsSORBEAD INDIA
 

Viewers also liked (20)

Exercici2
Exercici2Exercici2
Exercici2
 
Edo1
Edo1Edo1
Edo1
 
Barranquilla
BarranquillaBarranquilla
Barranquilla
 
school
schoolschool
school
 
Process analysis cnbirriel
Process analysis cnbirrielProcess analysis cnbirriel
Process analysis cnbirriel
 
SMC050 social media en ROI Bart van der Kooi
SMC050 social media en ROI Bart van der KooiSMC050 social media en ROI Bart van der Kooi
SMC050 social media en ROI Bart van der Kooi
 
Presentazione illuminazione
Presentazione illuminazionePresentazione illuminazione
Presentazione illuminazione
 
A complete guide to delete iphone
A complete guide to delete iphoneA complete guide to delete iphone
A complete guide to delete iphone
 
BMW - MINI Social Media Bijeenkomst. Social Media Kickstart
BMW - MINI Social Media Bijeenkomst. Social Media KickstartBMW - MINI Social Media Bijeenkomst. Social Media Kickstart
BMW - MINI Social Media Bijeenkomst. Social Media Kickstart
 
Story: tiles solution for your home
Story: tiles solution for your homeStory: tiles solution for your home
Story: tiles solution for your home
 
En tic confio johana
En tic confio johanaEn tic confio johana
En tic confio johana
 
Socialiteren; Solliciteren met Social Media UWV 2014
Socialiteren; Solliciteren met Social Media UWV 2014Socialiteren; Solliciteren met Social Media UWV 2014
Socialiteren; Solliciteren met Social Media UWV 2014
 
Processor klockfrekvens
Processor klockfrekvensProcessor klockfrekvens
Processor klockfrekvens
 
Managing f bfanpage
Managing f bfanpageManaging f bfanpage
Managing f bfanpage
 
Kuub 4e dagdeel
Kuub 4e dagdeelKuub 4e dagdeel
Kuub 4e dagdeel
 
Σεμινάριο προς ελευθεροεπαγγελματίες ιατρούς
Σεμινάριο  προς ελευθεροεπαγγελματίες ιατρούςΣεμινάριο  προς ελευθεροεπαγγελματίες ιατρούς
Σεμινάριο προς ελευθεροεπαγγελματίες ιατρούς
 
User manual of Protruly PC/TV digital signage
User manual of Protruly PC/TV digital signageUser manual of Protruly PC/TV digital signage
User manual of Protruly PC/TV digital signage
 
Bedroom project
Bedroom projectBedroom project
Bedroom project
 
Exercici1
Exercici1Exercici1
Exercici1
 
Oxygen Absorbers & Humidity Indicating Cards
Oxygen Absorbers & Humidity Indicating CardsOxygen Absorbers & Humidity Indicating Cards
Oxygen Absorbers & Humidity Indicating Cards
 

Similar to Design Fun: HCI Course Discussion Materials

What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slidesoopscrash1
 
Game Design Patterns Workshop - FDG2012 - Opening Remarks
Game Design Patterns Workshop - FDG2012 - Opening RemarksGame Design Patterns Workshop - FDG2012 - Opening Remarks
Game Design Patterns Workshop - FDG2012 - Opening RemarksJose Zagal
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Projectxyz01
 
MSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability EvaluationMSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability Evaluationkathyjl
 
Graphic Design For Developers
Graphic Design For DevelopersGraphic Design For Developers
Graphic Design For DevelopersFrank La Vigne
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesBruce Elgort
 
Game Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowGame Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowDavid Farrell
 
Interactively Evolving User Interfaces
Interactively Evolving User InterfacesInteractively Evolving User Interfaces
Interactively Evolving User InterfacesJuan Quiroz
 
Making Voting Accessible
Making Voting Accessible Making Voting Accessible
Making Voting Accessible Dana Chisnell
 
From Developer to Devigner
From Developer to DevignerFrom Developer to Devigner
From Developer to DevignerFrank La Vigne
 
Format Matters - How presentation affects understanding
Format Matters - How presentation affects understandingFormat Matters - How presentation affects understanding
Format Matters - How presentation affects understandingMike Rice
 
Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampFrank La Vigne
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interactionnur ezzaty
 
Human Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook MessengerHuman Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook MessengerKeet Sugathadasa
 
The Saga of Accessible Colors
The Saga of Accessible ColorsThe Saga of Accessible Colors
The Saga of Accessible ColorsTed Drake
 

Similar to Design Fun: HCI Course Discussion Materials (20)

Psychology
PsychologyPsychology
Psychology
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
 
Chap12
Chap12Chap12
Chap12
 
Game Design Patterns Workshop - FDG2012 - Opening Remarks
Game Design Patterns Workshop - FDG2012 - Opening RemarksGame Design Patterns Workshop - FDG2012 - Opening Remarks
Game Design Patterns Workshop - FDG2012 - Opening Remarks
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
 
MSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability EvaluationMSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability Evaluation
 
Graphic Design For Developers
Graphic Design For DevelopersGraphic Design For Developers
Graphic Design For Developers
 
From Zero to Hero
From Zero to HeroFrom Zero to Hero
From Zero to Hero
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst Practices
 
Game Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowGame Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu Flow
 
Interactively Evolving User Interfaces
Interactively Evolving User InterfacesInteractively Evolving User Interfaces
Interactively Evolving User Interfaces
 
Making Voting Accessible
Making Voting Accessible Making Voting Accessible
Making Voting Accessible
 
From Developer to Devigner
From Developer to DevignerFrom Developer to Devigner
From Developer to Devigner
 
Format Matters - How presentation affects understanding
Format Matters - How presentation affects understandingFormat Matters - How presentation affects understanding
Format Matters - How presentation affects understanding
 
Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code Camp
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interaction
 
Human Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook MessengerHuman Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook Messenger
 
The Saga of Accessible Colors
The Saga of Accessible ColorsThe Saga of Accessible Colors
The Saga of Accessible Colors
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 

Design Fun: HCI Course Discussion Materials

  • 1. Design Fun Supplemental Discussion Material for Human Computer Interaction Courses Produced by Steven Mann, Drexel University, BSIS ‘93, MSIS ’15 Version 1.1
  • 2. Confusing Dialog What makes this dialog confusing? Can you tell what the buttons do versus the checkbox? What may be changed to make this more user- friendly?
  • 3. Symbols and Labels What minor tweak could be made to improve the design of this sign? If the tweak were made, are the labels necessary? Are there any other things that could be done (based on the photo)?
  • 4. User Error vs. Bad Design Were the burnt knobs a result of user error or a bad design? Discuss.
  • 5. “Norman” Doors Why do you think these door handles are always loose?
  • 6. Color Choices What’s wrong with this picture?
  • 7. Feedback TMI? Discuss in terms of user-centered design.
  • 8. Labels and Natural Mapping What do the white lines mean? Is the Push label necessary? Discuss the chair control design. Is it naturally mapped?
  • 9. Knowledge in the Head/World What impact does changing the name of the lottery games have in regards to usability? Source: The Pennsylvania Lottery (http://www.palottery.state.pa.us/)