Design Waste4Change — UX Case Study
Waste4Change is a waste management service in Indonesia.
Goals UX Case
⚠️ Disclaimer: The UX Case Study is part of the Skilvul DTS PROA UI/UX Design Batch 3–2022 program and all assets are owned by Waste4Change.
Role of team
This Waste4Change UI/UX Design Case is collaboration with Chusnulhadi and we also work in same responsibilities in this team. Because this is our first project UI/UX Design, we work togehther to make this project with workflow have been briefed.
UX Workflow
1 — Define
At this stage, we determine the problem to be solved. The discussion process was carried out using FigJam.
Pain Points
We determine pain points thorught secondary emphatize which is having difficulity of using our web app, problem sending packages, and trouble integration API and userflow.
How-Might We
Then, we use How-Might We to make conclusion the problems have with our web app.
After Our Ideas has collected, we decided to vote and the most picked are goin to being implemented.
2 — Ideate
Prioritization Idea
At this stage, we divided the ideas that we have collected in the How-Might We stage, then based on priority whether this feature is urgent to work on now or not urgent until it can be done later.
Userflow
After we have decided which more priority, we made a userflow. To start design process, we need to understand how the app is works. A design app is not just design but also know how app is going to flow from one page to other page.
By creating userflow, you can understand how to make app or task is consistency from start to the end with flow its app.
Wireframe
Then, we creating wireframe to make a rough idea of the layout of the application and the image is still in black and white form, the image is cross, and the text contains dummy text.
Design UI
After wireframe, we continue to make Design UI full version with text information, the picture, and color represented Waste4Change. This design is high fidelity, so texts, images, colors, etc are available in Waste4Change Apps.
3 — Prototyping
At this stage, our UI Design to UI/UX Design is full of real experiences so that users can use and feel real experiences like using applications in general.
Here is the link of prototype Waste4Change Apps in figma:
4 — Testing
At this stage, Testing is the most important component in a case study to find out how effective and easy our UI and UX designs are for users to use.
In this test, we use Maze and google forms as an intermediary between the user & our design prototype and as feedback and review how our application works whether it is good or not.
According to the survey results we got through Maze & Google Form, around 80% stated that the Waste4Change Application Design was easy to use with an average score of 6 out of 7 for a perfect score.
With this result, there is an increase in features and menu navigation for the Waste4Change Application which previously had problems with API integration and misunderstanding of information.
These are results of Maze review of users.
Conclusion
The conclusion obtained from the results of this Design Case Study is that there are several things that need to be improved, especially for the long path for some users so it takes too long to load the application, however the API integration and clarity of information in the text have been improved and get good reviews from users.
Thank you for reading My article Design Case Study Waste4Change. I hope this make me to improve my skill design and research.
See you soon guys 👋🏼
