Course outline

Part 1: Responding to Content

---

Week 1

1/22
Studio
In class: What is interaction design?
Reading: Introduction to Are We Human? by Beatriz Colomina and Mark Wigley
Assignment: Begin Project 1: Typographic Dialogues

1/24
Lab
Introduction, organizing files, Github & Sublime workshop

1/25
Studio
In class: What is the internet? A short history of design and design tools; introduction to ongoing Bad UX assignment
Reading: Maciej Ceglowski, Web Design: The First 100 Years
Assignment: Project 1: Typographic Dialogues, Bad UX #1

---

Week 2

1/29
Studio
In class: What is content? Introduction to form, content, typography, language
Reading: Preface and Introduction to The Information by James Gleick
Assignment: Project 1: Typographic Dialogues

1/31
Lab
HTML syntax, file naming, tags, media, CSS Intro

2/1
Studio
In class: Why does type matters on the web?
Reading: The Web’s Grain by Frank Chimero
Assignment: Project 1: Typographic Dialogues, Bad UX #2

---

Week 3

2/5
Studio
In class: Review and critique, typography continued
Reading: Hover States by Rob Giampietro
Assignment: Project 1: Typographic Dialogues

2/7
Lab
CSS syntax, box model, positioning

2/8
Studio
In class: Review and critique
Reading: TBD
Assignment: Project 1: Typographic Dialogues, Bad UX #3

---

Week 4

2/12
Studio
In class: Review and critique, work in class
Assignment: Project 1: Typographic Dialogues

2/14
Lab
CSS positioning, typography

2/15
Studio
In class: Critique, Project #1: Typographic Dialogues
Reading: Introduction, The Design of Everyday Things by Don Norman
Assignment: Begin project #2: Inaccessible sites, Bad UX #4

---

Part 2: Responding to humans

---

Week 5

2/19
Studio
In class: What is a human, what is a user
Reading: Videos on accessibility
Assignment: Project #2: Inaccessible sites

2/21
Lab
CSS media query, flexbox, dev/inspector tools

2/22
Studio
In class: What is an edge case and why should we care; basic elements of accessibility for color, layout, content, media, structure
Reading: The Distribution of User’s Computer Skills by Jakob Nielsen
Assignment: Project #2: Inaccessible sites, Bad UX #5

---

Week 6

2/26
Studio
In class: adaptations and audiences, designing for other humans
Reading: Accessibility for people with anxiety and panic disorders part 1 and part 2
Assignment: Project #2: Inaccessible sites

2/28
Lab
CSS media query, flexbox

2/29
Studio
In class: Critique, project #2: Inaccessible sites; basic intro to Figma and wireframing
Reading: WeChat in China with Christina Xu (podcast episode)
Assignment: Begin project #3: Website as teacher, Bad UX #7

---

Week 7

3/5
Studio
In class: visual design systems, looking at and critiquing existing tools and interfaces, Figma part 2
Reading: Protocol by Alexander Galloway
Assignment: Project #3: Website as teacher

3/7
Lab
Work session

3/8
Studio
In class: Considerations for mobile, thinking about user inputs and feedback
Reading: TBD
Assignment: Project #3: Website as teacher, Bad UX #8

---

Week 8

3/12
Studio
In class: Small groups review, in-class testing, working in class
Reading: TBD
Assignment: Project #3: Website as teacher

3/14
Lab
Jquery, javascript intro

3/15
Studio
In class: Critique, Project #3: Website as Teacher
Reading: Critical Atlas of Internet by Louise Drulhe
Assignment: Document Projects 1–3. Bad UX #9

** NO CLASSES WEEK OF MARCH 18 **

---

Part 3: Responding to the Internet

---

Week 9

3/26
Studio
In class: Mapping the web, all-group exercise
Reading: Something is wrong on the internet by James Bridle
Assignment: Begin Project #4: Cross-platform storytelling

3/28
Lab
CMS, Jquery, Javascript intro

3/29
Studio
In class: Review and feedback on Project #4 sketches
Reading: A business with no end by Jenny Odell
Assignment: Project #4: Cross-platform storytelling, Bad UX #10

---

Week 10

4/2
Studio
In class: Small-group review and feedback on Project #4 iteration
Reading: Adventures in Twitter fiction by Andrew Fitzgerald
Assignment: Project #4: Cross-platform storytelling

4/4
Lab
Jquery, javascript intro

4/5
Studio
In class: Critique: project #4: Cross-platform storytelling
Assignment: Begin project #5: Information from the Outside, Bad UX #11

---

Week 11

4/9
Studio
In class: Critique, Project #4: Cross-internet storytelling
Reading: Instead of Writing a Thousand Words Part 1 Part 2 Part 3
Assignment: Project #5: Information from the Outside

4/11
Lab
Advanced javascript

4/12
Studio
In class: Website as database. Discussing various feeds, blogs, information inputs, information outputs, streaming information
Reading: The Library of Babel by Jorge Luis Borges
Assignment: Project #5: Information from the Outside, Bad UX #12

---

Week 12

4/16
Studio
In class: Small group and individual meetings
Reading: Torching the Modern-Day Library of Alexandria by James Somers
Assignment: Project #5: Information from the Outside

4/18
Lab
Advanced javascript

4/19
Studio
In class: What is data? Small group and individual meetings
Reading: Designing in the NOW by Rachel Berger
Assignment: Project #5: Information from the Outside

---

Week 13

4/23
Studio
In class: What is product design? In-class testing
Reading: TBD
Assignment: Project #5: Information from the Outside

4/25
Lab
Work session

4/26
Studio
In class: Design process, iteration, presentation
Reading: TBD
Assignment: Project #5: Information from the Outside

---

Week 14

4/30
Studio
In class: What is product design? In-class testing
Reading: TBD
Assignment: Project #5: Information from the Outside

5/2
Lab
Work session

5/3
Studio
In class: Small-group meetings, working in class
Reading: How to do nothing by Jenny Odell
Assignment: Project #5: Information from the Outside

---

Week 15

5/7
Studio
In class: Individual meetings, working in class
Assignment: Project #5: Information from the Outside

5/9
Lab
Final exam

5/10
Studio
In class: Critique, Project #5: Information from the outside