Fall 2022

CS 3873: Intro to User Interface Design


Office: TSRB 332
Office Hours: By appointment
Email: ledantec@gatech.edu

Class Meetings: Monday/Wednesday, 11:00–11:50PM
Location: Kendeda 152

Studio Meetings: Monday, Tuesday: 3:30–5:25PM & 5:00PM–6:55PM

Course Description

This course is an introduction to Human-Centered Computing and user-centered design process. You will be introduced to a number of different techniques and tools for understanding particular interaction design challenges, you will develop scenarios and storyboards, create low-fidelity prototypes, and iterate on those prototypes to create a final design project.

Course Objectives

This class is designed to help students develop and use critical thinking skills and evaluation techniques necessary to solve real-world problems related to the field of Human Computer Interaction (HCI).

In completing this course you will:

  • Be knowledgeable about the history and intellectual traditions of human-computer interaction concepts and techniques.
  • Be able to access and distill primary research relevant to content area
  • Learn user-centered design techniques and distinguish when and where is most appropriate to use these methods. (Interviewing, ethnography, etc)
  • Gain experience as a designer of interactive technology by getting your hands dirty, prototyping interfaces and functions (but not programming or developing the back-end).
  • Practice qualitative and quantitative methods for user needs discovery and usability evaluation.
  • Demonstrate that design is a systematic and evidence-based process by working in the field
  • Design technology that is easy to use, useful, and supports users with varying levels of expertise.
  • Compellingly communicate design concepts and the rationale behind them
  • Create inventive design artifacts with an awareness of history, audience, and context

Grading

The total grade for the class will be based upon the following factors and weights:

Reading Presentations 10%
Project Milestone 1: People and Place(s) 5%
Project Milestone 2: Personas, Task Analysis, Storyboards 10%
Project Milestone 3: Prototypes 15%
Project Milestone 4: Evaluation 20%
Project Milestone 5: Final Prototype and Process Book 25%
Participation 15%

Late Work

I do not accept late work except in rare instances where arrangements were made ahead of time.

Participation

Class participation is mandatory. Participation in class discussion and in studio are imperative because they allow you to explore content and design process collaboratively. Participation in class also challenges you to continuously question, refine, and articulate your own ideas and interpretations.

Your participation grade is determined in part by attendance, active participation in class activities and critiques, and from peer evaluation at the end of the group project. NOTE: if you are “voted off” your group because you are not being responsive or productive you automatically get 0% for participation.

COVID

We are still navigating COVID. While there’s bound to be some new routine of periodic infection, the consequences of illness for high-risk individuals remain serious – whether that individual is you, a friend, partner, family member. Please get vaccinated. If you feel sick at all, stay home. I will do my best to keep the virtual channel open for lecture. Communicate with with me, with your studio TA, and with your project group. Missing class or studio due to illness will not count against your attendance and participation.

If you have specific concerns, reach out so I can understand and make an effort to address.

Written Assignments and Project Reports

Written work is an important part of many of the evaluation components. Students are expected to use best practices when submitting written work. This means clearly citing material that is not your own, in accordance with the GT honor policy listed below.

Readings & Reading Presentations

All readings are either directly linked below or available in Canvas. You are expected to read assigned material prior to studio to facilitate discussion. The readings are an important part of course material and will support the lecture materials. To help facilitate this, you will present and discuss readings during studio. Your TA will develop a presentation schedule – on a weekly basis, presenters are the lead discussant, but everyone is expected to participate.

Each response should be posted to the assignment in Canvas by midnight the day the readings are assigned – Canvas should be setup to accept your responses, please let me know if not. Responses are graded on a 3-point scale (3 = exceptional, 2 = adequate, 1 = insufficient). I will drop your 3 lowest response scores.

Course Communication

We will have three main channels for communication. Questions and issues with any of the course material should start with your TA. I will use Canvas for course-wide announcements and updates to assignments and project deliverables. Once we are underway, we will be using MS Teams for studio and project group communication and coordination. Finally, email is the best way to reach me and the only way to schedule additional office hours if needed.

