Assignments
(In assignment 5 and later, 3% is allocated to feedback on the previous assignment)Assignment 1
- Exercise 1: Noticing the design of everyday things (25%)
- Exercise 2: Learning to write good HTML (25%)
- Exercise 3: First steps at interactivity (50%)
- Submitting your homework
Assignment 2
- Exercise 1: UI Hall of Fame and Shame (40%)
- Exercise 2: Evaluating Graphic Design (20%)
- Exercise 3: Practicing graphic design principles (40%)
Assignment 3
- Exercise 1: Critiquing CSS Demos (20%)
- Exercise 2: Making interactive CSS demos (75%)
- Exercise 3: Design Critique (5%)
Assignment 4
- Exercise 1: Fixing the Web with CSS! (32%)
- Exercise 2: Shopping Planning App (63%)
- Exercise 3: Design Critique (5%)
Assignment 5
- Exercise 1: Adding CSS to your HW1 homepage (33%)
- Exercise 2: Evaluating calculator UIs (32%)
- Exercise 3: Evaluating instant messaging UIs (32%)
Assignment 6
- Exercise 1: Paper prototype an improved calculator UI (20%)
- Exercise 2: User testing of your paper prototypes (20%)
- Exercise 3: Iterate and implement a Balsamiq/Figma mockup (30%)
- Exercise 4: Make your homepage more universal (30%)
Assignment 7
- Exercise 1: Make an existing website mobile-friendly and print-friendly (25%)
- Exercise 2: Paper prototype a chat/IM app (20%)
- Exercise 3: User testing of calculator Balsamiq/Figma mockup (20%)
- Exercise 4: HTML/CSS mockup of calculator (25%)
- Exercise 5: Create a bookmarklet that reveals saved passwords
Assignment 8
- Exercise 1: User testing of your Chat/Messaging App paper prototypes (20%)
- Exercise 2: Iterate and implement a Balsamiq/Figma mockup of your Chat/Messaging App (30%)
- Exercise 3: JS for Calculator (47%)
Assignment 9
- Exercise 1: User testing of Balsamiq/Figma mockup of your Chat/Messaging App (20%)
- Exercise 2: HTML/CSS + JS for Chat/Messaging App (74%)
- Exercise 3: Recitation Design Critique (3%)
Assignment 10
- Exercise 1: Adding Prototype Functionality using JS for Chat/Messaging App (52%)
- Exercise 2: Improving color & typography on your website (15%)
- Exercise 3: Evaluation of recipe UIs (30%)
- Exercise 3A (Alternate): For those who dislike food (30%)
Assignment 11
- Exercise 1A: Animation & Dataviz Hall of Fame and Shame (30%)
- Exercise 1B: Design your own CSS feature! (30%)
- Exercise 2: Adding animation on your website (15%)
- Exercise 3: Prototyping a recipe reader app (20%) - For those who chose Ex 3 in HW10
- Exercise 3A: Prototyping an alternative app (20%) - For those who chose Ex 3A in HW10
- Exercise 4: Implementation on Local Data (10%)
- Exercise 5: API connection (22%)