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 and your project work. If you are particularly interested in a specific content area, please post to Piazza and I will provide follow-up sources. If you find a particularly helpful or engaging article or video in any of the topic areas, post that to Piazza so others can see it.
For the assigned readings (and/or videos), I will create an accompanying Piazza post where you will write a response. The response may need to answer some specific questions, which I will ask on the Piazza post, or may be more general. You should write in bullet point form. Two-to-three sentences per point maximum.

The non-required readings are in light gray. All other readings are fair game for quizzes and the midterm exam.

If a link asks for a password, use CMSC434 (username) and HCI4Good! (password).

Types of Interaction

  • Choose a type of interaction that interests you and find a research report about new developments in that area. [Piazza response page]. Reading Response 0 (RR0) due before class Feb 25th, 2014.

Brainstorming / Ideation


  1. ABC News, The Deep Dive, Nightline, July, 1999. [Part 1, Part 2, Part 3, Piazza response page] Reading Response 1 (RR1) due before class Tuesday, Feb 4th, 2014.
  2. Tom Kelley, The Perfect Brainstorm, Excerpt from The Art of Innovation [source link]. Read to help with project brainstorming.

Personas and Scenarios


  1. Nielsen, Lene (2013): Personas. In: Soegaard, Mads and Dam, Rikke Friis (eds.). "The Encyclopedia of Human-Computer Interaction, 2nd Ed.". Aarhus, Denmark: The Interaction Design Foundation. http://www.interaction-design.org/encyclopedia/personas.html Reading Response 2 (RR2) due before class Thursday, Feb 20th, 2014.
  2. (optional) Jared Spool, UIE, Five Factors for Successful Persona Projects, 2011, http://www.uie.com/articles/successful_persona_projects/
  3. (optional) Jared Spool, UIE, Three Important Benefits of Personas, 2007, http://www.uie.com/articles/benefits_of_personas/
  4. (optional) Kim Goodwin, Perfecting Your Personas, 2006, http://www.uie.com/articles/perfecting_personas

Formative Inquiry and Methods

  1. Blomberg and Burrell, An Ethnographic Approach to Design, from HCI Handbook. [source link]. Not required but useful for TA02 - Formative Research & Proposal.

  2. IDEO Method Cards, 2002. [source link, official link]. Suggested cards: 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. Not required but useful for TA02 - Formative Research & Proposal.

  3. 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]. Not required but useful for TA02 - Formative Research & Proposal.

  4. Chapter 14 "Working with Human Subjects" from Lazar, Feng, Hochheiser's book Research Methods in Human-Computer Interaction (2010). [source link]. Not required but useful for TA02 - Formative Research & Proposal and later evaluative research.

The Human

  1. Pages 66-85 of Rogers, Sharp, & Preece, Cognitive Aspects in Interaction Design, from Interaction Design, 3rd Edition. [source link, Piazza post]. RR3 due before class Tuesday, Mar 4th, 2014.

  2. (optional) Chapters 1 and 2 of Colin Ware's book Visual Thinking for Design, 2008 entitled "Visual Queries" [source link] and "What We Can Easily See" [source link]. Optional reading to support lectures 8 and 9.

  3. Christopher Healey, Perception in Visualization, http://www.csc.ncsu.edu/faculty/healey/PP/

  4. (optional) Chapter 1 of Dix, Finlay, Abowd, and Beale's book Human-Computer Interaction, 3rd Edition, 2004 entitled "The Human".
    Optional reading to support Lectures 8 and 9.


  5. (optional) Card, Moran, & Newell. The Model Human Processor: An Engineering Model of Human Performance, 1986, from reprint with revisions of The Psychology of Human-Computer Interaction [source link]. Optional reading to support Lectures 8 and 9.

  6. (optional) "Blind, Yet Now I See" Snap Judgment on NPR, Episode #422 [source link, official link]. Optional listening to help you think about how we use our senses in everyday life.

