User Flow

How to Design Your First Mobile App How to design your first mobile app
4 minutes
Share the link to this page
You need to have access to the item to view this lesson.
One-time Fee
List Price:  $99.99
You save:  $30
List Price:  €93.01
You save:  €27.90
List Price:  £78.51
You save:  £23.55
List Price:  CA$137.08
You save:  CA$41.13
List Price:  A$149.84
You save:  A$44.95
List Price:  S$135
You save:  S$40.50
List Price:  HK$780.57
You save:  HK$234.19
CHF 61.92
List Price:  CHF 88.47
You save:  CHF 26.54
NOK kr737.57
List Price:  NOK kr1,053.72
You save:  NOK kr316.15
DKK kr485.63
List Price:  DKK kr693.79
You save:  DKK kr208.15
List Price:  NZ$162.92
You save:  NZ$48.88
List Price:  د.إ367.25
You save:  د.إ110.18
List Price:  ৳11,726.55
You save:  ৳3,518.31
List Price:  ₹8,343.25
You save:  ₹2,503.22
List Price:  RM470.60
You save:  RM141.19
List Price:  ₦151,095.88
You save:  ₦45,333.30
List Price:  ₨27,798.84
You save:  ₨8,340.48
List Price:  ฿3,665.33
You save:  ฿1,099.71
List Price:  ₺3,255.34
You save:  ₺976.70
List Price:  B$544.07
You save:  B$163.23
List Price:  R1,798.90
You save:  R539.72
List Price:  Лв182.10
You save:  Лв54.63
List Price:  ₩137,993.29
You save:  ₩41,402.12
List Price:  ₪370.98
You save:  ₪111.30
List Price:  ₱5,872.66
You save:  ₱1,761.97
List Price:  ¥15,781.77
You save:  ¥4,735
List Price:  MX$1,840.52
You save:  MX$552.21
List Price:  QR363.98
You save:  QR109.20
List Price:  P1,351.45
You save:  P405.47
List Price:  KSh12,924.70
You save:  KSh3,877.80
List Price:  E£4,769.95
You save:  E£1,431.12
List Price:  ብር5,756.24
You save:  ብር1,727.04
List Price:  Kz85,440.92
You save:  Kz25,634.84
List Price:  CLP$93,524.64
You save:  CLP$28,060.20
List Price:  CN¥725.62
You save:  CN¥217.71
List Price:  RD$5,903.26
You save:  RD$1,771.15
List Price:  DA13,460.59
You save:  DA4,038.58
List Price:  FJ$224.25
You save:  FJ$67.28
List Price:  Q774.42
You save:  Q232.34
List Price:  GY$20,871.59
You save:  GY$6,262.10
ISK kr9,720.91
List Price:  ISK kr13,887.61
You save:  ISK kr4,166.70
List Price:  DH997.38
You save:  DH299.24
List Price:  L1,784.74
You save:  L535.47
List Price:  ден5,736.04
You save:  ден1,720.98
List Price:  MOP$802.54
You save:  MOP$240.78
List Price:  N$1,809.39
You save:  N$542.87
List Price:  C$3,673.34
You save:  C$1,102.11
List Price:  रु13,316.63
You save:  रु3,995.39
List Price:  S/378.81
You save:  S/113.65
List Price:  K388.93
You save:  K116.69
List Price:  SAR375.14
You save:  SAR112.55
List Price:  ZK2,577.39
You save:  ZK773.29
List Price:  L462.85
You save:  L138.87
List Price:  Kč2,314.76
You save:  Kč694.50
List Price:  Ft36,845.39
You save:  Ft11,054.72
SEK kr729.10
List Price:  SEK kr1,041.62
You save:  SEK kr312.51
List Price:  ARS$90,566.25
You save:  ARS$27,172.59
List Price:  Bs689.58
You save:  Bs206.89
List Price:  COP$411,711.94
You save:  COP$123,525.93
List Price:  ₡52,440.36
You save:  ₡15,733.68
List Price:  L2,467.38
You save:  L740.28
List Price:  ₲750,590.66
You save:  ₲225,199.72
List Price:  $U3,934.93
You save:  $U1,180.59
List Price:  zł402.61
You save:  zł120.79
Already have an account? Log In


Welcome back guys. In this video, we're going to learn what's in user flow. And why is it important in user experience design? I've already designed to use a flow for a project. Let's look at it carefully and examine each part. user flow is the path the user takes in order to complete a goal in a website or an application.

In our case, since we're designing a ticket booking application, the user flow is guiding the user to buy tickets to his favorite concert. Designing and user flow is a crucial part in any application, since it defines a clear visual guide of how the application should look like and how the user will navigate through it. each rectangle represents a separate screen that will exist within our application. The arrows indicate the relationship between the screen Firstly, we have our user entry point, which is the splash screen. This is the screen that appears as soon as the User launches the application. After the application loads in the background, the splash screen fades away.

And we're presented with the login screen. The login screen is important for our application. Since the goal for application is for the user to buy tickets, we're going to need him or her to log into our application in order to obtain his or her personal information. After the user logs in, he's presented with the parts of the screen. Here, the user can find a list of parties that are available for the day. As we can see, the user can proceed to the calendar screen where he or she can select a day in the calendar and see the parties available for that particular day.

From here, the user can also access tickets queen. If the user hasn't bought any tickets, he or she is shown an empty screen. Now, designing an empty screen is an important trait in user experience design. As a designer, you should always include some appropriate graphic text that indicates empty state, and a call to action that will navigate the user and normally have him on a dead end. In our case, if there are no tickets available in the ticket screen, we should add a call to action that says something like buy tickets now. And we'll take the user back in the cycle.

Okay, so back to the party we screen. When the user taps on a list item in a particular screen. He is redirected to the single party screen, which contains details about that particular party, such as party venue, the ticket price, when the show will start, as well as a small video sample for that particular DJ. From the single party screen. The user can navigate to the video screen where he can watch the available video sample and get familiar with the DJs music The more important thing the user can do in the single party screen is to book tickets for that particular party. He is then taken to the book ticket screen, which he or she can choose how many tickets to purchase and the credit card info.

After that, he or she is shown a success message if the purchase was successful, or an error message if the purchase wasn't completed, showing a success or error message is crucial for the user, as he or she is giving feedback about whether the tickets were purchased or not. Given feedback to the user is one of the most important things in user experience design. Because as a designer, you should never leave the user in a state where he or she doesn't know what's happening. After the tickets are successfully purchased, the user is then taken to the ticket screen where he She is shown the bought tickets. This concludes the path the user takes. He completes the full cycle using our application.

And this concludes our video. See you in the next one.

Sign Up


Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.