ScreenMe

Revolutionizing Women's Health with the ScreenMe App: A Comprehensive UX/UI Case Study

Revolutionizing Women's Health with the ScreenMe App: A Comprehensive UX/UI Case Study

  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image
  • Weather app image

CLIENT

PROJECT DURATION

February 2023
10 Weeks

SERVICE AND OFFER

Strategy
UX designer
Visual design

Team

  • Me as design lead
  • 2 UI designers
  • Product manager
  • Marketing consultant

PROBLEM

  • The ScreenMe platform struggles to provide a smooth, personalized experience for each patient. It can't handle key data like nutrition info, test results, and lab statuses, which disrupts the flow of their health journey.

  • Daily coach-patient interactions also need a dedicated product, as the current system can't support them.

  • Since ScreenMe focuses on delivering a connected experience across services like e-commerce, nutrition tips, and prescriptions, these issues are holding back its mission of seamless patient care.

SOLUTION

The ScreenMe app provides the needed experience by dividing the patients into various “care types”. Patients will have unique experiences through the application:

  • The homepage of each patient is an easily interactable card as a daily to-do list; conveying a feeling of diary, to fill in the needed info for their coach or consultant.

  • The patients can follow and watch their health journey and lab results via visualizations and notes from their consultants.

VALUE DELIVERED

Does our objectives align with what users need?

  • A diary study was chosen as a method to test our hypothesis which resulted in two user persona as our early adaptors.

  • Information architecture and wireframing, A/B test and rapid prototyping were done to ensure the ideal user flows, best case of content strategy and to reduce the comebacks and revises from the development team.

  • Approachable, trustworthy, safe and clean and the brand book compatibility were the objectives we had in mind while building the design system.

RESEARCH

Diary Study Via Semi-closed google forms

Objective:
Understand patient-coach interactions and daily app use.

Research Focus:

  • How do patients report back and follow their daily plans?

  • What motivates or frustrates them?

  • What do they like or dislike about their plans?

Why This Method?

  • Daily Use Insights: Tracks real-time patient experiences over a week.

  • Instant Feedback: Captures thoughts and frustrations during app use.

  • Simple & Quick: Each form takes about 6 minutes with a mix of questions, scales, and timers.

Process:

  • 12 participants were selected.

  • A Zoom session introduced the study.

  • Participants completed daily Google Forms (log activities, rate experience, share reflections) for one week.

  • Post-study interviews provided further insights.

Findings:

%0

Used similar structure and sentencing to write short and simple keywords to shorten their report.

%0

Of participants were unsure of the quality, quantity and the accuracy of their report in order to get the best treatment and diagnosis.

%0

Of participants chose their mobile devices to fill in reports as a daily task, it seemed more convenient comparing to a sitting task.

0min

Was the average time spent of filling in reports during the diary study research across participants.


%0

Used similar structure and sentencing to write short and simple keywords to shorten their report.

%0

Of participants were unsure of the quality, quantity and the accuracy of their report in order to get the best treatment and diagnosis.

%0

Of participants chose their mobile devices to fill in reports as a daily task, it seemed more convenient comparing to a sitting task.

0min

Was the average time spent of filling in reports during the diary study research across participants.


%0

Used similar structure and sentencing to write short and simple keywords to shorten their report.

%0

Of participants were unsure of the quality, quantity and the accuracy of their report in order to get the best treatment and diagnosis.

%0

Of participants chose their mobile devices to fill in reports as a daily task, it seemed more convenient comparing to a sitting task.

0min

Was the average time spent of filling in reports during the diary study research across participants.


RESEARCH

User persona

Objective:
Understanding and hearing from our potential users makes the product more focused.

Molly Weasley

