How to Create a User Journey Map with Example

what's the difference between a user journey and a user flow this is a very common question and it really confused me when I first started out in UI of X design but in this video hopefully I clear some doubts and I'll definitely be showing examples of user Journeys as well just to help you understand a bit more of how it looks like and how you can use it to really improve your whole uix design process first I think it's important to explain the difference between a user Journey map and a user flow diagram when it comes to user flow diagrams I made a video on an introduction to user flows and I think that video might be a great place to start with just so you understand what a user flow diagram is I won't be diving into that too much in this video but usually there's a lot of logic behind the user flow you're basically thinking about how the user walks through their platform you're thinking about the different actions and the conditions you're thinking about how the user uses your platform itself so you have a lot of things like the home page and then maybe a condition whether the user is logged in or not and then they can go to various pages and have access to different features it's very hard to explain in a minute so check out that video I even show an example hopefully it's very helpful and then you can hop back onto this video but if you've already watched that video and you know what a user flow diagram is then I can start explaining what a user Journey map is so if you know what a user flow diagram is and how it looks but what about user Journey map as mentioned in that video a user Journey map does not have to be just what happens on your platform it's a lot of the customers experience and everything that leads up to the person even getting on the platform but essentially what a user Journey map is it's a story it's a narrative of how a user would get on your platform or it can be a tool that is supposed to help you understand more about your users it's a tool that's supposed to help you think of different features or opportunities or pain points that might arise for the user that you're targeting as you're building up your solution or your platform but that being said there are a few important components in this user training map that will help you basically create your first user Journey before you start your user Journey map you would have your user Persona this is your target audience let's say you're creating a music sharing app then your target audience would probably be music lovers in their 20s who just really want to share good music with your friends for example so you have your user Persona another important part of a user Journey map and I think this really confuses people sometimes it confused me because we're so deep into the platform that we often don't think about other scenarios or other stories or other narratives that the customer or the user would go through for example how does the user even get on the platform maybe not even about your platform but how is the user's experience with current platforms out there a user joining map does not have to be about your platform it can be any kind of scenario or experience that you're trying to understand a bit better so let's say with the music sharing platform example the second key component of a user Journey map is the scenario how a user training map is done is usually you have a scenario in mind for the music sharing platform the scenario could be this person wants to discover music and then share that music with their friends by creating a playlist of sorts that's the scenario right and then you would break down that scenario or that narrative or that experience in two different phases the first phase could be the person trying to discover the music in the first place the second phase could be finding a suitable platform and then the third phase could be adding those songs into the playlist on that platform and the fourth phase could be sharing it with friends and from each of these phases you can break it down even further and then from that you can think about what the user is thinking what the user is saying what their goals are how they're feeling their mood that's usually a really important part of the user Journey map as well and then my favorite part is the opportunities and ideas row where you kind of get to think and brainstorm some features for your own platform based on whatever the user is experiencing for example if the user found the phase of discovering music and complicated and annoying because there would be many tabs open there are no good recommendations and it's just very difficult to find great songs if that's a pain point then in the opportunities and ideas section that's where you get to brainstorm and think of different ideas for your own platform different solutions to that for example maybe using AI to generate recommendations having things personalized Etc of course there are platforms out there already that do that but example of how this user Journey map can help you think of really good solutions to some problems which your user may face this can really help you brainstorm ideas think of new features and help you understand your user a lot more so that you can Target their pain points throughout the user Journey that they have and that's why the user Journey map is a really important tool or method in the UI ux design process so I walked you through a little bit of the music sharing platform example but it wasn't very fleshed out so I do want to share another example that is a lot more well thought because it was something that I actually did for one of my past Works here's that example so I'll be walking you through this shoppie design Test example this was something I did quite some time ago for my internship at shopee this is pretty much a whole UI ux case study I guess I'll start with the challenge for this design challenge the problem was that the home page was not converting very well the current click rate performance of each module on the shopping homepage is assumed to be not good enough as a UI ux designer I'm trying to redesign the shopping homepage for all these regions all these countries let's move on to the topic that we're talking about which is the user Journey map but before that as I mentioned the user Persona is really important who exactly is the person going through this user Journey that would be in this case Lisa Lim a student in University who really likes online shopping and this is her biography she wants a streamlined and easy way to look for products and she also has some current pain points and frustrations this is just a very simple user for soda I think the important parts of your Persona I think the age the occupation and the personality of the user what they want in what their pain points are I think these are important to capture so that you can begin your user draining map relatively easily how I did it for this case is to break down the scenario into different phases for example the scenario is that she wants to buy a desk lamp for her dorm in University the phases would be looking for the desk light for her dorm breaking it down would be like browsing categories searching for the exact item and then finding the item of course there's also the checking out and and all of that which is also part of her user training but since we're focusing on the home page I just focus on these phases and besides the phase you also have goal doing thinking and saying feeling opportunities and ideas as well as the mood for each of these phases you start thinking about each of these things in the phase where she wants to look for the desk light the goal would be to buy an aesthetic and affordable dislike and perhaps in this phase she is open to looking for other things that would be nice for her dorm room as well if I didn't have this user Journey map exercise I wouldn't have thought about some of these goals that the user might have and this is very helpful so what is she doing in this doing phase she's looking on social media and Pinterest for room decor inspiration what is she thinking and saying I want my room to be aesthetic I don't want to pay too much I want a cheap and good deal what she's feeling excited online shopping is fun and I'm excited to revamp my room some opportunities and ideas integrate social media into the shoppie app or showcase more media for inspiration for example room decor desk setup and Etc and this is her mood she's kind of neutral at the moment and of course you can do the same for the rest of the phases and in the next phase browsing categories her goal is for the navigation to be easy and straightforward what is she doing she's scrolling through the homepage looking at Daily discover looking at categories navigating to each specific category and what she's thinking I want to be able to find what I'm looking for quickly I have an image of something I'm looking for but I don't know what it's called and I don't know the brand after she's done some room decor inspiration hunting now she has a lot of images but in this searching phase it might be difficult to find the thing that she's looking for even though she knows exactly what she's looking for so some opportunities and ideas would be and image search which shop he already has but the mood and also her mood is going down here and in the next phase searching for the item she wants to find the best option for the desk light and what is she doing she's browsing endlessly and she's taking so much time so she decided to use that image search function and what she's thinking I want to see different stores that are selling the same or similar item she's feeling optimistic and opportunities and ideas really allowing filtering for product searches and just to make the whole search process a lot easier and also in the Final Phase finding the item she wants to see if that item is authentic and if the reviews are good what is she doing she's seeing if the store is official and reading reviews she's thinking is this product reliable how does this product for brand compared to other brands and products and she's feeling cautious and opportunities and ideas have a compare function so these are just some ideas and how a user Journey map can help you ideate and really think of different opportunities and solutions for your own platform as you are designing in this case I'm redesigning the shopping homepage this opportunities and ideas section is really helpful as I'm thinking about what to add or what to take away from the thing that I'm designing I hope this gave you a better idea of what the user Journey map is and how it can help you in your yux design process in the future I'll definitely go through a whole case study and walk through the whole process with you guys but for today we're just talking about the user Journey map and that is all I think the confusing part about user Journey mapping is that there's no set template or guideline it really is just a tool for you to understand your users better and to really ideate and think of different features for the platform or solution that you're trying to build you can do all kinds of scenarios for your user Journey map and as long as it meets those objectives that's when you know you've made really good use of this user training mapping tool or method so that is that on this introduction to user Journey mapping I hope it was helpful and if you have any questions feel free to comment down below I'll do my best to answer them I'm going to be pushing out more UI ux design content so stay tuned that's all for now and I'll see you in the next video bye

Channel: Nomademy

Views: 10,397

Keywords: ui, ui design, ui/ux design, week in the life of a ui/ux designer, digital nomad, ux design, design tips, ui inspiration, figma, figma tutorial, side hustles, uxui, ui designer, user journey map, user flow, user flow diagram, user flow figma, ui ux design course, user journey map figma, user journey, ui ux design tutorial, ui ux, ui ux design, web design, chatgpt, ui portfolio, user journey mapping workshop, user journey map examples, how to make a user journey map

Id: NdJV8yuqBEA

Length: 10min 53sec (653 seconds)

Published: Mon Mar 20 2023