School of Information and Library Science
University of North Carolina at Chapel Hill

INLS 718, User Interface Design
Spring 2009

Schedule

Bookmark for today

Introduction / Learning about Users, their Tasks, and the Context of those Tasks /
Developing a Design / Specifying the Design in a Prototype / Evaluating the Design

Syllabus / Schedule / Assignments / Sakai site

Introduction

Session 1: January 13, Introduction

• Wadlow, M. G. (1994). Design as a way of life. SIGCHI Bulletin, 26(1): 7-8. [ACM Digital Library]
• Norman, D.A. (2006). Words matter. Talk about people -- Not customers, not consumers, not users. interactions, 13(5), 49, 63. [ACM Digital Library]
• Sharp, Rogers, & Preece , Chapter 1, What is interaction design?
  • Section 1.2, Good and poor design, p2-8
  • Section 1.3, What is interaction design?, p8-15
  • Section 1.4, The user experience, p15-16
• More...

Session 2: January 15, The process of design

• Sharp, Rogers, & Preece , Chapter 1, What is interaction design?\
  • Section 1.5, The process of interaction design, p17-19
• Sharp, Rogers, & Preece, Chapter 9, The process of interaction design
  • Section 9.2, What is involved in interaction design?, p414-429
  • Section 9.4, Lifecycle models: Showing how the activities are related, p444-464
• Gulliksen, J., & Göransson, B. (2003). Key principles for user-centered systems design [poster]. http://www.it.uu.se/research/hci/acsd/KeyPrinciplesPoster-v.1.2en.pdf.
• More...

• Sharp, Rogers, & Preece, Chapter 3, Understanding users
  • Section 3.2, What is cognition?, p94-116
  • Section 3.3.3, Information processing, p123-125
  • Section 3.3.4, External cognition, p125-129
  • Section 3.3.5, Distributed cognition, p129-131
• More...

Session 4: January 22, Developing the user profile(s)

• Head, A. J. (2003). Personas: setting the stage for building usable information sites. Online, 27(4), 14-21. [UNC libraries]
• More...

• Sources of data on internet users

• Begin assignment 1: User analysis draft

Session 5: January 27, Understanding the user's task

