As an introductory class, there is a lot of content to cover in 16 weeks. Thus, we face an inevitable tradeoff between depth vs. breadth. The readings are meant to both support and complement my lectures. If you are particularly interested in a specific content area, please post to Canvas and I will provide follow-up sources. You can also see my Mendeley list of HCI books/resources [link]

For the assigned readings (and/or videos), I will create an accompanying Canvas post where you will write a response. You should write in bullet point form. Two-to-three sentences per bullet point maximum.

What is HCI?

  1. John M. Caroll, Human Computer Interaction, 2013 [source link]

  2. Jonathan Grudin, A Moving Target--The Evolution of HCI, Human-Computer Interaction Handbook (3rd Edition), Taylor & Francis, 2012 [source link].

Brainstorming / Ideation

  1. ABC News Video, IDEO and Design (The Shopping Cart Redesign Video), Nightline, July, 1999 [source link]

  2. ABC News Video, IDEO Design Thinking, 60 Minutes, January 2013 [source link]

  3. Tom Kelley, The Perfect Brainstorm, Excerpt from The Art of Innovation, 2007 [source link]

  4. CBS Morning Video, Interview with the Kelleys on Their Book Creative Confidence, 2013 [source link]

  5. Stanford d.School Video, Stanford Design Thinking Virtual Crash Course, 2012 [source link]

Formative Inquiry and Methods

  1. Blomberg and Burrell, An Ethnographic Approach to Design, from HCI Handbook. [source link].

  2. IDEO Method Cards, 2002. [source link, official link]. You should know: Empathy Tools, Fly On The Wall, Guided Tours, Historical Analysis, Role-Playing, Narration, Paper Prototyping, Personal Inventory, Rapid Prototyping, Rapid Ethnography, Scenarios, Shadowing, Surveys & Questionnaires, Try It Yourself (aka Eating Your Own Dogfood), Activity Analysis, Affinity Diagrams, Anthropometric Analysis, Experience Sampling or Ecological Momentary Assessment (IDEO calls this "Behavior Sampling), Camera Journal, Card Sort, Cognitive Task Analysis, Competitive Product Survey, Cross-Cultural Comparisons, Cultural Probes, Draw the Experience.

  3. Beyer and Holtzblatt, Chapter 3: Principles of Contextual Inquiry, Contextual Design: Defining Customer-Centered Systems, 1993 [source link].

  4. Holtzblatt, Karen and Beyer, Hugh R. (2013): Contextual Design. In: Soegaard, Mads and Dam, Rikke Friis (eds.). "The Encyclopedia of Human-Computer Interaction, 2nd Ed.". Aarhus, Denmark: The Interaction Design Foundation. [source link].

  5. Chapter 14 "Working with Human Subjects" from Lazar, Feng, Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link]. This reading also listed in the "Evaluation" section below as we use human subjects throughout the design process from formative to summative inquiry.


Design Tools, Techniques, & Processes

Processes/Approaches

  1. Lewis and Rieman, The Task-Centered Design Process. Task-Centered User Interface Design (1994). [official link]

  2. Usability Professionals' Association, What is User-Centered Design? [official link]

