Redesigning a FASTag Mobile App
In this case study, I am going to share my design process for redesigning a Fastag Mobile App.
Project overview
The product:
The Fastag app allows users to purchase and manage a FASTag for their vehicle. In this fast-paced world, we require more apps to make our lives simpler and easier. So, I redesigned this app to help new users understand how it works, as well as to provide some new features for old users to have better experience.
Project duration:
20 September- 23 September
The problem:
This app is specifically made for users who don't travel frequently and find it challenging to use mobile devices; as a result, I've added a few screens for their convenience so they can learn what this app can do, and which route will help them travel faster and pay less in tolls.
The other user group is that of frequent travellers who want an easy, quick and manage feature in the FAStag app.
The goal:
My role
Solo UI/UX Designer.
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
What is FASTag App?
FASTag is an electronic toll collection system in India, operated by the National Highway Authority of India (NHAI). It employs Radio Frequency Identification (RFID) technology for making toll payments directly from the prepaid or savings account linked to it or directly toll owner.
Considering that everything is now digital, and that technology is developing so quickly, why not use it where it is needed?
The FASTag app can help users quickly and conveniently recharge their toll balance, saving them time. Additionally, it displays various routes and their current toll costs, which will allow users to save money.
Target Users-
• Let's begin with the primary target group “People who travel less”. They find it challenging to use the current FASTag app and require an app that is simple to use because they are unaware of the various toll routes and their costs.
• Secondary: "People who travel frequently" who want an app that is simple and easy to use, saves time on recharging, and allows them to check their balance easily.
By the way, I fall into the "not a frequent traveler" category. Which one are you?
Scope and focus
The FASTag app's scope and purpose are to provide users with everything they require in terms of convenience, easy usage and balance check, quick recharge, and prior knowledge of toll costs. As a result, in my case study, I'll be focusing on the user's FASTag path and the key features of this app.
Research Goals
Interviews
At the discovery phase of my project, I conducted user interviews to get a better understanding of the problem.
Interview Questions:
•Are you a traveller? How often do you travel?
•What challenges must you face in order to recharge the FAStag app?
•How do you feel when the existing FASTag doesn't work properly? Can you describe your frustrations and your feelings while using FASTag app?
•How would you feel if you were traveling and had no idea how many routes were available, each with a different toll cost? Do you get angry after learning that you paid more toll cost than the other route?
•How do you feel when you don’t get the notification for the recent deduction of your toll wallet balance?
•How do you feel when you couldn’t check the remaining FASTag balance.
Target participant characteristics
•People over age 18
•Resides anywhere in India
•Motor vehicle license holders
•Include participants of different genders.
Empathy Map
User research: summary
User research: pain points
Persona: Mayank Chopra
Problem statement:
Mayank Chopra is a businessman and a family man who needs a new, easy and simple FASTag app because he enjoys taking long road trips with his family and frequently runs into issues with the current app.
User Journey Map
I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.
Mapping Mayank Chopra’s user’s journey revealed how convenient it would be for users to have access to new FASTag App so that they can easily recharge and check their balances.
Information Architecture
Paper wireframes
It was ensured that the elements that made it to the digital wireframes would be well suited to solve the user's pain points by taking the time to create iterations of each screen of the app on paper. To save time, I gave priority to quick and simple alternatives on the home screen.
Digital Wireframes
At the beginning of my design process, I created wireframes for testing purposes.
As the initial design phase continued, I made sure to base screen designs on feedback from the user research.
Low-fidelity prototype
The low fidelity prototype connected the primary user flow of buying and quick recharging the FASTag app so the prototype can be used in a usability study with users.
View the FASTag’s
FASTag- UI Kit
High-fidelity prototype
The final High-fidelity prototype presented cleaner user flows for buying and recharging the FASTag’ app. It also meets needs for estimating the toll cost between two places and choosing the alternative route based upon the cost.
View the FASTag’s
Accessibility considerations
Takeaways
Next Steps
Let’s Connect!
THANK YOU!
If you'd like to get in touch, my contact information is given below.
Email- prajapatinikitaa@gmail.com
LinkedIn- nikita-uxdesigner
