[ ] π₯ User Empathy: You understand what user empathy is, and can use it to understand a classmate's needs and help them plan a home page.
[ ] π₯ Design Cycle: You will be able to describe the design cycle and what steps you will take in each state (Empathize, define, ideate, prototype, testing and implement).
[ ] π₯ Double Diamond: You can separate the design and deliver phases of a project. Design and delivery are a never-ending cycle, but it helps to be clear when you are focusing one or the other.
[ ] π₯ Stakeholder Interviews: You can interview another student to learn their motivations, needs, and blocks
[ ] π₯ Rapid Prototyping: You can use rapid prototyping techniques (such as paper prototyping) to test initial design hypotheses and receive user feedback.
[ ] π₯ User Journeys: You can write user journeys for websites that you use.
[ ] π₯ Design Principles: You can apply some of the key design principles to your own site, such as alignment, proximity, contrast, balance and space.
[ ] π£ CSS: You can use CSS3 to implement responsive & accessible designs.
[ ] π₯ Accessible Design: You will be able to make a website design more accessible.
[ ] π£ Screen Readers: You can navigate a web page using a screen reader, and can use semantic elements and ARIA labels to make your web pages accessible.
Learning Objectives
Priorities: π₯, π£, π₯, π (click to learn more)
1. Design Thinking
[ ] π₯ User Empathy: You understand what user empathy is, and can use it to understand a classmate's needs and help them plan a home page.
[ ] π₯ Design Cycle: You will be able to describe the design cycle and what steps you will take in each state (Empathize, define, ideate, prototype, testing and implement).
[ ] π₯ Double Diamond: You can separate the design and deliver phases of a project. Design and delivery are a never-ending cycle, but it helps to be clear when you are focusing one or the other.
[ ] π₯ Stakeholder Interviews: You can interview another student to learn their motivations, needs, and blocks
[ ] π₯ Rapid Prototyping: You can use rapid prototyping techniques (such as paper prototyping) to test initial design hypotheses and receive user feedback.
[ ] π₯ User Journeys: You can write user journeys for websites that you use.
2. Gestalt Principles
[ ] π₯ Design Principles: You can apply some of the key design principles to your own site, such as alignment, proximity, contrast, balance and space.
[ ] π£ CSS: You can use CSS3 to implement responsive & accessible designs.
3. Collaborative Design Softwares
4. Accessibility
[ ] π₯ Accessible Design: You will be able to make a website design more accessible.
[ ] π£ Screen Readers: You can navigate a web page using a screen reader, and can use semantic elements and ARIA labels to make your web pages accessible.