As a final year Engineering student studying at IIIT Vadodara and interning as a designer at Pay1 for my final year B.Tech Project, it was a great opportunity for me to prepare this case-study.
Pay1 is a tech platform focused on empowering the unorganized retailers of India. The firm is revamping its product by focusing more on the user experience which is challenging as their targeted users are mostly from2nd, 3rd and 4th + tier cities and creating user experience according to them as well as cohesive with the existing trends is quite difficult.
First, I started by checking the login screen of the existing app of the product then drew a task flow accordingly for my understanding. I also visualized screens of different apps, shots on Dribble, Behance and read a few case studies.
My initial observation was “All the apps almost have the same kind of stuff” the only difference I noticed was in the layouts and the colors they used. So, my mentor gave me the advice to observe every small detail and find out “Pros and Cons” in order to figure out the interactions
I made a list of a few questions and concluded feasible solutions. I elaborated every solution into a case for better understanding. I used the 5W1H (What, When, Why, Where, Who and How) method to simplify my solutions and to have a larger perspective on this problem. It would also be beneficial for the higher stakeholders from the Product Department to understand the small details as well as the pros and cons of every login screen.
Case 1- Preference given to the Sign-Up button
In apps like Facebook, Instagram, Messenger the user’s login and they won’t log out immediately after using the app. Only the first time users would use the sign-up button to create an account or if the user wants to create an account with another number he would use the sign-up button otherwise the sign-up button is not used much and it also occupies space.
Case 2 – The preference is not given to the Sign-Up button
In this, the text (create an account) is placed below the logo which clearly shows that this is not given much importance. The elements are arranged in such a way that it doesn’t look as busy as Case 1.
Case 3 – Login by using only the phone number
This type of screen is for those apps like Zomato, Ola, Uber where the user doesn’t need to remember the password in order to log in but getting an OTP frequently might also create irritation.
Case 4 – Using a background image on the screen
It’s simple and clear, isn’t it but because of the background image the page might take time to load.
Case 5 – Everything in one screen
We can show everything in one screen instead of directing the user to different pages but this type of screen creates confusion for the user as the screen has a lot of elements to concentrate on.
Case 6 – Adding a label to the placeholders
Adding labels might occupy a lot of space which would make the screen busier instead we can add the text inside the placeholder.
Case 7 – Adding a profile picture instead of logo
If it’s an Instagram, Facebook app then we might consider this case but in an app like pay1, most of them wouldn’t concentrate on adding a profile picture is necessary.
Case 8 – Login directly with Facebook, Gmail or any other account.
Most of the apps are following this type of screens to fetch more data from the users. Similarly, the user will also feel more comfortable in directly logging in rather than creating a new account with a new password but if we consider this for retailers most of them don’t prefer it as they don’t have email id’s.
Case 9 – A busy screen with all the elements.
This is similar to Case-5 but much busier and is full
Case 10 – Adding Check-boxes
These check boxes occupy a lot of space instead we can set these as default and not adding on the screen.
Group A: Simple and clear screens but the concentration is more on the profile picture, background image rather than helping the user.
Group B: These are busy screens, helping the users toconcentrate on all important elements but at the same time creating confusionas the user has to focus on everything only in one screen.
Group C: The last two screens are a lot busier than Group Bscreens but these are helpful for first-time users as the onboarding screenshelp them to understand what exactly the Pay1 app is about and how to use it.
I understood that different screens are preferred according to different users and nothing is wrong or right as everything adds to our learnings, which helps us to create a better user experience.