Fundamentals and Methods: Visual Interaction Design

Week 13 - April 3

Assignments

• Project 2E (8%) – final site, due at the beginning of the class

---

Week 12 - March 27

Lectures

• Lecture: Feedback

Readings

• Design Criticism and the Creative Process
• Critiquing Design With Designers

Assignments

• Introduction to Exercise B (5%) - due at the end of class
• Individual review of Project 2E code

Due next week

• Project 2E (8%) refinement based on feedback – due at the beginning of the class

---

Week 11 - March 20

Lectures

• Lecture: Positioning
• In-Class Exercise 5 (2%)

Assignments

• Introduction to Project 2E
• Individual review of Project 2D code

Due last class (2 weeks: April 3)

• Project 2E (8%) – due at the beginning of the class

---

Week 10 - March 13

Lectures

• Lecture: Links
• Lecture: Images
• In-Class Exercise 4 (2%)

Assignments

• Introduction to Project 2D
• Individual review of Project 2C code

Due next week

• Project 2D (8%) – due at the beginning of the class

---

Week 9 - March 7

Lectures

• Lecture: Box model
• In-Class Exercise 3 (2%)

Assignments

• Introduction to Project 2C
• Individual review of Project 2B code

Due next week

• Project 2C (8%) – due at the beginning of the class

---

Week 8 - February 27

Lectures

• Lecture: Introduction to CSS
• CSS Validator
• In-Class Exercise 2 (2%)

Assignments

• Introduction to Project 2B
• Individual review of Project 2A code

Due next week

• Project 2B (8%) – due at the beginning of the class

---

Week 7 - February 20

• Reading Week - No Class

---

Week 6 - February 13

Lectures

• HTML and CSS editors: Atom (free) | BBEdit | Coda 2 | Sublime Text 2
• Lecture: Introduction to HTML
• HTML Validator
• In-Class Exercise 1 (2%)

Assignments

• Introduction to Project 2
• Presentation of Project 1E

Due next class

• Reminder: Next week is reading week - No class February 20
• Due February 27: Project 2A (8%) – due at the beginning of the class

---

Week 5 - February 7

Assignments

• Introduction to Project 1E
• Small group review of Project 1D (high-fidelity mockups)

Due next class

• Project 1E (10%) – due at the beginning of the class

---

Week 4 - January 30

Lectures

• Lecture: High-Fidelity Mockups

Assignments

• Introduction to Project 1D
• Small group review of Project 1C (mid-fidelity wireframes)

Due next class

• Project 1D (5%) – due at the beginning of the class

---

Week 3 - January 23

Lectures

• Lecture: Mid-Fidelity Wireframes

Readings

• Wireframing – The Perfectionist's Guide

Assignments

• Introduction to Project 1C
• Small group review of Project 1B (mood boards and low-fidelity wireframes)

Due next class

• Project 1C (10%) – due at the beginning of the class

---

Week 2 - January 16

Lectures

• Lecture: Mood Boards
• Lecture: Low-Fidelity Wireframes

Readings

• The Role of Sketching in the Design Process
• Hand Sketches – Things You Didn't Know Your Doodles Could Accomplish

Assignments

• Introduction to Project 1B
• Small group review of Project 1A (proposal)

Due next class

• Project 1B (5%) – due at the beginning of the class

---

Week 1 - January 9

Lectures

• This class website
• Introduction to the course (outline | schedule)
• Slack (ysdn1006-w19.slack.com)
• Setting up project folders in Digital Locker
• Accessing Digital Locker
• Submitting work
• Lecture: Grids
• Lecture: Information Architecture

Readings

• 6 steps to redesigning a site’s IA
• The Anatomy of a Grid
• Designing grids

Assignments

• Introduction to Project 1
• Introduction to Exercise A

Due next class

• Project 1A (5%) – due at the beginning of the class
• Exercise A (5%) – due at the beginning of the class