Background
In Indonesia, mental health is still considered taboo. Visiting a psychologist is often stigmatized, with many people associating it with being 'crazy.' This stigma discourages individuals from seeking help or sharing their struggles.
Our goal is to create a safe space where people can support each other without fear of judgment or stigma.
01
UI/UX Design
02
Design system
03
A/B Testing
What I find
Users can log in or sign up using a barcode. To secure their account, they must create a PIN and save the barcode to access the same account later.
To request a session, users simply click "Request Session," select the topic they want to discuss, and they’re done.
The main feature of Listens is a chat-based system, allowing users to freely message anyone they choose.
Listens also includes a “Post a Story” feature to encourage more user interaction and conversation.
In terms of branding, Listens uses a vibrant color palette and 3D illustrations to create an engaging visual identity.
04 - Discovery
Signup Process
Request Process
Refined the Sign In & Sign Up flow for a smoother user experience.
Ensured design consistency by implementing a design system and adhering to brand guidelines.
Enhanced the session request journey by adding valuable information that benefits both users and Listens' business objectives.
06 - Adjusment Design
Design system
Other screen
07 - Design
Testing Method
We conducted A/B testing with seven participants selected from our survey.
The goal was to evaluate user awareness, familiarity, and comprehension of the design.
We created the prototype using Figma and conducted the testing sessions online via Zoom.
Each session lasted between 25 to 30 minutes.
The testing scenario covered key user journeys, including Login/Register, Homepage navigation, and Activity Request.
Results
We found that most users are aware of and comfortable with the new design concept. However, there are still some issues to address. User satisfaction scores improved from 6/10 (previous design) to 8/10 (new design).
One of the main issues in the new design is the lack of clarity around chips or badges. Many users found them confusing and didn’t fully understand their meaning, which impacted their overall experience.
08 - A/B Testing
01
Clearly explain information to users don’t rely on badges or unnecessary logos to simplify content. Most users won’t immediately understand their meaning, which can lead to confusion.
02
Use clear and concise copywriting that’s easy for users to understand. Avoid jargon or overly technical terms that might create friction in the user experience.
03
Prioritize important information first, especially in multi step processes. This helps users understand what’s needed at each stage without feeling overwhelmed.
04
Maintain consistency in user flows. Using similar processes across the product reduces confusion and minimizes drop off rates, making interactions feel more intuitive.
09 - Summary
