Week 1

Tue 9/2
+ Course Introduction
+ Lecture: What is Interactive Design?
+ Introduction to Project 1; Research Project Begins
+ Split into research groups
Homework
+ Read Panafino PDF, and be ready to discuss it in class on Thursday

Thu 9/4
+ Small Group Meetings: Research Project
Homework
+ Continue to work on Project 1 website analysis, make sure to stay in collaboration with your group
+ Focus on creating a site map for your website, consider reviewing both desktop and mobile versions
– How does the desktop and mobile version 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?

Week 2

Tue 9/9
+ Brief Web History lecture and wireframe discussion
+ Share references and inspiration post
+ In-class working sessions with groups
Homework
+ Continue to work on website analysis
+ Read Chapter 1, UX Team of One

Thu 9/11
+ Lecture: What makes a good presentation?
+ In-class working session

Week 3

Tue 9/16
+ Small group critiques
+ In-class working session
Homework
finish presentations

Thu 9/18
+ Project 1 Due class presentations
Homework
+ Review project 2 post on the class website…become familiar with GoogleFonts

Week 4

Tue 9/23
+ Lecture: Introduction to Project 2; Introduction to New Topic in HTML
Homework
+ Be ready to discuss 3 typeface choices, Bring supporting research (Design Firm, Type Designer, Country of Origin, Intended Use, Year Created, etc.).
+ Read chapters 1 (pg. 10) – 3 (pg. 28), Don’t Make Me Think, Steve Krug.

Thu 9/25
+ Discuss Typeface choices, individual discussions
+ Lecture: Introduction to CSS & HTML
+ Watch Helvetica, Documentary 2007
Homework
+ Keep researching the font family of your choice
+ Work on Site Map for Type Specimen Website

Week 5

Tue 09/30
+ Discuss Site Maps
+ Lecture: Introduction to CSS & HTML
Homework
+ Download and install Visual Studio Code, complete preliminary homework HTML exercise on Codecademy
+ Duckett readings Chapters 1 -3

Thu 10/2
+ Lecture: Selectors
+ Finalize Site-Maps
+ Continue watching Helvetica, Documentary 2007
Homework
+ HTML exercise on Codecademy
+ Read Chapters 2 & 3 Don’t Make Me Think, Steve Krug
+ Bring in 5 wireframe sketches (each) for 2 layout directions, remember to annotate your wireframes

Week 6

Tue 10/7
+ Critique: 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

Thu 10/9
+ 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

Tue 10/14
+ Medium Fidelity Wireframes for Type Specimen Project Due
+ Whole class crit and presentations
Homework
+ HTML exercise on Codecademy

Thu 10/16
+ Whole class crit and presentations (cont.)
+ Marking up a comp demo
Homework
+ HTML exercise on Codecademy
+ Complete

Week 8

Tue 10/21
+ 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

Thu 10/23
+ VSC Demo
+ All class working session
Homework
+ HTML exercise on Codecademy
+ Complete Marking up your comp assignment

Week 9

Tuesday, October 28
+ Work in class on Type Specimen (Code)
Homework

Thursday, November 30
+ Happy Halloween 🎃 👻
+ Work in class on Type Specimen (Code)
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
Homework
+ Continue working in Studio Visual Code
+ Have your homepage HTML and CSS ready for review on Tuesday

Week 10

Tuesday  11/4
+ Work in Class
+ CSS Animations
Homework

Thu 11/6
+ Work in Class
Homework
+ Finish type specimen presentation for critique on Tuesday

Week 11

Tue 11/11
+ Critique: Final Design Comps for Type Specimen Project (cont)
Homework

Thu 11/13
+ Critique: Final Design Comps for Type Specimen Project (cont)
Homework

Week 12

Tuesday, November 18
+ Homework: Finish Coding Type Specimen project

Thursday, November 20
+ Coded Specimen Prototype Due; Introduction to Project 3
+ Working Session: Design/Build/Review Project 3, Review concept ideas and supporting research

Week 13

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

Thur 11/27
*THANKSGIVING BREAK – NO CLASS*

Week 14

Tue 12/2
+ Small Group Crits: Design/Build Project 3
+ Homework: Work on refinements, based on feedback

Thur 12/4
+ Working Session: Design/Build Project 3

Week 15

Tue 12/9
+ Small Group Crits: Design/Build Project 3
+ Homework: Work on refinements, based on feedback

Thur 12/11
+ Working Session: Design/Build Project 3

Week 16

Tue 12/16
+ Last Working Session: Design/Build Project 3

Thur 12/18
+ Possible Final Exam Day
—
Mon 12/15 – 12/22
University-wide exam days
Final Exam: TBD