“I can`t imagine going through painful or unnecessary procedures to get pregnant!”

Age

36

Education

PR Bachelor

Status

Married

Occupation

Office coordinator

Location

London

Personality

Detail-oriented

Planner

Family-oriented

Goals

Get pregnant as natural as it can get

Get quality care to solve fertility issues

Frustations

Painful procedures

Costly and long treatments

Needs

Comprehensive plan for all aspects of fertility treatment.

I need to be able to understand, follow and check my progress while in treatment.

I do better when i have a plan for my daily goals.

Rita Skeeter

“I need to take better care of my self!”

Age

24

Education

B.E Engineer

Status

Single

Occupation

Engineer

Location

London

Personality

Thinker

Cautious

Stressed

Goals

Improve overall lifestyle quality

Get quality time with health specialist that fits her needs

Frustations

Busy life makes it hard to follow through all of my health concerns

I don't know what female concerns might be a problematic issue for me!

Needs

Eat healthier according to my own body needs.

I need a check-up to improve my cycle and hormonal levels.

Easy to use testing with a clear report that i can discuss with a specialist.

Keep track of health and life goals during time.

UX DESIGN

Information Architecture

Objective: Structuring Admin Panels for Seamless UX and Functionality
  • On top of the IA of the application itself, We crafted the admin panels using a well-structured information architecture, ensuring both usability and functionality. This approach allowed us to create wireframes based on a standardized framework, ensuring consistency and ease of use for administrators.

  • Admin panels play a critical role in the application’s success. For the ScreenMe platform, the client needed board approval to move forward with phase one of the project.

Wireframes

Objective: Ensuring a Seamless Development with Wireframe Prototyping
  • We aimed for a smooth development phase with least errors or dead-ends frequency.

  • We used a wireframe prototype to both verify the accuracy of the flow and client’s expectations.

DESIGN SYSTEM

The clients already had a brand book as our source .But it needed a bit of tinkering to fit the standards of a mobile applications.

Approachable, trustworthy, safe and clean were the objectives we had in mind while building the design system.

The clients already had a brand book as our source .But it needed a bit of tinkering to fit the standards of a mobile applications.

Approachable, trustworthy, safe and clean were the objectives we had in mind while building the design system.

TESTING

Unmoderated usability test

Objective: Measure discoverability of a feature
  • According to the existing business website, calendar mode or view had more than enough interactions to be considered an important feature of the application.

  • We wanted the homepage to feel like a diary but also interactive enough for users to feel connected simultaneously.

  • In order to assure the first access point was usable enough we did a small scale test in Maze.


The first version:

As illustrated as a heatmap structure, users clearly struggled to recognize the calendar button as clickable.

The second version after findings:

Changed > The date and left and right icons next to it, are recognized faster by users
Changed > The date and left and right icons next to it, are recognized faster by users
Changed > toggle component with enough contrast for better conversions.
Changed > A more satisfactory button was replaced for better conversions.

UI DESIGN

Prototype

KEY TAKEAWAYS

How did I de-risk a vital product decision?

Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.

Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.

My solution:

  • Streamlined workflow for health coaches (easier to flag ingredients).

  • Improved search accuracy for patients (recipes reflect ingredient restrictions).

  • Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.

Have I helped my team overcome business problems?

Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.

Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.

Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.

What would I improve I could do it over again?

Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.

Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.

KEY TAKEAWAYS

How did I de-risk a vital product decision?

Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.

Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.

My solution:

  • Streamlined workflow for health coaches (easier to flag ingredients).

  • Improved search accuracy for patients (recipes reflect ingredient restrictions).

  • Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.

Have I helped my team overcome business problems?

Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.

Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.

Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.

What would I improve I could do it over again?

Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.

Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.

KEY TAKEAWAYS

How did I de-risk a vital product decision?

Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.

Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.

My solution:

  • Streamlined workflow for health coaches (easier to flag ingredients).

  • Improved search accuracy for patients (recipes reflect ingredient restrictions).

  • Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.

Have I helped my team overcome business problems?

Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.

Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.

Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.

What would I improve I could do it over again?

Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.

Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.

Let's talk

© Copyright 2024 - Lina Zarkar

Let's talk

© Copyright 2024 - Lina Zarkar

Let's talk

© Copyright 2024 - Lina Zarkar