Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter 11: Interaction Styles Chapter 12: Choosing Interaction Devices: Hardware Components Chapter 13: Choosing Interaction Components: Software Components Chapter 14: Moving from Choosing Components into Design Areas Chapter 16: Designing a Graphical User Interface (GUI) Chapter 17: Designing for the Web Chapter 18: The Design of Embedded Computer Systems and Small Devices Midterm, Chapters: Chapters 1-6, 8-11 & History of HCI, Short answer and Essay

Hardware Components Input –Keyboards –Pointing devices –Other Output –Screen –Sound –Other

Software Components Text (typography) Color Images Moving Images Sound

Fonts Serif font – Improves readability for long, extended text Sans serif font –Improves legibility for headlines, headings, captions Monospace font

Font Examples Use regularly Serif: Times, Sans serif: Arial, Verdana Don’t use regularly Decorative: Comic Sans, Script: Monospaced: Courier, Lucida

Case UPPER and lower case AVOID HEAVY USE OF ALL UPPER CASE!! Studies have found that mixed case promotes faster reading HOW MUCH FUN IS IT TO READ ALL THIS TEXT WHEN IT’S ALL IN CAPITALS AND YOU NEVER GET A REST. USE ALL CAPS FOR HEADLINES AND HEADINGS How much fun is it to read all this text when it’s all in capitals and you never get a rest. So use lower case for regular text

Line spacing Guidelines More line spacing generally results in greater legibility, until the lines seem to be separate lines.

Letter spacing at End of Sentences Use ONE space between sentences. Two spaces are a TYPEWRITING convention only. –In the digital realm, the space between sentences is variable, and is calculated to work with one space. –Using two spaces between sentences in the digital realm creates “rivers” of white space that impede legibility.

Alignment Justified type results in irregular spacing between words – It also results in “rivers” of white space. Centered type (except in small amounts) generally impedes legibility Justified type results in irregular spacing between words, or between words and letters. It also results in “rivers” of white space. both impede legibility. Newspapers historically only justify type for reasons of tradition and visual real estate ($ per inch). Use one space between sentences. Two spaces are a typewriting convention only. In the digital realm, the space between sentences is variable, and is calculated to work with one space. Using two spaces between sentences in the digital realm creates “rivers” of white space that impede legibility.

Color Palettes/Suites Designers often pick a palette of 4 or 5 colors Variations of 2 colors Monochromatic (variations of 1 color) Southwestern (culturally evocative)