Week 1

Tuesday, January 16
+ Course Introduction
+ Lecture: What is Interactive Design?
+ Introduction to Project
Homework
+ Read Panafino PDF and Read Chapter 1, UX Team of One – take notes and be ready to discuss it in class on Thursday

Thursday, January 18
+ Discuss Readings
+ Review UX Design Process, Website structure and site-maps
+ Review Project 1; Research Project Begins
+ Start by reading the handouts on Content Analysis and Cognitive Walkthroughs
Homework
+ Work on Project 1 website analysis
+ Focus on the navigation and usability of your website, how easy is it for you to navigate the site? Can you find the information you are trying to find? What is the purpose of the site? What is the content? Who is the audience?

Week 2

Tuesday, January 23
+ Brief Web History lecture and introduce Milanote for Sitemaps
+ Share references and inspiration post
+ In-class working session
Homework
+ Focus on creating a site map for your website, consider reviewing both desktop and mobile versions
– How do the desktop and mobile versions differ?
– Is one version more successful than the other? If so, note the pain points you experience as a user while interacting with the site
– What improvement feedback would you give the design team?

Thursday, January 25
+ Review Milanote
+ In-class working session
Homework
+ Use Milanote to create a site map for your website
+ Review Considerations on Project 1 Page Make sure you are addressing all of the considerations in your analysis

Week 3

Tuesday, January 29
+ Introduce Figma for Wireframes
+ In-class working session
Homework
+ Continue working on Website Analysis
+ Start to brainstorm presentations (layout, grid system [2 column, 3 column, 4 column, modular, etc], icons, visual language, typography, content pacing, narrative)
+ Read A Collaborative Process, Chapter 4, Human Machine Learning – Corinne Schillizzi

Thursday, February 1
+ Lecture: What makes a good presentation?
+ Review Pentagram, Behance, RGA, Mother, Frog, IDEO
+ In-class working session
Homework
+ Review Project 1 post for presentation requirements
+ Complete Presentation for submission on Monday

Week 4

Tuesday, February 6
+ Project 1 Due class presentations
+ Lecture: Introduction to Project 2; Introduction to New Topic in HTML
Homework
+ Be ready to discuss 6 typeface choices, Bring supporting research (Design Firm, Type Designer, Country of Origin, Intended Use, Year Created, etc.).
+ Read Introduction, Chapters 1 and 2 of HTML & CSS, by Jon Duckett
+ Read chapters 1 (pg. 10) – 3 (pg. 28), Don’t Make Me Think, Steve Krug.

Thursday, February 8
+ Discuss Typeface choices, individual discussions
+ Review Readings
+ Lecture: Introduction to CSS & HTML
+ Watch Helvetica, Documentary 2007
Homework
+ Continue researching your Google Font family
Starting in the Empathize Phase you will research your Google Font. Consider the following:
– Date the font was created and where
– Were there significant global events, movements, and pop-culture events happening at this time?
– Who is the Type Designer, Foundry or Firm that designed the typeface?
– Where has this typeface been used? (Visual research)
– What inspired the typeface? (A place, person, another typeface)
– How many font variations does this typeface have?
– Was this typeface created to solve a design problem?
+ Start Site Map for Type Specimen Website
+ Start to think of written content (poems, song lyrics, creative writing excerpts, etc) to support the message of your type specimen website or app

Week 5

Tuesday, February 13
+ Discuss Site Maps
+ Lecture: Introduction to CSS & HTML
+ Watch Helvetica, Documentary 2007
Homework
+ Download and install Visual Studio Code, complete preliminary homework HTML exercise on Codecademy
+ Duckett readings Chapters 3, 4, 5

Thursday, February 15
+ Lecture: Selectors
+ Finalize Site-Maps
+ Continue watching Helvetica, Documentary 2007
Homework
+ Download and install Visual Studio Code, complete preliminary homework HTML exercise on Codecademy
+ Read Duckett HTML & CSS, Chapters 6 + 7
+ Finish your research and create a site map for your site
+ Bring in 3 wireframe sketches (each) for 2 layout directions, remember to annotate your wireframes show us your columns, navigation and interaction elements

Week 6

Tuesday, February 20
+ Critique: Sitemap and Wireframes for Type Specimen Project
+ Work in class to further develop wireframes
Homework
+ HTML exercise on Codecademy
+ Choose one direction and continue to develop wireframes

Thursday, February 22
+ Individual Critiques
+ Working Session
Homework
+ HTML exercise on Codecademy
+ Complete Medium Fidelity wireframes for critique on Tuesday
+ Export wireframes as PDFs to include in presentation
+ Include visual studies (color palette, typography treatment, pattern, grid, etc)
+ Refer to the Class Critique presentation post for the presentation template

Week 7

Tuesday, February 27
+ Medium Fidelity Wireframes for Type Specimen Project Due
+ Whole class crit and presentations
Homework
+ HTML exercise on Codecademy

Thursday, February 29
+ Whole class crit and presentations (cont.)
+ Marking up a comp demo
Homework
+ HTML exercise on Codecademy
+ Complete

Week 8

Tuesday, March 5
+ Intro and Demo for Visual Studio Code
+ In-class coding exercise
+ Selectors Lecture
Homework
+ HTML exercise on Codecademy
+ Create folders for your type specimen project
+ Set up Landing Page or Entry point of website
– Remember to refer to W3Schools, the Jon Duckett HTML & CSS text

Thursday, March 7
+ CSS Demo
+ All class working session
Homework
+ HTML exercise on Codecademy
+ Complete Marking up your comp assignment

*Spring Recess March 9 – March 17*

Week 9

Tuesday, March 12
+ Spring Recess

Thursday, March 14
+ Spring Recess
Read: Duckett, HTML & CSS chapters for reference
Chapter 10
+ Understanding CSS: Thinking Inside the Box, pg 229
+ CSS Selectors, pg 238
+ How CSS Rules Cascade, pg 239
Chapter 13
+ Boxes, pg 301
Chapter 15
+ Layout, pg 359
Chapter 17
+ HTML5 Layout, pg 429

Week 10

Tuesday,  March 19
+ Work in Class
+ Whole class critique
+ CSS Animations
Homework
+ Refine code

Thursday, March 21
+ Work in Class
+ Whole class Critique (cont)
Homework
+ Continue to Refine Code

Week 11

Tuesday, March 26
+ Intro to Prototyping in Figma
Homework

Thursday, March 28
+ Prototyping in Figma (cont)
Homework

Week 12

Tuesday, April 2
+ Work in class

Thursday, April 4
+ Work in class

Week 13

Tuesday, April 9
+ Coded Specimen Prototype Due; Introduction to Project 3
+ Working Session: Design/Build/Review Project 3, Review concept ideas and supporting research

Thursday, April 11
+ Working Session: Design/Build Project 3, continue concept and research review

Week 14

Tuesday, April 16
+ Small Group Crits: Design/Build Project 3
+ Homework: Work on refinements, based on feedback

Thursday, April 18
+ Working Session: Design/Build Project 3

Week 15

Tuesday, April 23
+ Small Group Crits: Design/Build Project 3
+ Homework: Work on refinements, based on feedback

Thursday, April 25
+ Working Session: Design/Build Project 3

Week 16

Regular Classes End April 29, 2024

Tuesday, April 30
+ Reading Day

Thursday,
+ Possible Final Exam Day
Final Exam: TBD
—
May, 2 – May, 8
University-wide exam days