Course Expectations and Guidelines

  • The Georgia Tech Academic Honor Code applies to all work submitted in this course.
  • You are expected to check your e-mail and Canvas daily. Important class announcements and information will be posted to Canvas. You are responsible for all materials posted.
  • Grades will be posted to Canvas throughout the semester. It is your responsibility to keep track of your submitted assignments and grade progress throughout the semester.
  • All project milestones are due Friday @ 11:59 PM EST the week noted in the plan. In-studio or class presentations may occur before materials are due. Assignments can be turned in up to one week after the due date. Late assignments will be penalized 10 points per day.
  • Appropriate online behavior is expected at all times. This means that you should be respectful of your classmates, your TAs, and your instructor.

Course Schedule

What follows is an outline for the semester. As the semester progresses, we may adjust dates and materials.

Schedule TBD

Week 1 INTRODUCTION TO HUMAN-COMPUTER INTERACTION

Administrivia and what is HCI and UCD

STUDIO

Individual introductions & studio overview.
Reading discussion & presentation expectations.
Project overview: People -> Problem(s) -> Prototypes -> Evaluation

HCI RESEARCH
Week 2 GOOD INTERACTION DESIGN & DESIGN PROCESS

Read
✼ Buchanan, “Good Design in the Digital Age”
How to Begin Designing for Diversity
✼ Flick – Chapter 13
✼ Wixon et al. 1990. Contextual Design: An Emergent View of System Design

STUDIO

Project groups assigned
Formulate Fieldwork Plan

UNDERSTANDING PEOPLE
Week 3 Labor Day

No class/studio

INTERVIEWS & SURVEYS & CONTEXTUAL INQUIRY
Week 4 TASK ANALYSIS

Read
✼ Carroll, “Five Reasons for Scenario-Based Design”
Ethics and the User Experience – Ethics and the Individual
✼ Pruitt and Grudin, “Personas: Practice and Theory”
✼ Cabrero et al. 2016. A Critique of Personas as representations of “the other” in Cross-Cultural Technology Design

STUDIO

Project Milestone 1 Due Midnight Friday

PERSONAS & SCENARIOS
Week 5 GENERATING CONCEPTS

Read
✼ Kolko, “Abductive Thinking and Sensemaking: The Drivers of Design Synthesis”
Design Thinking Is Fundamentally Conservative and Preserves the Status Quo
✼ Warfel Prototyping Ch 1-3

STUDIO

Create Personas & Scenarios

FROM CONCEPT TO PROTOTYPE
Week 6 PROTOTYPING

Read
✼ Greenburg et al., “The Narrative Storyboard”
✼ Biggs and Desjardis, “Crafting an Embodied Speculation: An Account of Prototyping Methods”
✼ Lim, Stolterman, and Tenenberg “The Anatomy of Prototypes: Prototypes as Filters, Prototypes as Manifestations of Design Ideas”
✼ Norman 1988 Psychology of Everyday Things, Chapter 1

STUDIO

Begin project prototypes

MODES & METAPHORS
Week 7 VISUAL DESIGN: TYPE & GRIDS

Read
✼ Edward Tufte, Envisioning Information. ch. 1 and 2
✼ Ronnie Lipton, Practical Guide to Information Design, ch. 1 and 4.
✼ Red Labor, Know Your Type.

STUDIO

Work on prototypes

Project Milestone 2 Due Friday Midnight

STUDIO DAY
Week 8 VISUAL DESIGN: INFORMATION ARCHITECTURE

Read
✼ Edward Tufte, Envisioning Information, ch. 3.
✼ Robert Waller, “Making Connections: Typography, Layout, and Language.”
✼ Kostelnick, R. “Supra-Textual Design: The Visual Rhetoric of Whole Documents,” Technical Communication Quarterly 5.1 (1996): 9-33.

STUDIO

Work on prototypes

STUDIO DAY
Week 9 FALL BREAK

No class/studio

STUDIO DAY
Week 10 POSTER SESSION

Schedule TBD

STUDIO

Work on prototypes

Project Milestone 3 Due Friday Midnight

POSTER SESSION
Week 11 USABILITY TESTING

Read
✼ Dumas and Redish 1999. A Practical Guide to Usability Testing
✼ Gergel and Tan. “Experimental Research in HCI,” in Ways of Knowing in HCI
How to Conduct a Heuristic Evaluation
10 Usability Heuristics for User Interface Design
Severity Ratings for Usability Problems

STUDIO

Evaluation Planning/Testing

Studio Day

Evaluation Planning/Testing

Week 12 Evaluation Techniques

