Once the problem is identified and the solution is clear the next steps consist of brainstorming, finding inspiration and analysing the competition. I created a mood board to have all the inspirational resources in one place. After this I started sketching ideas on paper to solve all the user cases, and finally, I designed low fidelity wireframes task flows that show all the interactions of the app based on user requirements.
I used the wireframes and mood board as a reference to start designing the high fidelity mockups. Before designing the screens I identified brand values and I set the typography, colour scheme, iconography and imagery for the app.
The second task flow takes place when the user has already saved one location and has previously signed up to the application. In this case, for second time users, the previous home screen is not required. When the user opens the app they would have the option to either select a saved location or implement a new search to find a different stop on the first screen.
I used Invision to create an interactive prototype of the app for every task flow. This allows for verification of the task flows and the usability of the app with real users.
I tested the tasks with some users and I implemented some modifications based on their feedback. In some cases the user was confused about the functionality of the stop name bar (Red Cow Luas), thinking that this may be a search bar where they could input new locations. To clearly show the user where their location is, I redesigned the stop name bar, making its function clearer for the user. I also added a new stop icon so the user can find their stop at a glance on the map.