Processes and Workflows: Visual Interaction Design

Week 13 - November 29, 2018

• Last class

Assignments

• Project 3D due today
• Review of Project 3D

---

Week 12 - November 22, 2018

Assignments

• Introduction to Project 3D
• Review of Project 3C

Due next class

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

---

Week 11 - November 15, 2018

• InVision demo

Readings

• Stopwords in the user interface

Assignments

• Introduction to Project 3C
• Review of Project 3B

Due next class

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

---

Week 10 - November 8, 2018

• Lecture: User Flows

Readings

• Applying systems thinking in product design

Assignments

• Introduction to Project 3B
• Review of Project 3A

Due next class

• Project 3B (10%) – due at the beginning of the class

---

Week 9 - November 1, 2018

• InVision Account Setup
• Lecture: Usability Heuristics

Readings

• First Principles of Interaction Design
• The dribbblisation of design

Assignments

• Introduction to Project 3
• Review of Project 2E

Due next class

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

---

Week 8 - October 25, 2018

• In-Class Exercise 5 (2%)

Assignments

• Introduction to Project 2E
• Small group review of Project 2D

Due next class

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

---

Week 7 - October 18, 2018

• In-Class Exercise 4 (2%)

Assignments

• Introduction to Project 2D
• Small group review of Project 2C

Due next class

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

---

Week 6 - October 11, 2018

• Reading Week - No Class

---

Week 5 - October 4, 2018

• NOTE: There is no class next week, October 11, 2018
• Lecture: Designing Systems
• In-Class Exercise 3 (2%)

Readings

• Design Systems
• Further reading: Atomic Design Book

Assignments

• Introduction to Project 2C
• Small group review of Project 2B

Due next class

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

---

Week 4 - September 27, 2018

• Lecture: Frameworks
• Introduction to Bootstrap
• Bootstrap 4 Essential Training
• In-Class Exercise 2 (2%)

Assignments

• Introduction to Project 2B
• Small group review of Project 2A

Due next class

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

---

Week 3 - September 20, 2018

Lectures

• Lecture: Recap: Information Architecture
• Lecture: Personas

Readings

• Sitemaps – The Beginner’s Guide
• Creating Personas: A guide, not a template

Assignments

• Introduction to Project 2
• Individual review of Project 1B

Due next class

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

---

Week 2 - September 13, 2018

Lectures

• Setting up project folders in Digital Locker
• Accessing Digital Locker
• Submitting work
• Lecture: Responsive HTML and CSS
• In-Class Exercise 1 (2%)
• HTML Validator and CSS Validator

Readings

• Responsive Web Design Basics
• Responsive Web Design

Assignments

• Introduction to Project 1B
• Small group review of Project 1A

Due next class

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

---

Week 1 - September 6, 2018

Lectures

• This class website
• Introduction to the course (outline | schedule)
• Slack (ysdn2005-f18.slack.com)
• Lecture: HTML/CSS Review

Assignments

• Introduction to Project 1

Due next class

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