• Uden, L., Valderas, P., & Pastor, O. (2008). An activity-theory-based model to analyse Web application requirements. Information Research, 13(2), paper 340. (Read only the following sections: Activity theory background; Activities, actions and operations; Applying activity theory to the analysis of Web application requirements; and Benefits of activity theory for Web requirements.) [http://informationr.net/ir/13-2/paper340.html]
• Preece, Rogers, & Sharp, Chapter 2, Understanding and conceptualizing interaction
  • Section 2.2, Understanding the problem space, p46-50
  • Section 2.3 (except section 2.3.4), Conceptualizing the design space, p51-63
  • Section 2.4, Theories, models, and frameworks, p84-86
• Preece, Rogers, & Sharp, Chapter 3, Understanding users
  • Section 3.3.1, Mental models, p116-119
  • Section 3.3.2, Theory of action, p120-122
• Preece, Rogers,& Sharp, Chapter 10, Identifying needs and establishing requirements
  • Section 10.4, Data gathering for requirements, p489-500
  • Section 10.5, Data analysis, interpretation, and presentation, p500-504
• More...

Session 6: January 29, Documenting the task: essential use cases, scenarios

• Sharp, Rogers, & Preece, Chapter 10, Identifying needs and establishing requirements
  • Section 10.6, Task description, p504-515
  • Section 10.7, Task analysis, p515-519
• Gruen, D., Rauch, T., Redpath, S., & Ruettinger, S. (2002). The use of stories in user experience design. International Journal of Human-Computer Interaction, 14(3&4), 503-534. (Focus on the first two sections, pages 503-511; skim section 3.) [UNC libraries]
• Go, K., & Carroll, J.M. (2004). The blind men and the elephant: Views of scenario-based system design. interactions, 11(6), 44-53. (Focus on pages 45-50.) [ACM Digital Library]
• More...

Session 7: February 3, Documenting the task: The context of the task; Errors in performing the task

• Hackos, J. T., & Redish, J. C. (1998). User and Task Analysis for Interface Design. New York: John Wiley & Sons. [Electronic reserves]
  • Chapter 4, Thinking about the users' environment, 91-109
• Hollan, J., Hutchins, E., & Kirsh, D. (2000). Distributed cognition: toward a new foundation for human-computer interaction research. ACM Transactions on Computer-Human Interaction, 7(2), 174-196. (Read Sections 1 and 2 only.) [ACM Digital Library]
• Norman, D. A. (1983). Design rules based on analyses of human error. Communications of the ACM, 26(4), 254-258. [ACM Digital Library]
• Norman, D. A. (1999). Affordance, conventions, and design. interactions, 6(3): 38-43. [ACM Digital Library]
• More...

Session 8: February 5, Class cancelled

• Assignment 1 due: User analysis draft

February 10: iConference, Chapel Hill, NO CLASS

Session 9: February 12, Task genres of special interest: searching, browsing, data entry

• Some interesting examples of searching/browsing interfaces (we'll examine during class)
• Focused/analytical searching
• Allen, B. L. (1996). Information Tasks: Toward a User-Centered Approach to Information Systems. San Diego: Academic Press. [Electronic reserves]
  • Chapter 5, Expressing information needs, p126-145 only
• Marchionini, G., & White, R. (2007). Find what you need, understand what you find. International Journal of Human-Computer Interaction, 23(3), 205-238. [UNC libraries]
• More...
• Browsing
• Allen, B. L. (1996). Information Tasks: Toward a User-Centered Approach to Information Systems. San Diego: Academic Press. [Electronic reserves]
• Chapter 7, Information tasks: interacting with information systems, p188-200 only
• Marchionini, G. (1995). Information Seeking in Electronic Environments. Cambridge, UK: Cambridge University Press.
• Chapter 6, Browsing strategies, p100-120 only [Electronic reserves]
• More...
• Data entry
  • Jarrett, C. (2000). Designing usable forms: The three-layer model of the form. http://formsthatwork.editme.com/files/Articles/DesigningUsableForms.pdf.
  • Mayhew, D. J. (1992). Principles and Guidelines in Software User Interface Design. Englewood Cliffs, NJ; Prentice Hall.
    • Chapter 5, Dialog styles: Fill-in forms, 172-183 only [Electronic reserves]
    • Chapter 6, Dialog styles: Question and answer, 216-222 only [Electronic reserves]
  • More...

• Begin assignment 2: Task analysis draft

Session 10: February 17, The content/meaning associated with the task: information architecture

• Rosenfeld, L., & Morville, P. (2006). Information Architecture for the World Wide Web. 3rd ed. Cambridge, MA: O'Reilly. [UNC libraries]
  • Chapter 5, Organization Systems
• Toms, E. G. (2002). Information interaction: providing a framework for information architecture. Journal of the American Society for Information Science and Technology, 53(10), 855-862. [UNC libraries]
• Withrow, J. (2002). Do your links stink? Techniques for good web information scent. Bulletin of the American Society for Information Science and Technology, 28(5), 7-9. [UNC libraries ]
• More...

Session 11: February 19, Case study: The role of information architecture in the re-design of the UNC website

• Guest speakers: Todd Moy, Senior User Experience Designer, and Evan Carroll, User Experience Design, Capstrat, Inc.

Session 12: February 24, The user experience and visual design principles

• Sharp, Rogers, & Preece, Chapter 5, Affective aspects, p182-212
• Gajendar, U. (2008). Experiential aesthetics: A framework for beautiful experience.interactions, 15(5), 6-10. [ACM Digital Library]
• Blythe, M., & Hassenzahl, M. (2003). The semantics of fun: Differentiating enjoyable experiences. In Blythe, M., Overbeeke, K., Monk, A.F., & Wright, P.C. (eds.), Funology: From Usability to Enjoyment. Dordrecht, Kluwer Academic, p91-100. [UNC libraries, electronic book]
• Read from at least one of the following books:
  • Williams, R. (1994). The Non-Designer's Design Book. Berkeley, CA: Peachpit Press. [SILS Reserve - Z246 .W64 1994]
    • Chapters 1-6, Design principles, p13-71
  • Williams, R., & Tollett, J. (2000). The Non-Designer's Web Book. 2nd ed. Berkeley: Peachpit Press. [Electronic reserves]
  • Chapter 6, Basic design principles for non-designers, p105-124
  • Chapter 7, Designing the interface and navigation, p125-144
• Koshman, S. (2006). Visualization-based information retrieval on the Web. Library & Information Science Research, 28(2), 192-207. [UNC libraries]
• More...

Developing a Design

• Sharp, Rogers, & Preece, Chapter 1, What is interaction design?
  • Section 1.5, The process of interaction design, p17-19 (review)
• Sharp, Rogers, & Preece, Chapter 9, The process of interaction design
  • Section 9.3, Some practical issues, p430-444
• Sharp, Rogers, & Preece, Chapter 10, Identifying needs and establishing requirements
  • Section 10.2, What, how, and why?, p474-476
  • Section 10.3, What are requirements?, p476-489
  • Section 10.5.1, Brainstorming for innovation, p503-504 (review)
• Sharp, Rogers, & Preece, Chapter 11, Design, prototyping, and construction
  • Section 11.3, Conceptual design: Moving from requirements to first design, p540-551
• Lindgaard, G., et al. (2006). User needs analysis and requirements engineering: Theory and practice. Interacting with Computers, 18(1), 47-70. (Read section 2, pages 50-56 only) [UNC libraries]
• Hartson, H. R. (2003). Cognitive, physical, sensory, and functional affordances in interaction design. Behaviour & Information Technology, 22(5), 315-338. [UNC libraries]
• Norman, D.A. (2008). Signifiers, not affordances [Opinion: The way I see it]. interactions, 15(6), 18-19. [ACM Digital Library]
• More...

• Some sources of guidelines

• Assignment 2 due: Task analysis draft

Session 14: March 3, Documenting your design decisions

• MacLean, A.; Young, R. M.; Bellotti, V. M. E.; & Moran, T. P. (1991). Questions, options and criteria: Elements of design space analysis. Human-Computer Interaction, 6(3&4), 201-250. (Reprinted in Moran, T. P., & Carroll, J. M. (1996). Design Rationale: Concepts, Techniques, and Use. Mahwah, NJ: Lawrence Erlbaum, 53-105. (Focus your reading on sections 1-2.) [UNC libraries]
• Skim: Sharp, Rogers, & Preece, Chapter 2, Understanding and conceptualizing interaction
  • Section 2.3.4, Interaction types, p64-83
• Skim: Sharp, Rogers, & Preece, Chapter 6, Interfaces and interactions, p218-287

• Begin assignment 3: Design decisions draft

Specifying the Design in a Prototype

Session 15: March 5, Prototyping; Documenting the design; Midterm course evaluation

• Sharp, Rogers, & Preece, Chapter 11, Design, prototyping and construction
  • Section 11.2, Prototyping and construction, p530-539
  • Section 11.4, Physical design: Getting concrete, p551-554
  • Section 11.5, Using scenarios in design, p554-558
  • Section 11.6, Using prototypes in design, p558-572
• Lim, Y.-K., Stolterman, E., & Tenenberg, J. (2008). The anatomy of prototypes: Prototypes as filters, prototypes as manifestations of design ideas. ACM Transactions on Computer-Human Interaction, 15(2), Article 7. Skim sections 1-2, focus on sections 3-5, skim sections 6-7. [ACM Digital Library]
• Beyer, H., & Holtzblatt, K. (1998). Contextual Design: Defining Customer-Centered Systems. San Francisco: Morgan Kaufmann. [Electronic reserves]
  • Chapter 15, The user environment design, p317-345
• Constantine, L. L., & Lockwood, L. A. D. (1999). Software for Use: A Practical Guide to the Models and Methods of Usage-Centered Design. New York: ACM Press. [Electronic reserves]
  • The context navigation map, p135-141
• Yen, D. C., & Davis, W. S. (1999). State transition diagrams. In Davis, W. S., & Yen, D. C. (Eds.), The Information System Consultant's Handbook: Systems Analysis and Design. Boca Raton: CRC Press, 235-239. [Electronic reserves]

• Begin assignment 4: Prototype

March 9, Assignment 3 due: At least two design decision drafts

March 7-15: Spring Break, NO CLASS

Session 16: March 17, Prototype demos

• 9:30-10:05
  • David Iberkleid, Ideational/creativity support system
  • Carrie Dundas-Lucca, Virtual room design
• 10:10-10:45
  • Maureen Dostert, Archimedes Palimpsest Project
  • Dimitrio Couchell-Koutsogiorgas, Health Decisions intranet

Session 17: March 19, Prototype demos

• 9:30-10:05
  • Matt Thomas, ebook archive
  • Amanda Stevens, Flock (group travel planning system)
  • Elise Moore, Imagenes (photographer workflow customization)
• 10:10-10:45
  • Lauren Frohne, Carolina News (converged newsroom)
  • Shawn Guy, It's Game Time (travel planning for NBA games)

Evaluating the Design

Session 18: March 24, Evaluation overview

• Sharp, Rogers, & Preece, Chapter 12, Introducing evaluation, p586-621
• Sharp, Rogers, & Preece, Chapter 13, An evaluation framework, p626-642
• Mao, J.-Y., Vredenburg, K., Smith, P. W., & Carey, T. (2005). The state of user-centered design practice. Communications of the ACM, 48(3), 105-109. [ACM Digital Library]
• More...

Session 19: March 26, Usability inspection methods

• Sharp, Rogers, & Preece, Chapter 15, Analytical evaluation, p686-716
• More...

Session 20: March 31, An exercise in usability inspection

• Begin assignment 5: Usability inspection (assignment of prototypes for evaluation)

Session 21: April 2, Usability engineering in the real world
Guest speakers: Todd Barlow, Senior Manager, Usability, and Jeremy Spaulding, Usability Analyst, SAS Institute, Inc.

• Assignments 1-4, final version, due: Prototype and complete documentation

ACM SIGCHI, April 5-9, NO CLASS

Session 22: April 14, Usability testing: study design and implementation

• Sharp, Rogers, & Preece, Chapter 14, Usability testing and field studies, p646-678
• Boren, M. T., & Ramey, J. (2000). Thinking aloud: Reconciling theory and practice. IEEE Transactions on Professional Communication, 43(3), 261-278. [UNC libraries]
• More...

• Continue assignment 5: Designer's response to usability inspection

Session 23: April 16, Usability testing: study design and implementation, continued

• Complete the CITI Online Course for working with human subjects [first link at http://ohre.unc.edu/educ.php]
• Review "Application for IRB Approval of Human Subjects Research" [http://ohre.unc.edu/forms.php]
• More...

• Begin assignment 6: Usability test plan

Session 24: April 21, Usability testing: study design and implementation, continued; Usability studies: examples

• Robins, D., & Holmes, J. (2008). Aesthetics and credibility in Web site design. Information Processing & Management, 44(1), 386-399. [UNC libraries]
• More..

Session 25: April 23, Usability studies: examples, continued; Communicating the results of a usability test; Review

• van Schaik, P., & Ling, J. (2008). Modelling user experience with web sites: Usability, hedonic value, beauty and goodness. Interacting with Computers, 20(3), 419-432. [UNC libraries]
• Dumas, J. S., Molich, R., & Jeffries, R. (2004). Describing usability problems: Are we sending the right message? interactions, 11(4), 24-29. [ACM Digital Library]
• Downey, Laura L. (2003). Usability engineers who do too much!!! [The Whiteboard]. interactions, 10(5), 12-17. [ACM Digital Library]
• More...

• Course evaluation

• Assignment 5 due: Usability inspection and designer's response

May 4, 8am: Assignment 6, Usability test plan due

Syllabus / Schedule (today) / Assignments / Sakai site

© Barbara M. Wildemuth, 2009. All rights reserved.