Videos

Week 7 Overview (8:57)

---

Project 2 (36:25)

• Project 2 Introduction (16:33)

• Project 2 Figma Set-up (12:35)

• Project 2 Grading (7:17)

---

Lecture (55:52)

• What is UI? and UI Heuristics (43:53)

• Wireframes (11:59)

---

Assignments (1:08:39)

• UI Heuristic Evaluation (12:34)

• Wireframes in Figma - Part 1 (12:29)
  Includes what you need to get started and how to create Figma frames

• Wireframes in Figma - Part 2 (8:22)
  Includes creating a logo, modifying colors, using the text panel.

• Wireframes in Figma - Part 3 (20:20)
  Includes text options, icons, alignment, components, fill and stroke panels, and using lorem ipsum.

• Wireframe Feedback FigJam (10:30)

The below video is short but VERY helpful! When developing your wireframes, think about everything as blocks and groups, and think about alignment!

• The MOST IMPORTANT rule of UI design. (4:24)

It is also worth checking out his other videos throughout this unit.