Winter 2025

Interface Design

VC235

Course Calendar

COURSE WEEK ::

01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11

Week 01 | Course Orientation / Elements of Web Design

Tuesday :: 01.07.2025

Welcome Course Introduction & Welcome
Review of Course Syllabus and Calendar
Lecture The Elements of User Experience
Reading Meet the Elements (Jesse James Garrett)

Thursday :: 01.09.2025

Lecture The Elements of Web Design
Project Introduction to Silver Creek Soap Company Website Design Project
Lab Competitor Website Research
Reading Web Design Concepts for Non-web Designers
Resources Project: Silver Creek Soap Company Website Design
Lab: 01 Competitor Website Research

Week 02 | User-Centered Design / Figma

Tuesday :: 01.14.2025

Lecture Understanding User-Centered Design: Research, Personas, Task Flows, & Wireframes
Lab Creating Personas, Task Flows, & Wireframes
Resources Class Notes: Personas, Task Flows & Wireframes
Lab: 02 Creating Personas, Task Flows, & Wireframes

Thursday :: 01.16.2025

Lecture Introduction to Figma: Functionality, concepts & interface.
Working with Tools, Frames & Components in Figma
Resources Class Notes: Introduction to Figma Design

Week 03 | Figma / Medium of the Web

Tuesday :: 01.21.2025

Design Lab Working with Frames & Assets in Figma
Resources Design Lab: 03 Working with Frames & Assets in Figma

Thursday :: 01.23.2025

Lecture The Medium of Web Design: Features & limitations of designing for the browser.
Video Co-Design, Not Redesign (Kevin M. Hoffman)
Resources Class Notes: Understanding the Medium of Web Design

Week 04 | Web Typography

Tuesday :: 01.28.2025

Due Silver Creek Soap Company Website Design Project Round One
Critique Group Critique of Silver Creek Soap Company Website Design Project

Thursday :: 01.30.2025

Lecture Web Typography: Fonts, Type Sizing, & Recommendations
Lab Setting Web Typography
Project Introduction to Escape Fiction Website Redesign Project
Video On Web Typography (Jason Santa Maria)
How to Choose a Typeface (Pimp My Type)
Reading Refactoring UI (Adam Wathan)
Ordering Disorder: Grid Principles for Web Design: Process
(Khoi Vinh)
Resources Class Notes: Web Typography: Fonts, Type Sizing, & Recommendations
Project: Escape Fiction Website Redesign

Week 05 | Grids

Tuesday :: 02.04.2025

Due Silver Creek Soap Company Website Design Project Final
Lecture Grids in Web Design
Lab Revealing Grids in Web Design
Reading Directing Grids (Excerpt from Art Direction for the Web by Andy Clarke)
Resources Class Notes: CSS Grid Systems & Design Resources
Lab: 05 Revealing Grids in Web Design

Thursday :: 02.06.2025

Design Lab Home Page Grid Variations
Resources Design Lab: 06 Home Page Grid Variations Figma Project

Week 06 | Prototyping

Tuesday :: 02.11.2025

Lecture Prototype, Preview, & Dev Modes in Figma
Lab Practice with Prototype Mode
Reading Interface and Interaction Design (Jennifer Flemming)
Resources Class Notes: Prototype, Preview, & Dev Modes in Figma
Lab: 07 Practice with Prototype Mode

Thursday :: 02.13.2025No Class —  Snow Day

Week 07 | Escape Fiction Project

Tuesday :: 02.18.2025No Class —  Instructor Out

Thursday :: 02.20.2025

Due Escape Fiction Website Redesign Project Round One
Critique Group Critique of Escape Fiction Website Redesign Project

Week 08 | Web Navigation

Tuesday :: 02.25.2025

Due Escape Fiction Website Redesign Final
Lecture Elements of Web Navigation
Project Introduction to Oregon Bike Shop Website Redesign Project
Podcast UX: Design For Space, Parking, Fly Fishing And The World (State of Wonder)
Resources Class Notes: Elements of Web Navigation
Project: Oregon Bike Shop Website Redesign

Thursday :: 02.27.2025

Lecture More on the Elements of Web Navigation
Lab Analyzing Website Navigation Effectiveness
Resources Lab: 08 Analyzing Website Navigation Effectiveness

Week 09 | Mobile / Usability

Tuesday :: 03.04.2025

Demo Designing for Mobile in Figma
Lab Comparing Desktop & Mobile Web Designs
Resources Lab: 09 Comparing Desktop & Mobile Web Designs

Thursday :: 03.06.2025

Due Strategy Phase Components of Oregon Bike Shop Website Redesign Project
Lecture Usability Testing: Methods & Practices.
Lab Performing Basic Usability Testing
Resources Class Notes: Usability Testing: Methods & Practices
Lab: 10 Performing Basic Usability Testing

Week 10 | Final Project

Tuesday :: 03.11.202

Due Oregon Bike Shop Website Redesign Round One
Critique Group Critique of Round One of Oregon Bike Shop Website Redesign Project

Thursday :: 03.13.2025

Project In-class time to work on Oregon Bike Shop Website Redesign Project

Week 11 | Finals Week

Tuesday :: 03.18.2025 @ 10:00 AM

Due Final Version of Oregon Bike Shop Website Redesign Project
Presentations Oregon Bike Shop Website Redesign Project