Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn UX: Introduction to Wireframing and Prototyping
Introduction
Introduction (1:20)
Downloadable files for the course
Introduction to Wireframes
What is a Wireframe? (2:38)
Why Should You Wireframe? (2:07)
How to Make Wireframes in Balsamiq
About Balsamiq (1:36)
The Navigator Panel And Canvas (4:42)
The UI Library and Properties panel (4:18)
The Balsamiq Toolbar (2:02)
Let's Start Wireframing (3:54)
Wireframing the Create an Account screen (10:37)
Wireframing the Profile Setup screen (11:16)
Wireframing the List of Workouts screen (6:58)
Wireframing the Workout Details screen (5:46)
Wireframing the Workout Video screen (5:06)
Linking the Wireframes and Presentation (8:28)
Creating a PDF Prototype and Presentation (2:52)
How to Make Wireframes in Adobe XD
About the Project in Adobe XD (1:31)
Personas and User Flow (1:39)
Overview of Adobe XD (6:52)
Wireframing the Create an Account screen (11:11)
Wireframing the Profile Setup screen (13:52)
Wireframing the List of Workouts screen (9:58)
Wireframing the Workout Details screen (6:53)
Wireframing the Workout Video screen (5:37)
Prototype Presentation in Adobe XD (7:58)
Final Thoughts
Final Thoughts (0:59)
About the Project in Adobe XD
This lesson is devoted to discussing the Mobile App wireframe project in Adobe XD.
Complete and Continue