UI/UX Case Study — Goleti App
Hi, I haven’t written on Medium for a long time. This time, I will show my latest UI/UX Case Study about applications to search the item in the offline store.
Background Stories
So in this case study, my friend named “Debi” wants to buy something, but when he visits the stores, the item he was looking for was not found, or sold out. That makes it very difficult to find the item. So I have an idea, to create an app design for users can search for the items, and can find stores that provide the items they are looking for, but before I start my design I have to do some research to know, does anyone else feel the same problem.
Design Thinking
According to Interaction Design Foundation,
Design thinking is an iterative process in which you seek to understand your users, challenge assumptions, redefine problems and create innovative solutions which you can prototype and test
Step 1 — Empathize
User Interview
First step, I must do Qualitative Research, where I do User Interviews to equalize the perception of the problem experienced when users find the items to store but the items are not found or sold out.
I do interviews with some participants, who often go shopping in an offline store.
Questionnaire
After I do the user interview, the next step I share a questionnaire with almost the same questions with a Google form for knowing what this problem is experienced by other people.
Out of 15 respondents, all answered “Yes”
Out of 15 respondents, 33.3% shop in person 2–3 times, 26.7% shop in person 1 time, 20% shop in person 5 times, and the rest answered “Uncertain”, “Rarely”, and “When there is need”.
Out of 15 respondents, all answered “Yes”
In this question, most respondents answered “Annoyed”, and some answered, “It’s making it difficult”.
From this question, 15 respondents answered “Try to find an online shop”, “Asking with friends”, “Search in Google” and many more
From this question, 15 respondents answered “Can see real items and as expected”, “More Faster”, and many more.
Step 2— Define
- Affinity Mapping
After I did the User Interview and share the Questionnaire, the next step I doing Affinity Mapping, where I grouped the answer from respondents,
- User Persona
And next, I create a User Persona, for giving a representation of potential users. In this step, I add information like User Demography, User Bio, and other information.
Step 3 — Ideate
- How Might We
And next, I tried to create a solution to the problem that has been described before.
I created ideas from the problem with How Might We steps, such as :
How Might We — New users understand the use of the product?
- Maybe create onboarding that can explain the ease and usability of the product.
How Might We — Features for users to get recommendations for the desired item?
- Maybe can use Pill Button, for a user to select items category that the user wants.
- Maybe users can use a search feature for searching the items that user wants.
How Might We — Create a feature for users to know store’s information
- Gives information like store address, opening hours, time estimate, and distance the stores from her location.
How Might We — Create a feature to help users be directed to the store that wants to visit
- Maybe can add a maps feature, and in the maps, the users can see an animation real-time navigation for users knowing a route to the stores
How Might We — Create the user get information about stores that sell the item they are looking for, around the user
- Give a maps screen, that shows some stores near users.
- Maybe users can see a list of the stores closest to the user’s location.
- Decision Matrix
In this step, I try to group the solutions for knowing High Impact, Low Impact, High Effort, and Low Effort for users using this product.
- User Flow
I create a step for users to use this product app.
Step 4 — Prototyping
Low Fidelity Wireframe
After I created the user flow, in this step I try to draw low fidelity wireframe with Figjam, to find the design concept ideas such as the layout app and flow of the app.
High Fidelity Wireframe
In this step, I design from a Low Fidelity Wireframe Concept by adding color, illustration, text information, and other components, so that the users can understand the design concept and user can get experience from prototype design. I used Figma for creating High Fidelity Wireframe.
Step 5— Testing
After I create Design & Prototype, the next step I did was testing, to know “Does the design work for the user?”. In this session, I do the Users Interview and Questionnaire.
User Interview
In this step, I do the user interview about the product that I designed. User interview aims to find a deeper understanding of users, such as feedback from users, or maybe users have pain points from the design.
What did you like about the product’s interface?
Is any something complicated with the product design? Can you tell me about it?
What do you think about this product flow? Does design solve your problem?
Do you think there is anything that needs improvement in the design?
Is there anything more you can tell about your experience using the product?
Questionnaire
After I do User Interview, the next step I try to share a questionnaire about the user experience of using the product that I designed.
In this question, 100% of respondents answer the product can be used.
In this question, 100% of respondents answer the product can solve the user’s problem.
In this question, 100% of respondents answer the product is easy to understand.
In this question, 93.3% of respondents answer want to use this product again, and 6.7% answered “No”.
From this question, 15 respondents feel “The flow is simple but easier”, “Love the color, and information can be understandable”, “Users can find the item easier”, and many more.
From this question, most respondents answer “Nothing to dislike yet”, but any respondent answered “to adding more category”, and “No prototype for finding the item first”.
Most respondents answer “Please add more categories”, “Add more store recommendations”, “Add the search product prototype in the home screen”, “I hope can be real to develop”, and many more.
Conclusion
For this case study, I can learn about how to research the problem for UX Design. But to make the decision about the idea for the research, I must do the research for validation about an idea to users. So the case study is better.
Also maybe I should be more careful in choosing the prototypes that are important. And I must research, what most item categories the user likes when user shopping.
