User Interface and User Experience Design

Title User Interface and User Experience Design (51230)
Quarter Autumn 2020
Instructor Andre Marques (andremar@cs.uchicago.edu)
Website

https://docs.google.com/document/d/1HNCIFZUIFCXdBN04D9IOw0d77HwCZG8e9_e9vT3TO4A/edit

Syllabus

*This course will be conducted remotely and will be online only for Autumn 2020*

 

 

Overview

 

Instructor: André Marques (he / him / his)
Email: andre.marques@uchicago.edu
Office Hours: Thursdays 4PM - 6PM. (I encourage you to meet with me individually to ask questions, discuss your personal goals, and progress in this course. I am available via email and will usually reply within 24hrs.)
Prerequisites: Core Programming
Course Website: Google Classroom
TA: Tom Tian (he / him / his)
TA email: tsquared@uchicago.edu
Grader: Lauren Campbell (she / her / hers)
Email: lcampbell@chicagobooth.edu 

 

Description

 

Whether you’re ordering a burrito, boarding a plane, chatting with friends, booking your next workout, or reading this sentence—you’re likely using software with a user interface.

 

This course will teach you how to create useful and engaging user interfaces. 

 

We will cover different methods of approaching design problems, how to conduct research to understand users, create prototypes, discuss, present, and assess design.

 

Learning Objectives

 

At the end of this class you will be able to:

 

Implement design processes within various contexts: personal projects, startups, and structured software development teams.
 
Understand the needs of users and identify meaningful problems to address in order to create positive experiences.
 
Create prototypes of any fidelity using contemporary design tools for web, mobile, and design systems.
 
Articulate design decisions and provide constructive feedback.

 

Course Components

 

Online Class

Wednesdays 5:20PM - 7:20PM central.

Synchronous sessions where students engage in activities. Some lecture topics will be covered. Camera on is preferred due to the interactive nature of this course. Zoom links will be distributed via email.

 

Student Interviews 

You will interview your classmates for a variety of design activities.

 

Critiques

We will collaborate as a class and in small groups to assess design decisions made on assignments. You will be asked to informally present your designs to peers. I will provide you with structure and guidance throughout this process.

 

Participation

Due to the nature of this course, class discussions are essential. Weekly synchronous session attendance is required. Failure to attend class on a regular basis could result in a failing grade in the course. If time of the class sessions will not work for you to attend, you should not take this class. If you miss more than two class sessions during the Autumn quarter, please reach out to masters-admin@cs.uchicago.edu to discuss options for a leave of absence or withdrawal from the course.

 

Recorded Lectures & Demos

Available after online classes weekly.

Lectures and demos will prepare you for assignments each week by covering relevant topics as listed in the schedule. Demos will provide hands-on demonstrations in class on how to use design tools. They will be recorded and posted in Google Classroom.

 

Assessment

 

Grade

 
25% Participation 
75% Assignments



Late Assignments

 

You can submit up to 2 late assignments, however you must contact me within 24hrs of the original deadline to coordinate an extension. Failure to submit assignments on time could result in a failing grade in the course. If you miss more than two deadlines during the Autumn quarter, please reach out to masters-admin@cs.uchicago.edu to discuss options for a leave of absence or withdrawal from the course.

 

Academic Honesty

https://studentmanual.uchicago.edu/academic-policies/academic-honesty-plagiarism/



Topics

 

Thinking

Approaching a design problem. Knowing where and how to start will set you in the right direction on design projects. 

 

  • Design Process

  • Creative Problem Solving

 

Observing

Finding the right problem to solve. Understanding people and their experiences will give you insight into the prototypes you should create and test.

 

  • Need Finding

  • Human-centered Design

  • Research Methods

  • Personas

  • User Testing

  • User Journeys

  • Metrics

  • Research Synthesis



Making

Creating useful prototypes. Design principles will guide you through the creation of visual interface and user workflow decisions to address the needs of your users successfully.

 

  • Accessibility

  • Principles, Patterns, & Techniques

  • User Goals & User Flows

  • Information Architecture

  • Visual Design (layout, typography, icons)

  • Paper Prototypes

  • Low Fidelity Prototypes

  • High Fidelity Prototypes

  • Iterative Design

  • Design Management

 

Evaluating

Communicating design decisions and providing feedback. Design is often a team effort, so we will learn how to successfully work in a design environment with others.

 

  • Presentations

  • Critiques

 

Tools

 

  • Notebook: Observations and low fidelity paper prototypes. Not required for assignment deliverables but useful for exploring ideas.

 

  • Figma: Medium & high fidelity prototypes.

 

    • Figma is an online user interface design tool that is free for educational use. We will create and share user interfaces with this tool.

 

  • InVision: Interactive prototypes.

 

    • InVision is an online product design tool that is free for educational use. We will create interactive prototypes with this tool.

 

Readings

 

  • This class has no textbook.

  • Readings may be assigned weekly and will either be available as links or PDFs on our class website. Readings will support topics covered in class.

 

Schedule

Slight modifications to schedule and assignments may occur as the quarter progresses.

 

Week 1

 

  • Lecture: Introduction to user interface and user experience design

  • Class Activities: Intro Activity & Interviews for Assignment 1

  • Assignment 1: Single page prototype

 

Week 2

 

  • Lecture: Discussing design and basic interface design principles

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 2: Simple website prototype

 

Week 3

 

  • Lecture: Designing responsively and interface design principles continued

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 3: Single page prototype

 

Week 4

 

  • Lecture: Application design principles and patterns

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 4: Simple website prototype

 

Week 5

 

  • Lecture: Accessibility, native app patterns, and needfinding

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 5: Responsive website prototype

 

Week 6

 

  • Lecture: UX research

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 6: Web application prototype

 

Week 7

  • Lecture: User on-boarding, retention, and habits

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 7: On-boarding prototype

 

Week 8

 

  • Lecture: Detailed Milestone 1 feedback, designing with data

  • Class Activities: Group feedback and interviews for new assignment

  • Assignment 8: Native app prototype

 

Week 9 

Thanksgiving week; asynchronous only.

 

  • Lecture: Presenting design

  • Project: Milestone 1

 

Week 10

 

  • Lecture: Design systems, management, user stories, & prioritization

  • Class Activities: Group feedback on project

  • Project: Project Milestone 2

 

Week 11

 

  • Project Group Feedback

Prerequisites (Courses)

Core Programming required.

Prerequisites (Other)

Satisfies

Elective
SE-2 Specialization Requirement (https://masters.cs.uchicago.edu/page/software-engineering)
MC-2 Specialization Requirement (https://masters.cs.uchicago.edu/page/mobile-computing)

Time

Wednesday 5:20-7:20 PM

Location

Online Only