<aside> 💡 *SWBAT learn basic prototyping, smart animating, and auto layout tools in Figma, while also gaining a better understanding of how design can be made accessible and inclusive

Written by Phi Diep*

</aside>

📝 Lecture Agenda

Basic Prototyping & Design Accessibility + Justice

• Introduce midterm (10 min)
• Midterm questions (5 min)
• Tools Prototyping (30 min)
• Theory (30 min)
• Wrap-up/action items (10 min)
• LAB:
  • Prototyping Tools Bootcamp
    • Tools
      • Prototype tool practice
    • Prototype the spotify from week 3 lab
      • prototype friends tab clicky click
      • provide template/base to prototype
  • Design Accessibility
    • Maybe reference microsoft design accessibility toolkit
    • Redesign given sample interface to be more visually accessible
      • Check the visual accessibility
        • layout, color, alt text
• READINGS:
  • Design Justice for Action Zine
  • **Design Justice Introduction by Sasha Costanza-Chock**
• EXTRA READINGS:
  • Data & Society: Design Justice Podcast Episode
  • Principles of Design Justice
• HOMEWORK: Midterm
  • do it

📕 Readings

• Design Justice for Action Zine

  • I'm so bad at making discussion questions, ,, ,

• Design Justice Introduction by Sasha Costanza-Chock

🌱 Homework

Work on midterm project

🛠 Lab

Basic Prototyping Bootcamp + Accessible Design Crash Course

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FUluqiZEvP7Q0Lhx8jhqZj3%2FLab-5---Basic-Prototyping%3Fnode-id%3D1%253A8