Project Overview
Purwadhika’s UI/UX final project involves application enhancement. This Studycase unrelated to Mamikos. Mamikos is a platform aiding users in discovering, booking, and paying for boarding houses (kost). Additionally, Mamikos offers Mami Service, including AC maintenance, cleaning, and laundry, catering to the needs of boarding house residents.
Starting Point
This is the website design before I started the project. what I realized was that this feature was only available on the website, the user flow was unfamiliar, inconsistent style guides of Mamikos, lack of usability, experience, & information needed by the user.
Problem Statement
I conducted qualitative research and user testing to understand why Mamikos users were unaware of the Mami Service feature.
"lack of information regarding subscription & rent"
There’s no Mami Service feature in the Mamikos application & user can only access via the website,
Users' unfamiliarity with the Mami Service UI on the website
Coupled with doubts about its authenticity due to inconsistent style guides so led to hesitation in its usage.
Research Goals
User Side
Give the information & make it simpler for boarding home tenants to order laundry service through the app to fullfil their weekly needs.
Business Side (AARRR metrics)
Enhance user acquisition by increasing product visibility & showcasing Mami Service's laundry features. Additionally, we strive to create a positive perception and ensure a delightful first-time experience for users of Mami Service products.
Research Insight
I've conducted interview & usability tests, achieving success rate of 60%
Users often struggle with laundry service selection, scheduling, and billing due to unfamiliarity with the interface.
Pain points
Behavior
Motivation
Needs
Goal
Comparative Analysis
Since there’s no direct competition, our analysis applied to 2 indirect competitor that were mentioned by users, this comparative help us to know user mental model & identify market standards. User said Gojek is an easy to use app & Traveloka form is easy to navigate.
User Journey Map
I create journey map to know emotion the user (satisfaction & frustration) of the experience of the user. This help us to be more specific on the problem & can have better solutions when use how might we.
Mental & Conceptual Model
With this method, i know what user expecting & can create how the product should fit & work to the user.
How to make it easier for users to choose and find a laundry place?
How to provide laundry needs according to user needs?
How to convey clear information to the user?
Enhance Landing Page & Laundry Feauture
Our research shows users prefer nearby laundry options. Consolidating all services in one app saves costs. In the new design, users find laundry categories and nearby options detected automatically.
Before
After
Recommendation & Laundry Detail page
There’s filter, sort, & overview about the laundry (distance, price range, delivery time, etc) to makes it easier for users to find a laundry place.
Before
After
Order Process
Users select laundry duration and view estimated pricing per kilogram because user don't know how many kg their clothes. They can also schedule delivery. The laundry will contact you the billing info after they weight the clothes & the price based on how much Kg of the clothes
Before
After
Payment Process
There’s tracking feature, so user know the location of the driver. After driver take your clothes to laundry, the laundry weight user clothes, & notify user the billing info through the app. User need to pay in order to the laundry wash they clothes.
Before
After
New UI Design Style Approach
I find it difficult to do design improvements with the old design style guide. Therefore, I design a new style guide that aims to make us easier to develop and improve the design.
To make sure the research & design work optimal, i conduct second usability test with 8 users & the testing was done via Maze. The reason why is to know user pain points of the flow & get feedback from user. The insight will be used for iteration. Check out the report maze: Report Maze 1 & report Maze 2
+30%
30% Increase in success rate >> The final success rate is 90%
100%
100% users liked the revamp
97.7%
97.7% of users followed the anticipated route
97.7% of users followed the anticipated route
Users achieved a 100% success rate through 9 paths and an 87.5% success rate through 2 paths. Task 3 received a score of 65%, indicating a medium-level score. Usability insights revealed that users tend to prioritize seeking services first, as evidenced by heat maps and user journeys. Overall, 88% of testers successfully completed the task, while 12.5% deviated from the intended path.
The Challanges
This is my first attempt at identifying significant app problems, which initially proved challenging due to lack of experience. However, I learned that identifying problems involves bridging the gap between company goals and user needs. This process begins with gathering insights from user experiences and pain points (divergent approach), along with understanding the company's objectives and analyzing user reviews on social media.
Things That I Learn
Survey & research is a must! we need to know the main needs of the user and the problems faced in order to come up with the best solution, if we don't do research and only guess, then the results we make will not be relevant to users..
Style guide is matter! Following the improvement —I came to truly appreciate the significance of a style guide. Through modifications to interface design, the impression of user with the product transforms. Their curiosity sparks, exploring the product and a genuine desire to interact.
Maze is very helpful, but tricky! In this project, i try Maze for the first time. I amaze how detail the maze report & what Maze can do, but there’s some tricky things that i not familiar with, like issues with screen size & if you want smooth UT we need to use Maze PWA.
Learn about business! With this project, i have opportunity to speak with senior product designer & learn about how important is business in product development. In this case, i use AARRR pirate metric framework, which help me to understand business point of view & apply common approach behavior to the user interface.
