Ideate

Job stories gave me an explicit view of user’s paint points, motivations & proposed solutions. Also from the task analysis part, I got a clear understanding of the user’s goal. These insights helped me a lot to ideate user journeys, tasks & the final goal!

Wire framing

This was the crucial stage where I had to visualize the conversation between the user & the . But the task analysis part gave me a lot of context to ideate the user journey. This has many goals for the various user but I needed a main goal/purpose of this what was necessary for most of the user. Then I found was the main goal of this app because most of the user wanted to use this app while traveling to the unknown places. This was also pretty clear on the job stories too.

Visual Design

In this part, the main challenge was making consistency within components, finding possible states, choosing the right color & creating a design system. Sometimes, I have to use some logic & common sense to make a simple but useful journey for the end user. I used material design to make an intuitive interface.

I kept all the important actions in the home so that user can easily access what they want. From the insight, I found the Search & Navigation were very important actions. That’s why I made them prominent. In the search journey, I kept nearby tracks in the initial state of search to help users to find their closest route without knowing the name of places. Also, the rating will help them to choose their desire tracks.

This journey was pretty challenging for me. I had to figure out the best experience because this is the main & important action for the whole app. There are two conditions for navigation journey.

  1. If a user is new & hasn’t imported any route, he/she will be led to tracks page from where they will find their desired track.
  2. If a user has already imported & used a track, navigate button will be jumped to the map with the layers of the imported route.



Source link https://uxdesign.cc/navigating-app-a----58dea0529521?source=rss—-138adf9c44c—4

LEAVE A REPLY

Please enter your comment!
Please enter your name here