A user journey is a route through the app that a typical user would take. Fitness tracking apps are fully featured and cover many categories, so it's important for the scope of this project to define what functionality you want when you prototype this design. In this video, learn how to create a user journey from low-fidelity wireframe sketches.
- [Instructor] If, like me, you use…a fitness tracking app regularly,…you'll be familiar with the concepts of…counting steps, monitoring heart rate, distance traveled,…calories burned, floors climbed, tracking weight,…sleep, water intake, calories consumed, and more.…These apps are pretty fully-featured.…Now, it would be beyond the scope of this course…to design every single screen and function,…so it's just important to define what functionality…we want to demonstrate…when we come to prototype this design.…
For that, we'll look at our sketches…and choose a user journey.…A user journey is a route through the app…that a typical user would take.…So let's focus on our sketches…and choose some key screens.…So what we're looking at here…are the sketches that I've made…and I've laid them out in this way…so that we're thinking about how we're going to get…from left to right.…What journey are we going to take?…So what we can do is reveal our layers and…there is a layer here called "Journey"…and if I enable that with the eye,…
Learn how to animate the prototype by watching Andy's follow-up course, Creating a Mobile App Interface in After Effects.
- Planning the app
- Sketching ideas
- Designing reusable components
- Converting artwork to symbols
- Completing the app screens
- Exporting artboards
- Preparing for animation