Calendar

• Week
  Topic
  Date
• 1
  Pre-Internet texts
  03/04

• Talk

  • Concrete Poetry to ASCII

  Activities

  • Introductions and Class overview
  • Sign up, download, and join Sublime Text (or VS Code), Github, and Figma (use your .edu email for these services, and for Figma verify student status under "For Students" here)
  • Exercise: ASCII Town
  • Kickoff P1 – Personal Utility

  Assignment

  • Finish ASCII Town pt 1 and pt 2
  • P1 Step 1 - brainstorm ideas for a personal utility.
• 2
  Welcome to the Web!
  03/11

• Talks

  • Information Architecture Basics (Sitemaps)
  • Intro2HTML

  Activities

  • Create a team in class to work with this semester
  • Join the UI Design team in Figma (make sure you use your .edu email!)
  • Re-introduce yourself: Share your ASCII house
  • Review Concepts for Personal Utility with your teammates
    • Place overviews of your concepts into this Figma project for later review and access
  • In-Class Exercise: Popular IA/Sitemap

  Assignment

  • Choose a concept and create a information architecture and wireframes for your personal utility in Figma
  • Exercise: Class Website
  • Recommended: Codecademy: Learn HTML Unit 1 (Elements and Structure)
• 3
  Hyperlinks
  03/18

• Lecture

  • HTML Basics
  • Intro to Figma demo files

  Activities

  • Review Personal Utility sitemaps and wireframes
  • Make your wireframes interactive

  Assignment

  • Link your ASCII House to your personal site
  • Refine your wireframes into high-fidelity, interactive, comps for Personal Utility in Figma
  • Research Omar Mohammad in preparation of his visit (via Zoom) next week April 1st
• 4
  Principles
  03/25

• Talk

  • CSS Basics 1
  • HIG History

  Activities

  • Group Meetings
  • In-Class Exercise: Style Your Personal Site

  Assignment

  • In Figma refine your simple prototype showing at least 2 interactions for P1
  • Research Omar Mohammad in preparation of his visit (via Zoom) next week
  • Recommended: Codecademy: Learn CSS
• 5
  Variables
  04/01

• Talk/Demo

  • Omar Mohammad Guest Lecture (via Zoom)
  • Figma Prototyping Pt. 2

  Activities

  • Group Meetings

  Assignment

  • Continue refining your designs – aim to have a refined aesthetic and interaction language by next week!
• 6
  Descriptions
  04/08

• Talk/Demo

  • Protopie Basics (Demo File)

  Activities

  • Optional Small Group Meetings – sign up in the class doc, priority will be given to members of groups in this order: Pearl, Black, Yellow, Blue, Sapphire, Silver, Gold, Red.
  • In-Class Pair Exercise: Product Description
  • Extra-Credit Exercise: Dark Mode 1 (Toggle)

  Assignment

  • Finalize P1 and be prepared to share your protoype
    • Refine your prototype using Figma/Protopie/etc. developing one full interaction across a minimum of 3 screens... share your final utility concept, sitemap, static design and prototype with the class in a presentation format (I'd suggest creating a slideshow which includes a screen recording your prototype to present, as well as sharing a link where we can interact with it).
    • Presentations will be split into two groups, the first group will present next week April 15, and the second group will present April 22. If you missed class, assume you will present on April 15
• 7
  Reviews Pt. 1
  04/15

• Activities

  • P1 Crit: Structure
    • Because of the class size we will need to be efficient in our reviews. Therefore, I'd like everyone to plan to present for 6-7 minutes with 2-3 minutes of quick verbal comments.
    • You will also be responsible for providing written feedback to the person before and after you in the sign up order – this way everyone will receive at least 2 people's written feedback. When you present, introduce yourself so the feedback can be addressed properly. – you can provide written feedback for anyone! Just make sure to also provide it for the person before or after you in the presentation order.
    • It is ok to present in Korean, but please provide some subtitles, or notes, in English for me 😅 and your classmates without Korean language skill
    • Everyone please arrive on time!

  Assignment

  • If you didn't present today, finalize P1 and be prepared to share your protoype
  • If you did present today, reflect on feedback from your review and make changes to your P1
• 8
  Reviews Pt. 2
  04/22

• Activities

  • P1 Crit: Structure
    • Because of the class size we will need to be efficient in our reviews. Therefore, I'd like everyone to plan to present for 6-7 minutes with 2-3 minutes of quick verbal comments.
    • You will also be responsible for providing written feedback to the person before and after you in the sign up order – this way everyone will receive at least 2 people's written feedback. When you present, introduce yourself so the feedback can be addressed properly. – you can provide written feedback for anyone! Just make sure to also provide it for the person before or after you in the presentation order.
    • It is ok to present in Korean, but please provide some subtitles, or notes, in English for me 😅 and your classmates without Korean language skill
    • Everyone please arrive on time!

  Assignment

  • Reflect on feedback from your review and make changes to your prototype.
  • Begin thinking about P2: Public Utility, and complete Step 1: "User" Research Interview by conducting interviews with two people about the issue you'd like to address in your next project
  • Recommended Reading: Towards Relational Design by Andrew Blauvelt