Waste4Change — UI/UX Case Study : Create Solutions Skilvul Challenges For Waste4Change.com
Disclaimer — This project is part of the UI/UX Design Training Program held by digitalent Kominfo with Skilvul and Waste4Change as challenge partners. So I Hope with this project I can develop more in the field of UI/UX Design.
— Introduction
Hello, My name is Gufran, and this time I’m going to share my design process for the challenge from Skilvul, which is redesigning “Send Your Waste” programs at Waste4Change. I think this challenge is great for a beginner like me, and I got a really amazing team, namely Yusmaniar Afifa Nur and nurul fadhillah.
This project is a team project that was awarded from attending training at the Professional Academy Digital Talent Scholarship by Digitalent Kominfo and Skilvul. The design process is carried out according to the directions given by the mentors who we have met online weekly.
We’ve done a lot of great things as a team; we got to Brainstorm the whole project (Define, Ideaty, Crazy8, etc), Creating a Design System, UI Design, Prototyping and User Research.
Let’s start for the case study 😎
— The Challenge
Waste4Change (W4C) is a company that provides solutions for responsible waste management. Present for the first time in 2014 which started from a discussion between two companies in the solid waste sector. With Waste4Change, you can take advantage of various services such as consult, campaign, collect and create.
W4C wants to reduce the number of users asking how to use web apps and difficulties in sending packages due to trouble with API integration which we sometimes see can also be caused by miscommunication in flow and copywriting on the page.
Points of the challenge :
For this reason, W4C provides RWU (Recycle With Us) services with several programs such as SYW (Send Your Waste) either Regular or Sponsored Programs.
SYW (Send Your Waste) is a voluntary program for the people of Indonesia that targets housewives to be able to manage inorganic waste in their homes. This program helps its users to ensure that the sorted waste can be processed responsibly. This program is also integrated with logistics partner API’s such as Gojek and Paxel. Briefly, here is the user flow regarding the issues mentioned:
- SYW Regular : Recycle Landing Page → SYW regular → payment → send → received
- SYW Reward Points : Recycle Landing Page → SYW sponsored → send → received → point → redeem
The features that we would like to create or improve in relation to this issue are as follows:
- Recycle Landing Page
- Shipping Page
- Rewards Points Page
- Payment transition page/ logistics partner API
— Objective
After knowing the details of the challenge, the team defined the objectives into the list below :
- Create a flow that is easier for users to understand when using the application.
- Create a simple design with a modern look that makes it easier for users to use the application.
- Knowing user need when conduction online transactions.
- Knowing the motivation of users to recycle using Send Your Waste with the reward point system.
- Knowing whether the features of buying and selling handicrafts from trash can motivate users.
—Empathize
Based on Skilvul discussion with Waste4Change (AMA Session), the problem experienced by users is that the flow of the SYW program on the website application is quite confusing, and also difficultes in sending packages due to problems in API integration.
For this reason, our team focuses on making a better flow that makes it easier for users, and of course with a more friendly User Interface.
— Define
Based on user experience, as well as observations and research on problem points, Pain Points are determined according to the problem.
And then our team writes ideas based on Pain Points and grouped similar ones, then we discuss and choose to prioritize ideas that will lead to conclusions, and based on those conclusions we try to make solutions
— Ideate
In this step, our team tries to write solutions based on How-Might We conclusions, and create Affinity Diagrams to organize and prioritize solutions.
Our team tried to group the solutions into more solid and simpler solutions, because our team found quite a lot of solutions. So that the group results can be seen in the affinity diagram below:
Then our team created a Prioritization Idea to prioritize which solution should be executed first, which we divided into 4 levels: Do It Now, Do Next, Do Later, and Do Last. We place the solutions in the 4-level categories based on the effort and value of the solution.
— User Flow
Based on the ideate process we discussed to create 4 user flow scenarios.
— Low-Fidelity
After creating some user flows that our team thinks are needed, we will now create a wireframe or low-fidelity to describe the existing flow and also make it easier to create high-fidelity later.
— High-Fidelity
After completing low-fidelity, we began to build high-fidelity with the design system that we created earlier to speed up and simplify the process of completing high-fidelity.
In high-fidelity we try to make an attractive and modern design, so that it makes users more comfortable when using the application.
— Prototyping
Now we enter the prototyping stage, where prototyping functions to allow users to interact and provide feedback, on whether the design we have built is in accordance with the user flow and whether there are things that need to be improved.
— Test
And then the last stage is User Research. We tried to do in-depth interviews and Usability Testing to find out firsthand user opinions based on the solutions we created. We use a Single Ease Question (SEQ) to measure the ease that users feel after completing a given task and it is efficient to measure this project. And here are the results of some of the scenarios we created:
— CONCLUSION
Based on the results above, it can be concluded that the overall design made by our team is quite easy for users.
Although there are still some things that need to be improved and improved based on initial experiments by users, and users provide very good input for future design development.
We realize that in redesigning the Waste4Change application, there are still many shortcomings and other perspectives are needed from the users who are the targets of this Waste4Change challenge.
Hopefully this redesign can be a reference for Waste4Change to be able to develop applications that make it easier for users