Read
How to Conduct a Heuristic Evaluation
10 Usability Heuristics for User Interface Design
Severity Ratings for Usability Problems

STUDIO

Evaluations Continued

STUDIO DAY
Week 13 FUTURE OF UCD / INDUSTRY PANEL

Read
✼ Peter-Paul Verbeek. 2006. Materializing Morality: Design Ethics and Technological Mediation. Science, Technology and Human Values. Volume 31, Issue 3.
A brief history of how racism manifests itself in design and how we can learn from it.
✼ Gray et al. The Dark (Patterns) Side of UX Design

STUDIO

Evaluation Presentations

Project Milestone 4 Due Friday Midnight

STUDIO DAY
Week 14 STUDIO DAY

STUDIO

Work on final prototypes

THANKSGIVING BREAK

No class

Week 15 STUDIO DAY

STUDIO

Work on final prototypes

STUDIO DAY
Week 16 STUDIO DAY

STUDIO

Work on final prototypes

Final deliverables due by midnight December 9

General Class Policies

It is important to keep in mind that this class focuses on the principles and processes of information design, not on technical skills; it is therefore up to you to develop and/or hone your facility with Adobe Illustrator, InDesign, and Photoshop.

Students whose work meets all criteria outlined for an assignment will receive a grade of C; students whose work meets all criteria and shows additional sophistication, thoughtfulness, research and creativity will receive a grade of B; students whose work meets all criteria and goes well beyond the expected in terms of sophistication, thoughtfulness, research, and creativity will receive a grade of A; students whose work fails to meet to all criteria outlined for an assignment will receive a grade of D or F.

Two points will be deducted for all typographic, spelling, and grammatical errors in all writing assignments.

Late assignments will not be accepted. Presentations must be given on the designated day.

Lectures will not be posted. It is your responsibility to take notes and remain attentive in class.

If you have questions or concerns about this or any other course policies stated in this syllabus, class assignments, email correspondence, or announced in class, please speak with me in class, during office hours, or via email as soon as possible so that we can discuss your concerns.

Debate, Diversity, and Respect

In this class, we will present and discuss a diversity of perspectives. Although you may not always agree with others’ perspectives, you are required to be respectful of others’ values and beliefs. Repeated inappropriate or abusive comments and/or behavior will be cause for disciplinary action. If you feel that your perspectives are being ignored or slighted, or you in anyway feel uncomfortable in the classroom, please contact me immediately.

The Communication Center

The Communication Center is located in Clough Commons, Suite 447. It is an excellent resource for any student (undergraduate or graduate) who wants help with a communication-related project. You can visit the center for help at any stage of the process for any project in any discipline. The knowledgeable and friendly tutors are available to help you develop and revise your projects. They are not available to “fix” your projects. Please do not ask the tutors to proofread or edit your projects.

For information on making an appointment please visit their website. If you need assistance with the appointment system, you can call 404-385-3612 or stop by the center.

All services are free and confidential.

Students with Disabilities

Students should self-report to the Access Disabled Assistance Program for Tech Students at:
220 Student Services Building
Atlanta, GA 30332-0285
404.894.2564 (voice) or 404.894.1664 (voice/TDD)

Scholastic Dishonesty and Academic Misconduct

This class abides by the university’s policies relating to plagiarism, scholastic dishonesty, and academic misconduct. Per the Georgia Tech Code of Conduct, plagiarism is defined as:

  • Unauthorized Access: Possessing, using, or exchanging improperly acquired written or verbal information in the preparation of a problem set, laboratory report, essay, examination, or other academic assignment.
  • Unauthorized Collaboration: Unauthorized interaction with another Student or Students in the fulfillment of academic requirements.
  • Plagiarism: Submission of material that is wholly or substantially identical to that created or published by another person or persons, without adequate credit notations indicating the authorship.
  • False Claims of Performance: False claims for work that has been submitted by a Student.
  • Grade Alteration: Alteration of any academic grade or rating so as to obtain unearned academic credit.
  • Deliberate Falsification: Deliberate falsification of a written or verbal statement of fact to a Faculty member and/or Institute Official, so as to obtain unearned academic credit.
  • Forgery: Forgery, alteration, or misuse of any Institute document relating to the academic status of the Student.
  • Distortion: Any act that distorts or could distort grades or other academic records.