Assignments
(In assignment 2 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 (39%)
- Exercise 2: Evaluating Graphic Design (19%)
- Exercise 3: Practicing graphic design principles (39%)
- Exercise 4: HW1 feedback (3%)
- Submitting your homework
Assignment 3
- Exercise 1: Critiquing CSS Demos (20%)
- Exercise 2: Making interactive CSS demos (77%)
- Exercise 3: HW2 feedback (3%)
- Submitting your homework
Assignment 4
- Exercise 1: Fix the Web with CSS! (33%)
- Exercise 2: Shopping Planning App (64%)
- Exercise 3: HW3 feedback (3%)
- Submitting your homework
Assignment 5
- Exercise 1: Adding CSS to your HW1 homepage (33%)
- Exercise 2: Evaluating calculator UIs (32%)
- Exercise 3: Evaluating instant messaging UIs (32%)
- Exercise 4: HW feedback (3%)
- Submitting your homework
Assignment 6
- Exercise 1: Paper prototypes of an improved calculator UI (20%)
- Exercise 2: User testing of your paper prototypes (20%)
- Exercise 3: Iterate and implement a high fidelity mockup (30%)
- Exercise 4: Make your homepage more universal (30%)
- Exercise 5: HW5 feedback (3%)
- Submitting your homework
Assignment 7
- Exercise 1: Paper prototype a chat/IM app (20%)
- Exercise 2: User testing of calculator Balsamiq/Figma mockup (15%)
- Exercise 3: HTML/CSS mockup of calculator (25%)
- Exercise 4: Create a bookmarklet that unmasks password fields (7%)
- Exercise 5: Create a bookmarklet that allows you to hide undesirable content (30%)
- Exercise 6: HW feedback (3%)
- Submitting your homework
Assignment 8
- Exercise 1: User testing of your Chat/Messaging App paper prototypes (25%)
- Exercise 2: JS for Calculator (72%)
- Exercise 3: HW feedback (3%)
- Submitting your homework
Assignment 9
- Exercise 1: Iterate and implement a Balsamiq/Figma mockup of your Chat/Messaging App (25%)
- Exercise 2: User testing of Balsamiq/Figma mockup of your Chat/Messaging App (20%)
- Exercise 3: Begin implementing Chat/Messaging App (52%)
- Exercise 4: HW feedback (3%)
- Submitting your homework
Assignment 10
- Exercise 1: Use APIs to make a mashup (40%)
- Exercise 2: Beginning to add Prototype Functionality using JS for Chat/Messaging App (40%)
- Exercise 3: Improving color & typography on your website (17%)
- Exercise 4: HW feedback (3%)
- Submitting your homework
Assignment 11
- Exercise 1: Animation Hall of Fame and Shame (30%)
- Exercise 2: Adding animation on your chat app (20%)
- Exercise 3: Continue to add Prototype Functionality using JS for Chat/Messaging App (47%)
- Exercise 3A: Recovering half credit from HW9 and HW10 (0% – 26% of HW9, 0 – 20% of HW10)
- Exercise 4: HW feedback (3%)
- Submitting your homework
Assignment 12
- Exercise 0: Recovering half credit from HW10 and HW11 (0 – 20% of HW10, 0 – 23.5% of HW11)
- Exercise 1A: Dabbling with data visualization (25%)
- Exercise 1B: Design your own CSS feature! (25%)
- Exercise 2: Publish your own open source Web Component! (72%)
- Exercise 3: HW feedback (3%)
- Submitting your homework