1. Human Computer Interaction
Computer Science and Software Engineering
© 2014 Project Lead The Way, Inc.

2. Human Computer Interaction
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Human Computer Interaction
How humans and computers communicate
Input devices: keyboard, mouse, touchscreen
Output devices: screen, speakers
Human computer interaction is an important career field in computer science. HCI designers look at how the user provides information to the computer and how the computer gives information to the user.

3. Future of HCI? Haptics Use sense of touch for output
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Future of HCI?
Haptics
Use sense of touch for output
Use grip pressure as input
Motion and location sensors
Face recognition
Conveying emotion/intent
Use of ambient conversation
3-D images
Gesture detection
Brain scanning or electrodes
Many technologies are in development, with most of these technologies already having early models on the market. See, for example,

4. Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
User Interface Design
Arrangement of controls and the layout and presentation of information
Navigation through menus
HCI encompasses everything that affects how the user experiences using the program, even including what colors and fonts are used. In a website, for example, are users able to find what they need quickly? People have even studied what fonts cause students to learn better! (Surprise… people learn better with complicated fonts that slow them down!)

5. Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Accessibility
Are some people prevented or hindered from using a resource?
Language
Technology
Disability
One important area of HCI is ensuring that the greatest number of people can benefit from a product or service. People can be hindered from using a product if the product makes it difficult for an accompanying program or person to translate words to another human language. Assumptions about what technology the user has can also be limiting. Not everyone has high bandwidth or the browser you expect! Is text offered as a substitute for sound? Are descriptions of images provided for those who are blind?

6. Extending Human Capabilities
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Extending Human Capabilities
Prosthetics: Manufactured devices to replace a body part
Enhanced hearing and vision
A prosthetic is a manufactured device. Prosthetics can be more effective than their biological versions. For example, Oscar Pistorius caused controversy competing at an Olympic level as a sprinter with “Flex-Foot Cheetah” prosthetics. Critics argued this gave him an advantage over runners with natural lower legs and feet.
Around 2000, technologies for directly connecting to the nervous system reached early market stages. In one operation from 2002, two people with tetraplegia underwent a surgery to implant an 8x12 grid of electrodes on their brain stems to control prosthetic limbs. After two years of practice, they were able to gracefully eat and drink with arms.
The human retina only detects the tiny visible portion (familiar as ROYGBIV = red-orange-yellow-green-blue-(indigo)-violet). Since semiconductor CCD arrays can capture images with dimmer visible light, infrared, or ultraviolet “light”, computer-assisted vision can extend beyond our born capabilities.

7. Virtual Reality User experiences “being” somewhere else
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Virtual Reality
User experiences “being” somewhere else
Virtual reality systems let people practice hazardous maneuvers where it’s safe, like this paratrooper.

8. Ergonomics Design for the human body and health
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
Ergonomics
Design for the human body and health
HAZARD: Sitting can strain the back
Stretch frequently
Use good posture
HAZARD: Use can injure the hands
Avoid repetitive strain injuries by attending to your hand positions
Vary mouse and keyboard motions
Designing HCI components requires thinking carefully about the human body’s limitations. Computer use with existing HCI is hazardous particularly to the back and hands. Take precautions. Davorack keyboard???

9. HCI Design Principles Structure: Related elements together
Presentation Name
Course Name
Unit # – Lesson #.# – Lesson Name
HCI Design Principles
Structure: Related elements together
Simple: Common tasks streamlined
Visible: Easy to find controls and information
Feedback: User knows if something worked
Tolerance: User can undo mistakes,
input not required to be overly precise
Reuse: Design consistent across UI
Structure: The interface should be organized, putting related elements together.
Simple: Common tasks should be easy.
Visible: Information and options should be easy to find, without the distraction of unnecessary information.
Feedback: User should be informed of actions, changes in state, and errors.
Tolerance: Mistakes should be easy to undo, and reasonable input should be interpreted.
Reuse: Design should be consistent across components.
 swipe, zoom in/out/ double tap