# Week 11: Detailed design, Identifying and working with unknowns
Learning Objective: Design iteration
By the end of this week, students will:
- Use Figma for your final design
- Learn how to shift from low fidelity to high fidelity designs.
- Identify risks/unknowns and how to proceed
Class 1
- Explore UI design options, trends, and best practices
- Midterm wireframes: Work on 3 main screens
Class 2
- Prepare 3 main screens of wireframe and get instructor feedback by the end of the class
- Continue creating the remaining wireframes to be ready for your interactive prototype
# Week 11 - Required preparation for class 1
# Read
- Principles for Usable Design (opens new window)
- MACHINE LEARNING IN MOBILE APPLICATIONS Examples (opens new window)
# Lesson Slides
- Week 11-1 Lecture: Digital Wireframing (opens new window)
- Week 11-1b In-class: Digital Wireframing (opens new window)
# Week 11 - Required preparation for class 2
# Read
- 5 reasons you should embrace uncertainty as a designer (opens new window)
- Lean UX is about reducing risk (opens new window)
- Review MAD9020 Week 3 slides (opens new window)
- DESIGN PRINCIPLES: slide 20 – 45
- USABILITY HEURISTICS: slide 53 – 63
# Lesson Slides
# Referneces
- UI Control Guidelines (opens new window)
- 10 Essential Types of App Screens in Mobile UI Design You Should Know — and a few more! (opens new window)
- Shneiderman’s Eight Golden Rules of Interface Design (opens new window)(PDF Checklist)
- What is a Progressive Web App? (opens new window)
- Foldable devices Material Design 3 (opens new window)
# TODO
TODO before next week
- Read all the notes for Week 12 and watch the videos. This will help you to answer quiz questions and prepare you for the lectures and the Hybrid exercises.
# Assignments
For class 1:
- Week 11 Class 1 work - Explore UI design options, trends, and best practices and apply to your design for Midterm: 3 key wireframes (digital)
For class 2:
- Week 11 Class 2 work - Recieve teacher's feedback for your Midterm: 3 key wireframes (digital) by the end of the class
- Create the remaining wireframes to be ready for your interactive prototype