Sketching

  1. Pages 3-16 and 85-144 covering introductory sketching concepts in UX design from Greenberg, S., Carpendale, S., Marquardt, N., & Buxton, B. (2011). Sketching User Experiences: The Workbook (p. 272). Morgan Kaufmann. [source link (3-16), source link (85-144].

  2. Pages 104-125 covering sketching benefits and attributes of sketching in design. Buxton, B. (2007). Sketching User Experiences: Getting the Design Right and the Right Design (Interactive Technologies) (p. 448). Morgan Kaufmann. [source link].

  3. Chapter 8 of Colin Ware's book Visual Thinking for Design, 2008 entitled "Creative Meta-Seeing" [source link].

Storyboarding

  1. Pages 145-178 covering sketching temporal sequences and narratives (storyboards!) in UX design from Greenberg, S., Carpendale, S., Marquardt, N., & Buxton, B. (2011). Sketching User Experiences: The Workbook (p. 272). Morgan Kaufmann. [source link].

  2. Johnny Holland has a nice three-part series on Storyboarding and UX Design--part one and part two are most relevant to this class (here's part three).

  3. Khai N. Truong, Gillian R. Hayes, and Gregory D. Abowd. 2006. Storyboarding: an empirical determination of best practices and effective guidelines. In Proceedings of the 6th conference on Designing Interactive systems (DIS '06). ACM, New York, NY, USA, 12-21. [source link, official link].

Prototyping

  1. Beaudouin-Lafon, M., & Mackay, W. E. (2012). Prototyping Tools and Techniques. In J. Jacko (Ed.), Human-Computer Interaction Handbook: Fundamentals, Evolving Technologies, and Emerging Applications, Third Edition (3rd ed., pp. 1081–1102). [source link].

  2. Rettig, M. (1994). Prototyping for tiny fingers. Communications of the ACM, 37(4), 21–27. [source link,official link].

  3. Nielsen Norman Group (2003). Paper-prototyping: A How-To Video. [source link]. Note: you need to get past Jakob Nielsen's awkward ~3 minute opening before gaining value from this video--the rest is very helpful.

  4. Dow, S., Glassco, A., Kass, J., Schwarz, M., Schwartz, D., & Klemmer, S. (2010). Parallel prototyping leads to better design results, more divergence, and increased self-efficacy. ACM Transaction on Computer-Human Interaction. 17, 4, Article 18 (December 2010), 24 pages. [official link]. Helps highlight and demonstrate the importance of pursuing prototypes in parallel.

  5. Section 5 on animating the user experience via PowerPoint, Adobe Flash, and video from Greenberg, S., Carpendale, S., Marquardt, N., & Buxton, B. (2011). Sketching User Experiences: The Workbook (p. 272). Morgan Kaufmann. [source link].

  6. Moggridge, B. (2007). Prototypes. From Chapter 10 of Designing Interactions. [source link].

  7. Houde, S. and Hill, C. (1997). What do Prototypes Prototype? In Handbook of Human-Computer Interaction (2nd Ed.), M. Helander, T. Landauer, and P. Prabhu (eds.): Elsevier Science B. V: Amsterdam, 1997. [source link].

  8. Hartmann, B. (2009). Prototypes in the Design Process [source link]. From Bjoern's Berkeley PhD Dissertation Gaining Design Insight Through Interaction Prototyping Tools [full dissertation her].

  9. Cerejo, Lyndon. (2010). Design Better and Faster with Rapid Prototyping [source link].


UI Design / Design Principles

Interaction Design

  1. Don Norman, Chapter 1: The Psychopathology of Everyday Things, The Design of Everyday Things, Revised 2013 edition [source link].

  2. Pages 11-17 of the scanned PDF (in the actual book, it's pages 18-30) covering some key interaction design and usability goals from Rogers, Sharp, & Preece, What is Interaction Design, Chapter 1, Interaction Design: Beyond Human-Computer Interaction, 2011. [source link].

  3. Sections 7.1, 7.2, 7.4, 7.5, & 7.6 from Dix, Finlay, Abowd, & Beale, Design Rules, Chapter 7, Human-Computer Interaction, 2004. [source link].

  4. Selections from Lidwell, W., Holden, K., Butler, J., Universal Principles of Design, 2010 that are relevant to interaction design. Roughly ~30-50% of these principles overlap with the two above readings; however, they are explained here in a different (and perhaps more accessible) manner. [source link].

  5. Christie, Greg and Stern, Mike. What's New in iOS User Interface Design. WWDC 2013 Session Videos [source link, official link].


Web Form Design

  1. Luke Wrobleski, Web Form Design, Mix2009 [source link]

  2. Smileycat.com, Registration Forms Design Gallery [source link]

  3. Smashingmagazine.com, Web Form Design: Showcases and Solutions, 2012 [source link]

  4. Unmatchedstyle.com, Sign-up Form Design - Best Practices & Design Review, 2010 [source link]

Visual Design

  1. Selections from Lidwell, W., Holden, K., Butler, J., Universal Principles of Design, 2010 that are relevant to visual design. [source link].

  2. Chapter 4 of Mullet and Sano's book Designing Visual Interfaces entitled "Organization and Visual Structure." [source link].

  3. Chapter 6 and Chapter 7 of Nancy Duarte's book Slide:ology - The Art and Science of Creating Great Presentations on Arranging Elements [source link] and Using Visual Elements - Background, Color, and Text [source link]. Though this book was written for creating talk slides for presentations, I think Nancy's descriptions and explanations of visual design principles (and the use of color, typography, layout) are some of the most straightforward and organized of any that I've come across. Such concepts are obviously relevant to UI design as well.

  4. Alex Faaborg. Cognitive Science and Design. Google I/O 2013. [source link].

Color

  1. Chapter 4 "Color" of Colin Ware's book Visual Thinking for Design, 2008 [source link]

  2. Chapter 1 "Color Theory" of Darius A. Monsef's book Color Inspirations, 2011 [source link].

  3. Chapter 1 "Communicating with Color" of Aaris Sherin's book Design Elements: Color Fundamentals, 2012 [source link].

  4. Chapter 1 "What is Color" and Chapter 2 "Color Theory" of AdamsMorioka and Terry Stone's book Color Design Workbook: A Real-World Guide to Using Color In Graphic Design, 2009 [source link].

  5. Borland and Russell's Rainbow Color Map (Still) Considered Harmful, IEEE Computer Graphics and Applications, 2007 [source link].

Typography

  1. Chapter 7 "Using Visual Elements - Background, Color, and Text" of Nancy Duarte's book Slide:ology - The Art and Science of Creating Great Presentations, 2008 [source link, Piazza post]. Though this book was written for creating talk slides for presentations, I think Nancy's descriptions and explanations of visual design principles (and the use of color, typography, layout) are some of the most straightforward and organized of any that I've come across. Such concepts are obviously relevant to UI design as well.

  2. Chapter 2 "A Few Basics" of Gavin Ambrose and Paul Harris' book The Fundamentals of Typography, 2011 [source link].

  3. Chapter 7 "Typesfaces and Specimens" and Chapter 8 "Typographic Principles" of Haley et al.'s book Typography Referenced: A Comprehensive Visual Guide, 2012 [Chapter 7, Chapter 8].

  4. Microsoft's Guidelines for Typography for Windows 8 applications [source link, official link].

  5. Apple's Color and Typography from their iOS 7 Design Resources [source link, official link].

  6. The "Typo" podcast episode (2.0.5) of This Developer's Life [source link, official link], in particular the interview of Bill Hill who created ClearType (which we talked about in lecture).

  7. Gary Hustwit's documentary Helvetica [official link].

  8. Smashing Magazine's Typography Guidelines and References [official link]

  9. Jan Constantin's Typographic Design Patterns and Current Practices (2013 Edition) for smashingmagazine.com [official link].

  10. A Quora post entitled Why did Microsoft change the default font to Calibri? [official link].

  11. A potentially useful online resource: http://www.typetester.org/, which allows you to easily compare screen type.

Evaluating Designs / Interfaces

  1. Chapter 12 "Introducing Evaluation" by Rogers, Sharp, & Preece in their book Interaction Design, 3rd Edition. [source link].

  2. Chapter 10 "Usability Testing" from Lazar, Feng, Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].

  3. Chapter 14 "Working with Human Subjects" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link]. This reading is also listed in the "Formative Inquiry" section above as we use human subjects throughout the design process from formative to summative inquiry. Useful for TA05 Paper Prototypes & User Testing and TA09 Final User Testing & Report.

Heuristic Evaluation

  1. Jakob Nielsen, How to Conduct a Heuristic Evaluation [official link]

  2. Jakob Nielsen, 10 Usability Heuristics for User Interface Design [official link]

Automated Data Collection & Testing

  1. Brian Christian, The A/B Test: Inside the Technology That's Changing the Rules of Business, WIRED2012 [source link, official link].

  2. Chapter 12 "Automated Data Collection Methods" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].

  3. SmashingMagazine.com, The Ultimate Guide to A/B Testing, 2010 [official link]

Experimental Research
  1. David Martin, Chapter 2: How To Do Experiments, Doing Psychology Experiments, 2004, 6th Edition. [source link].

  2. Chapter 2 "Experimental Research" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].

  3. Chapter 3 "Experimental Design" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].


Design Critiques
  1. Scott Berkun, How to Give and Receive Criticism [official link].

Data Analysis

  1. David Martin, Chapter 12: How To Interpret Experimental Results, Doing Psychology Experiments, 2004, 6th Edition. [source link].

  2. Chapter 4 "Statistical Analysis" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].

  3. Chapter 11 "Analyzing Qualitative Data" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link].


Early Seminal Papers Relevant to HCI

This is a very incomplete list but a start. You should know these articles/papers if you're keenly interested in HCI:
  1. Vannevar Bush, As We May Think, The Atlantic Monthly, July, 1945 [source link].

  2. Mark Weiser. The computer for the 21st century. Scientific American, 1991 [source link]

Misc

Misc Videos

  1. Smashing Magazine's 25 User Experience Videos That Are Worth Your Time, 2010 [source link]

Slide Presentation Tips

  1. http://noteandpoint.com/
  2. Nancy Duarte's book Slide:ology - The Art and Science of Creating Great Presentations