top of page
iMac iPad and iPhone X (1).png
​iHealth and Wellness Foundation 

Optimizing Survey Interfaces for Complex Diseases Patients


2023- 2024


Responsive Web for Desktop, Tablet & Mobile


Product Designer


Figma, Trello 


Help patients with complex diseases

iHealth and Wellness Foundation is an online medical and wellness care platform specifically designed for patients with complex diseases. It offers a dual-network system that connects these patients with healthcare and wellness providers. Based in New York City, iHealth and Wellness Foundation is an early-stage tech startup currently gearing up for a proof-of-concept launch.


Optimize survey pages to help match clinical trials for patients

The iHealth and Wellness Foundation platform, offering complex information and features. We've mainly focused on developing the Medical & Wellness Provider Lookup, which allows booking appointments and visiting doctors. However, due to limited resources and staffing, improving and deploying the survey page design hasn't been prioritized. It's crucial to optimize these survey pages soon to assist patients with clinical conditions in finding the most suitable clinical trials for their needs.


Key points to improve Survey Pages Design

  • Simplify the survey interface with a clean, easy-to-read layout

  • Implement a clear and intuitive navigation system

  • Incorporate visual aids 

  • Ensure mobile optimization

  • Conduct testing and iteration 


Impact And Deliverables

What are the final outcomes and improvements?

Group 1000004926.png
Group 1000004924.png
Group 1000004925.png

  • Created 15 screens each for desktop, tablet, and iPhone.

  • Built 6 variations for initial wireframes.

  • Conducted 4 user testing sessions.

  • Completed 8 rounds of iteration for high-fidelity design.

  • The Redesign Pages will be delivered for publication in 2024.

Group 1000004850.png
Group 1000004873.png

User Research

How did I analyze old design and consolidate user needs?


The problems on old survey pages

I analyzed the old design using heuristic and LATCH methods, following the 10 Usability Heuristics (Source: NNGroup), and the Basic Principles of Design. Below are the main problems that I believe need to be solved.

NF SURVEY - Landing Page.png


No User-centricity

Irrelevant content doesn't consider the user’s needs and what they want from the product. 



The landing page doesn't explain well what the survey for and why users need to take the survey, including the irrelevant images.



Non user-centric design will lead to low conversion rate.

Group 1000004852 (1).png


NF SURVEY -1.png
Group 1000004855.png
Group 1000004852 (1).png

No Visibility of  System Status

Users are unsure when the survey will end, even when there are not many questions, which in turn increases the drop off rate. 


There is no information to keep users informed about their current status or what is happening during a given interaction, leaving them uncertain about their next steps.



Without instant feedback, the design becomes unpredictable, causing users to lose guidance and trust.


Low Visual Hierarchy

Low visual hierarchy doesn't help users navigate the product as doesn't draws attention to the most important pages and elements, and they can't easily find what they need. 



There is lack of emphasis and direct attention on important elements, like the font size is too small, options of answers are not aligned well. 



Low visual hierarchy will be inefficient use experience which results in low completion rate.

NF SURVEY -2.png


No User Control 

“Users often perform actions by mistake. They need a clearly marked ‘emergency exit’ to leave the unwanted action without having to go through an extended process.” 
If users need to leave immediately or come back later to continue completing the survey, there is not such an option for them to do it.
Without building user control and freedom into the product, product will become low usability.

Group 1000004852 (1).png


Gained insights through usability testing

In the meanwhile, I collected user needs from user interviews and testing, and took out the key points for survey pages redesign which became a guideline during the design process. These key points are based on user insights, which came from the user testing on old design that I conducted. Here is why the old survey pages need to be redesigned. 

Frame 1000007613 (5).png

Problem, Goals, Painpoints

How did we help patients create an easy-to-use platform?


In terms of survey design, a crucial question arises:

Group 1000004756.png


What are the different goals?

Before diving deep into the design process, we also need to understand the different goals.

Group 1000004770.png
Group 1000004775.png
Group 1000004774.png


Who are our core users?

Before initiating our design process, we delved into our user personas to gain a clear understanding of who our core users are. Here are our three user types.

Design Challenges & Solutions

How did we navigate the journey from concept to completion?


Looking at other products about survey pages

After having meeting with product owner and gaining insights about what key requirements she wanted for Survey. I started to kick off my research by looking through inspirations and different patterns about Survey pages design, analyzed the competitors and shared with my ideas in Figma with the team. 

Frame 1000007613 (6).png


Refining our approach to key design solutions

Keeping user needs in mind, I started creating various design sketches with different ideas alongside my teammate. We explored several concepts and then narrowed them down to three wireframes, A, B, and C, for the survey landing page and survey questions pages. We finally chose wireframe B, which we believed was the best. These are what the early wireframes look like.


Using AI tool to identify critical patient requirements in clinical trials

In the other side, I analyzed all the clinical trials and found out the critical common questions among the patient requirements of clinical trials.  I also used AI tool ChatGPT to filter the repetitive questions they appeared in different clinical trials to double check the outcomes.

Group 1000004807.png


Hi Fidelity design evolution 

Here are the Hi-fidelity design with several iterations, although that is not a final design.