Problem Identification
This is the current screen that I am finding a few design problems with.
User Testing
Working process
Competitor analysis
MyRobi First screen
- As a MyRobi user, they can receive a read color alert if they don’t have enough balance in their account.
- The action button displays ‘Recharge & Purchase’ because the user needs to recharge their balance first.
MyRobi Second Screen
- My Robi users receive a green color alert for their remaining balance when they have enough funds in their account.
- The action button displays ‘Confirm Purchase’ because the user has enough balance in their account.
MyAirtel First screen
- As a MyAirtel user, they will encounter the ‘Buy Using’ tab, offering two options: “Main Balance” and “Recharge”. In the event of an insufficient balance, the system automatically selects the ‘Recharge’ option, ensuring a smooth user experience.
- The action button displays ‘Recharge & Purchase’ because the user needs to recharge their balance first.
MyAirtel Second Screen
- MyAirtel users have the freedom to make purchases using their main balance or recharge additional funds into their account. They can buy their selected plan as long as their balance is sufficient, and they also have the option to research and add more balance to their account.
- The action button displays ‘Confirm Purchase’ because the user has enough balance in their account.
MyGp Screen
- As a MyGP user, they will see the ‘Digital Payment’ button is automatically selected when they have an insufficient balance in their account. In contrast, the ”Buy with Account Balance” button displays their current balance on the left side of the button text.
- Used Normal CTA ( Button )
Flexiplan First Screen
- As a FlexiPlan user, they can access essential account information with a clear display of their current balance, along with details of their selected plan and its associated price, ensuring transparency and easy access to essential account balance information.
- Ensure that the button text clearly indicates when the account holder does not have sufficient balance to purchase the selected plan. Additionally, provide information on how much money they need to recharge to proceed with their selected plan.
Flexiplan Second Screen
- FlexiPlan users can easily know their current balance, check the cost required from their balance, and understand the cost associated with their selected plan.
- As they have a balance in their account, they are eligible and can easily click on the ‘Confirm Purchase button.
Flexiplan Third Screen
- FlexiPlan users can easily know their Main Balance Shortage and understand the cost associated with their selected plan.
- Fo the Button: Provided information on how much more money they need to recharge to proceed with their selected plan.
My Proposal & opinion
As a Skitto user, in situations where they have insufficient balance in their Skitto account, they will see the text displayed below the button: “You don’t have enough Balance”.’
However, they have the option to reload their balance from various sources, including bKash, Nagad, Rocket, or a card, ensuring a convenient and smooth experience.
→ Right Screen: When the user selects the ‘Buy with Skitto Balance’ button, their available balance is displayed within the button, ensuring transparency and convenience.”
Prototype and testing
User Testing – Click and Mouse Heatmap
User Journey Testing Phase
Thank you for taking the time to read my case study. If you have any questions or comments, please feel free to reach out to me. I appreciate your interest and support.