Input Technologies and Techniques

  1. Hinckley and Wigdor, Input Technologies and Techniques, from the HCI Handbook, 3rd Edition. [source link, Piazza post ]. RR4 must be emailed to Meethu by midnight Friday, Mar 7th, 2014.

  2. Wilson, Sensor- and Recognition-Based Input for Interaction, from the HCI Handbook, 3rd Edition. [source link]. Optional reading to support Lecture 10.

  3. Soukoreff and MacKenzie, Towards a Standard for Pointing Device Evaluation, Perspectives on 27 Years of Fitts' Law Research in HCI, International Journal of Human-Computer Studies, 2004. [source link]. Optional reading to support Lectures 10.


Output


  1. Section 2.4 "Display Devices" of Dix, Finlay, Abowd, & Beale's book Human-Computer Interaction, 3rd Edition, 2004. [source link]

  2. Schlick, Winkelholz, Ziefle, and Mertens "Visual Displays" chapter from the HCI Handbook, 3rd Edition. [source link].


UI Design / Design Principles


Interaction Design


  1. Section 1.6 (pages 11-17 of the scanned PDF, which are pages 18-30 in the actual book) 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, Piazza response page]. RR5 due before class Tuesday, Mar 25th, 2014.

  2. Sections 7.1, 7.2, 7.4, 7.5, & 7.6 (skip 7.3 on Standards) from Dix, Finlay, Abowd, & Beale, Design Rules, Chapter 7, Human-Computer Interaction, 2004. [source link, Piazza response page]. RR5 due before class Tuesday, Mar 25th, 2014.

  3. 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].

  4. 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] [Piazza response page]. RR8 due end of day Apr 18.


  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]. Not assigned but covered in lecture; provided here for quick reference.


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 response page]. 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. RR8 due end of day Apr 18.


  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.


Design Tools, Techniques, & Processes


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)]. RR6 due end of day Apr 4.

  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]. Not required but useful for TA04 - Sketches, Storyboards, and Critiques.


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]. RR6 due end of day Apr 4.

  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'spart three). Not required but useful for TA04 - Sketches, Storyboards, and Critiques.

  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]. Not required but useful for TA04 - Sketches, Storyboards, and Critiques.


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, Piazza response page]. RR7 due end of day Apr 11.

  3. Nielsen Norman Group (2003). Paper-prototyping: A How-To Video. [source link]. 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]. Not required but useful for TA06 Mid-Fi Prototypes & Critique

  6. Moggridge, B. (2007). Prototypes. From Chapter 10 of Designing Interactions. [source link]. Not required but useful for TA05 Paper Prototypes & User Testing and TA06 Mid-Fi Prototypes & Critique

  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]. Not required but useful for TA05 Paper Prototypes & User Testing and TA06 Mid-Fi Prototypes & Critique.

  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]. Not required but a nice synthesis of a number of important arguments about the role of prototypes in the design process.

  9. Cerejo, Lyndon. (2010). Design Better and Faster with Rapid Prototyping [source link]. Not required but useful for TA05 Paper Prototypes & User Testing and TA06 Mid-Fi Prototypes & Critique


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] [Piazza response page]. RR9 due end of day Apr 25.


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

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

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


Accessibility


  1. Web Accessibility Initiative of W3C, http://www.w3.org/WAI/. For the specific sections to read, see the [Piazza response page]. RR10 due end of day May 2.
  2. McNaney, R. et. al. 2014. Exploring the Acceptability of Google Glass as an Everyday Assistive Device for People with Parkinson's. CHI 2014, April 26 - May 1 2014, Toronto, ON Canada. [source link]
  3. Shinohara, K. and Wobbrock, J. 2011. In the Shadow of Misperception: Assistive Technology Use and Social Interactions. CHI 2011, May 7-12, 2011, Vancouver, BC, Canada. [source link]
  4. Trewin, S., Swart, C. and Pettick, D. 2013. Physical Accessibility of Touchscreen Smartphones. ASSETS'14, October 21-23 2013, Bellevue, WA, USA. [source link]

Misc

Early Seminal Papers Relevant to HCI

  1. Vannevar Bush, As We May Think, The Atlantic Monthly, July, 1945 [source link]. An amazingly prescient vision, from back in the infancy of computing, when giant mainframes were just beginning to evolve.

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