Product:
Jobike User App & JoPoint App
Timeline:
Jan 2019 - Jun 2019
My Role:
UX Research, UI/UX Design
Tools:
Miro, Adobe XD, Figma, Notion.
Platform:
Android App.
Team Collaboration:
Product, Marketing, Support, and Tech.
Jobike is an app-based station less bicycle-sharing services, provides an eco-friendly solution for mobility and healthy lifestyles. The users can enjoy their ride by using Jo-Credit Balance and get recharege from only the nearest JoPoints.
Make more efficient Online recharge process.
Secure the users' privacy.
Online recharge increased by 65%.
We secured the users' privacy.
The existing Jo-Credit recharge process was manual. Also, the Jobike users needed to visit JoPoints physically to get their recharge. It was very unusual and a hassle for them.
Our main challenge was implementing the Online Recharge process for our users to get their Jo-Credit Balance recharge from home. Besides, the existing recharge process was creating some crucial problems.
JoPoints Agent uses a USSD service to recharge.
The current process exposes users' phone numbers and makes their privacy vulnerable.
Some users complained that they were receiving spam calls from unknown sources. It seems like their phone numbers are exposed from JoPoints.
The UX Process
When we have minimal time and resources, selecting an efficient, sustainable, and flexible design process is always challenging. I have chosen the approach to the Lean UX process. It is an iterative process with three simple steps.
Think
Make
Check
... and keep repeating the steaps.
Focusing on the goals, I also pay attention to the 4 principles.
A collaborative culture with Lean UX: We opted for a lean approach emphasizing rapid sketching, prototyping, user feedback, and design mockups.
Building trust through transparency: Sharing our methods and thinking from the outset helped to build a strong client relationship.
Starting on the same page: Together, we identified risks and aligned on expectations, and constructed a shared vision for the app.
Build early test early: This helped us to define the problems in the early stage and solve them instantly.
The Discovery
The discovery phase was a quick, high‐intensity effort that allowed us to -
Define project goals and milestones
Audit the existing process faults
Review the existing solutions by other products
Understand business visions
Empathize the users' needs, behaviors, and pain‐points
Understand technological feasibility and constraints
Here are three considerations that help me to understand and prioritize the issues.
How satisfying is the solution for users?
How well is this solution for users' problem solving and also good for business?
How challenging would it be to build from the technical feasibilities and limitations?
The Findings
We visited 3 JoPoints and discussed with the agents. We had discussed with the 20 Jobike users.
16 Jobike users want the online recharge system. It is a hassle to visit JoPoints.
14 users doubt the JoPoints are exposing their phone number, and it causes getting more spam calls.
All the JoPoints agents are unhappy with the USSD recharge system.
The JoPoint agents had complained about their account top-up and managing system. It is hard to keep records of all the transactions.
The Solutions
Thinking about the future, we wanted to create a system that is simple, easy to use, functional and scalable solution to address the problems.
We’ll introduce the online Jo-Credit recharge options.
We’ll also redesign the recharge process at Jopoints.
The online recharge process is to be implemented by using 3rd party applications. Jobike tech team uses a hybrid mobile app development platform. So it is essential to keep it into consideration while designing the solutions.
Next, I develop a flow chart of the process.
Sketchs & Wireframing
The following steps were to sketch wireframes based on the user flow maps.
Creating wireframes helped me to visualize the ideas and gave us the basic structure for how users would use the app.
When creating these wireframes, we kept the user needs from the earlier findings and research in mind.
Prototyping & Testing
While creating the wireframes, I always built the flow and low fidelity prototype and continuously conducted a series of sessions for usability testing.
I have done several testing sessions with a close group of users.
UI Design
Before starting the UI design process, I always built a highly customizable design system to create a design language. It helps us a lot in creating user-friendly, accessible, & high-fidelity designs.
I have designed a design style guideline and reusable components.
Usability Testing
We conducted three smaller in-person usability testing sessions.
The goal was to assess the app's overall usability and identify areas for improvements that could facilitate the completion of the tasks. The participants were given the same set of jobs.
Due to the NDA issue, I've only shared the information authorized by the Jobike authority.
Refine & Deploy
Based on the usability testing sessions, we refined and updated the design. Then, we created deliverables for development handover. I maintained continuous communication with the developers during the development period.
After the successful deployment, it is time to collect feedback from the user.
Results & Future Iteration
After the successful deployment, we collected feedback from user interview sessions. The newly developed features helped us rebuild our users' trust and make our service more efficient. We've monitored and measured the results and within the first 6 month based on our success metrics-
Online recharge increased by 65%. Users don't need to visit JoPoints.
Although JoPoint recharge decreased, the process is now more efficient. We've secured the users' privacy.
I always prefer to follow the iterative process. And keep repeating the steps.
Let's Work Together!
Book a Schedule
My Resume & Portfilio
Download my Resume and Offline Portfolio in PDF.