Readings

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 Piazza and I will provide follow-up sources. You can also see my Mendeley list of HCI books/resources [[|link]].toc

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.

=Brainstorming / Ideation= > >
 * 1) ABC News, // IDEO and Design //, Nightline, July, 1999 [ [|source link], [|Piazza post] ]. ** Reading Response 1 (RR1) due before class Thursday, Sept 12th, 2013. **
 * 1) ABC News, IDEO Design Thinking, 60 Minutes, January 2013 [[|source link]]. Bonus video. Not required.
 * 1) Tom Kelley, // The Perfect Brainstorm //, Excerpt from The Art of Innovation [ [|source link] ]. Read to help with project brainstorming. ** Required (//i.e.,// will be on midterm). **

=Formative Inquiry and Methods= > > >
 * 1) Blomberg and Burrell, // An Ethnographic Approach to Design //, from HCI Handbook. [[|source link], [|Piazza post]]. ** RR2 d **** ue before class Tuesday, Sept 24th, 2013. FYI: this is a "quiz candidate" reading. **
 * 1) 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. ** The aforementioned list is required (//i.e.,// will be on midterm). **
 * 1) 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.
 * 1) 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. Useful for TA05 Paper Prototypes & User Testing and TA09 Final User Testing & Report.

=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, Oct 1st, 2013. **
 * 1) 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]].
 * 1) Chapter 1 of Dix, Finlay, Abowd, and Beale's book //Human-Computer Interaction, 3rd Edition,// 2004 entitled "The Human" [source link].
 * 1) 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 7 and 8.
 * 1) "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 due before class Tuesday, Oct 8th, 2013. **
 * 1) Wilson, Sensor- and Recognition-Based Input for Interaction, from the HCI Handbook, 3rd Edition. [[|source link]]. Optional reading to support Lectures 9 and 10.
 * 1) 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 9 and 10.

=Output= >
 * 1) Section 2.4 "Display Devices" of Dix, Finlay, Abowd, & Beale's book Human-Computer Interaction, 3rd Edition, 2004. [[|source link]]
 * 1) Schlick, Winkelholz, Ziefle, and Mertens "Visual Displays" chapter from the HCI Handbook, 3rd Edition. [[|source link]].

=UI Design / Design Principles=

Interaction Design
> > >
 * 1) 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], [|Piazza post]]. ** RR5 due before class Tuesday, Oct 15th, 2013. **
 * 1) 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], [|Piazza post]]. ** RR5 due before class Tuesday, Oct 15th, 2013. **
 * 1) 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], [|Piazza post]]. ** Please skim for RR8 (which is due before class Tuesday, Nov 5th). **
 * 1) Christie, Greg and Stern, Mike. //What's New in iOS User Interface Design//. WWDC 2013 Session Videos [[|source link], [|official link], [|Piazza post] ]. ** RR8 due before class Tuesday, Nov 5, 2013. **

