Impact
Overview
Objectives
Methodes
Introduction
What kind of product is it?
SO-NUTS is a mobile app to collect data on innitiatives of building new health habits.
It is a critical tool, delivering behavior change programs and collecting health data.
Problem
When Confusion Turns Into Data Loss
Older adults found the app confusing, lengthy, and unmotivating. Many dropped off before completing key activities, leaving researchers with incomplete and unreliable data. Without a fix, the study risked losing credibility and undermining its mission.
Discovery
Finding the friction points that hurt data
I found 65+ violations of heuristics all over the screens. The screens were confusing because of unclear titles, poor layout, and missing guidance on what to do next. It also had inactive areas and unrelated wording that make it harder for users to set their goals smoothly.
Observing users' behaviour
They Didn’t Just Need an App, They Needed Peace of Mind in Every Step
We ran interviews and contextual inquiries to see how the issues mentioned in previous studies are stopping the users from liking their experience.
Accessibility first
Where Accessibility Passed and Where It Failed
Navigation Fix
Top bar navigation to switch between goals
A top bar navigation let them scroll through all activities, reducing confusion and keeping orientation clear throughout the flow.
Introducing an overview to activities screens
Flow Redesign
Cut redundant steps to speed up planning
I redesigned the goal-planning flow, removing repetitive and complex steps. The new streamlined structure reduced task time from 21 minutes to a faster, more flexible experience.
New Efficient Flow
Old Linear Flow
Visual Refresh
From outdated into vibrant, cohesive, and engaging
I introduced a fresh design system, playful patterns, and rich visuals to make the app feel modern, friendly, and easy to use.
Design Library
I brought coherency and style to the interface by the use of components that I designed. To stick to the industrial conventions, I used Google Material Design 3.
UI Kit
Developer Handoff
Vibrant Patterns
Comparing different patterns and colors and picking the right vibe for the application was a must due to the feedback of the testers, who called the interface boring and government-like.
Brainstorming on the visual patterns
Adding visuals
Lack of images or illustrations was one of the insights coming from our research phase. That made us believe we could benefit from communicating through images in a more pleasing way.
Introducing images to screens
Early Feedback
Users comments reflected improved aesthetics, readability, and usability
After preparing the figma prototype, I had it tested with more users and gathered insights and feedback.
Flexible Intake
Turned rigid intake forms into flexible, skippable steps
Old intake form
New diet intake form
Smarter Reminders
Made reminders intuitive with presets and full control.
I replaced the unconventional, confusing reminder setup with a more user-friendly design, offering pre-defined times for common daily events and the flexibility for users to fully customize their own schedules.
Old and new reminder screens
Missing the starting point
testing revealed a big shock, A homepage missing!
Adding a homepage
Pilot around Europe