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,…
Author
Andy Needham
Released
1/16/2018Learn 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
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome55s
-
-
1. Planning the App
-
Review references1m 57s
-
Choose a user journey2m 25s
-
2. Setting Up the Project in Illustrator
-
Set up the project file6m 3s
-
3. Designing Reusable Components
-
Create the header8m 44s
-
Create the title bar4m 9s
-
Create the goal area6m 10s
-
Create a dashboard tile5m 11s
-
Create the bar chart6m 19s
-
Create a data item4m 10s
-
Create a friend item3m 42s
-
Create the navigation bar9m 59s
-
-
4. Completing the App Screens
-
Complete the Steps screen4m 55s
-
Complete the Friends screen2m 59s
-
5. Finishing Touches
-
Organize our project file3m 15s
-
Export artboards1m 16s
-
Get files ready to animate3m 53s
-
-
Conclusion
-
Next steps1m 11s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Choose a user journey