Web Form Design
> > > >
 * 1) Luke Wrobleski, Web Form Design, Mix2009 [[|source link]]
 * 1) Smileycat.com, Registration Forms Design Gallery [[|source link]]
 * 1) Smashingmagazine.com, Web Form Design: Showcases and Solutions, 2012 [[|source link]]
 * 1) 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], [|Piazza post]]. ** RR8 due before class Tuesday, Nov 5, 2013. **
 * 1) Chapter 4 of Mullet and Sano's book Designing Visual Interfaces entitled "Organization and Visual Structure." [[|source link]].
 * 1) 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.
 * 1) 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 post]]. ** RR9 due before class Thursday, Nov 21, 2013. **
 * 1) Chapter 1 "Color Theory" of Darius A. Monsef's book Color Inspirations, 2011 [[|source link]].
 * 1) Chapter 1 "Communicating with Color" of Aaris Sherin's book Design Elements: Color Fundamentals, 2012 [[|source link]].
 * 1) 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]].
 * 1) 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 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. ** RR9 due before class Thursday, Nov 21, 2013. **
 * 1) Chapter 2 "A Few Basics" of Gavin Ambrose and Paul Harris' book The Fundamentals of Typography, 2011 [[|source link]].
 * 1) 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]].
 * 1) Microsoft's Guidelines for Typography for Windows 8 applications [[|source link], [|official link]].
 * 1) Apple's Color and Typography from their [|iOS 7 Design Resources] [[|source link], [|official link]].
 * 1) 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).
 * 1) Gary Hustwit's documentary Helvetica [[|official link]].
 * 1) Smashing Magazine's //Typography Guidelines and References// [[|official link]]
 * 1) Jan Constantin's Typographic Design Patterns and Current Practices (2013 Edition) for smashingmagazine.com [[|official link]].
 * 1) A Quora post entitled Why did Microsoft change the default font to Calibri? [[|official link]].
 * 1) A potentially useful online resource: [], 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)], [|Piazza post] ]. ** RR6 due before class Tuesday, Oct 22, 2013. **
 * 1) 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]]. ** No RR for this reading but pages 111-118 are fair game for midterm (//e.g.,// attributes of a sketch, the way sketching helps thought). **
 * 1) 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], [|Piazza post] ]. ** RR6 due before class Tuesday, Oct 22, 2013. **
 * 1) 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]). Not required but use ful for TA04 - Sketches, Storyboards, and Critiques.
 * 1) 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], Piazza post ]. ** RR7 due before class Tuesday, Oct 29th, 2013. **
 * 1) Rettig, M. (1994). Prototyping for tiny fingers. Communications of the ACM, 37(4), 21–27. [[|source link], [|official link], Piazza post]. ** RR7 due before class Tuesday, Oct 29th, 2013. **
 * 1) Nielsen Norman Group (2003). Paper-prototyping: A How-To Video. [[|source link]]. ** This is not part of RR7 but you must watch this video for TA05 Paper Prototypes & User Testing. ** You need to get past Jakob Nielsen's awkward ~3 minute opening before gaining value from this video--the rest is very helpful.
 * 1) 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.
 * 1) 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
 * 1) 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
 * 1) 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.
 * 1) 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.
 * 1) 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]]. ** RR10 due before class Tuesday, Nov 26th, 2013. **
 * 1) Chapter 10 "Usability Testing" from Lazar, Feng, Hochheiser's book //Research Methods in Human-Computer Interaction// (2010). [[|source link]]. ** RR11 due before class Tuesday, Dec 3, 2013. **
 * 1) 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]]
 * 1) 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]]. ** RR12 due before class Tuesday, Dec 3, 2013. **
 * 1) Chapter 12 "Automated Data Collection Methods" from Lazar, Feng, & Hochheiser's book Research Methods in Human-Computer Interaction (2010). [[|source link]]. ** RR13 due before class Tuesday, Dec 3, 2013 (Extra Credit). **
 * 1) SmashingMagazine.com, The Ultimate Guide to A/B Testing, 2010 [[|official link]]

**Experimental Research** > > **Design Critiques**
 * 1) Chapter 2 "Experimental Research" from Lazar, Feng, & Hochheiser's book // Research Methods in Human-Computer Interaction // (2010). [ [|source link] ].
 * 1) Chapter 3 "Experimental Design" from Lazar, Feng, & Hochheiser's book // Research Methods in Human-Computer Interaction // (2010). [ [|source link] ].
 * 1) Scott Berkun, // How to Give and Receive Criticism // [ [|official link] ].

= Data Analysis = > > = 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) Chapter 4 "Statistical Analysis" from Lazar, Feng, & Hochheiser's book // Research Methods in Human-Computer Interaction // (2010). [ [|source link] ].
 * 1) Chapter 11 "Analyzing Qualitative Data" from Lazar, Feng, & Hochheiser's book // Research Methods in Human-Computer Interaction // (2010). [ [|source link] ].
 * 1) Vannevar Bush, //As We May Think//, The Atlantic Monthly, July, 1945 [ [|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) []
 * 2) Nancy Duarte's book Slide:ology - The Art and Science of Creating Great Presentations