top of page
Stellar Health logo

Stellar Health

Stellar Health is an inclusive health and wellness responsive web app. In a time when telehealth and virtual visits have become more prevalent, Stellar Health helps fill a gap in the market. Providing a source for users to track, share, and learn about their health. Opening the lines of communication for health professionals to better understand their patients while saving time for both parties during virtual visits.

Role:

  • UX Researcher/Designer, UI Designer​

  • Developed as part of the CareerFoundry curriculum 

 

Tools used:

  • Pen and paper

  • Google Forms

  • Balsalmiq

  • Optimal Workshop

  • Adobe XD

  • Usability Hub

 

Stellar Health home page mockup

UNDERSTANDING THE PROBLEM

Personal Limitations:

I have little personal experience with the healthcare industry as a patient and as a whole. For this reason, I researched scholarly articles and market research to gain a foothold on understanding how and what users needed from a health and wellness app.

COMPETITIVE ANALYSIS

3 health and wellness apps were researched as well as online blogs. 

Key Findings:

  • These apps target market and content was focused on women

  • Having too many features can be overwhelming to the user

  • Watch the number of pop-ups and notifications

  • Give users a clear path forward or back

  • Goal oriented: drink more water, get more sleep, etc.

USER SURVEYS

23 participants

Created using Google Forms

Key Findings:

  • Most participants use a health and wellness app

  • Top concerns are overall health, stress, diet, and Covid-19 

  • Participants feel comfortable storing personal health data digitally

  • Majority receive too many notifications on a daily basis

  • Would like to track more health related information

USER INTERVIEWS

 

3 phone interviews were conducted 

 

Key Findings:

  • App needs to be fast/intuitive 

  • Tracking and sharing their health data would be beneficial 

  • Male’s relationships with doctors and health could use some work

  • Want a concise, trusted source for information

  • Want to easily find "healthy" locations; pharmacies, trails, etc.

  • Frustrated with complicated apps from health insurance providers

PROBLEM STATEMENT:

Our health and wellness users need a way to access meaningful content that is applicable to changing times, inclusive for all, with the ability to track, and send personal health data to their healthcare professionals.

UNDERSTANDING THE USER

Based on surveys and user interviews I created 3 personas. My hypotheses was confirmed by research that health and wellness apps are focused on women. For that reason it was important to me to include different genders and nonbinary users. Their stories kept my focus on the user at every stage throughout the development process.

USER FLOWS

+ Initial Sketches/Low Fidelity Wireframes

I am a visual person, so I started sketching low-fidelity wireframes as I created user flows. Drawing each flow on paper put me in the user's mindset. I asked myself, How would Lauren want to go through these steps? Would this interaction be quick enough for her during a busy day? These flows helped me map out the most direct path for the user, based on each persona's needs.

Screenshot of task analysis flow

DESIGNING 
SOLUTIONS

To gather information on how users logically group sections I created an open card sort on Optimal Workshop. The card sort was completed by 5 of 14 participants. Even though the sort was abandoned by 9 participants some good information was gathered. Based on the results I updated the site map to reflect the findings. Covid-19 Articles was grouped into the most categories, so it will now have it’s own space on the Home page.

Site Map

Site Map

MEDIUM to HIGH FIDELITY 
WIREFRAMES

As stated above low-fidelity wireframes were created alongside user flows. I worked in Adobe XD to create medium and high fidelity wireframes. I dabbled in Balsamiq to try out a different program, but preferred the ability for more customization that XD provided.

USER TESTING

Once a clickable prototype was completed, user testing began. A test script and task flows were written to keep the tests consistent. Even with a script in hand I found that some participants started exploring on their own. I was able to think on my feet and reorder the tasks to fit the screen they were exploring. Being flexible helped the testing progress and kept the participant feeling at ease.   

 

6 potential users tested the prototype. Testing methods included moderated in person and moderated remote. Moderated in person participants were recruited by guerrilla tactics and hand sanitizer. With the consent of participants screen and audio recordings were made of each test. 

Results of these tests were analyzed and compiled into a rainbow spreadsheet. Error and success rates were calculated. An adapted version of Jacob Neilsen's rating scale was used to calculate errors.

The symptom tracking feature provided the most errors and points of friction during user testing. For this reason, I created a couple of solutions and conducted a preference test. The preference test was completed by 19 participants on Usabilityhub.com. 79% of participants chose one design that was implemented in future iterations.

A Usability Test Report was written to organize findings, evidence, and suggested changes. 

REFINING THE DESIGN

Style Guide & Finishing Touches

After this round of user testing and iterations was completed, I began to refine each screen. Keeping accessibility in mind to create user friendly interfaces. ​Design documentation was completed and a style guide was complied of Stellar Health's design language. 

 

Questioning Personal Biases: As I was designing the visuals of the app I initially created the logo with the Steller's Jay. I chose this image because both male and female birds look the same (plus a little play on words) and it felt right for designing an inclusive app. Upon reflection, I wondered if I was letting my own personal design aesthetics effect the usability of the app. I know the intention behind the imagery, but would users? Probably not. In the end I decided to change the logo to better represent the app without the need for any explanation.

Future Iterations

The Tracker is the one feature that I can see needing specific expansion and improvement. I would like to plan for the tracking capabilities to include very specific health concerns. For example, users with cancer and how different treatments affect them. During the competitive analysis, it was found that most apps with tracking abilities only included steps, sleep, calories, and the like. Including the ability for users to track specific concerns will lead to increased membership of the app. More importantly, the user will have a convenient way to track this information and share it with their doctor. Leading to better communication, treatment plans, and hopefully better health. These specific hypotheses could be validated by teaming up with a Cancer Care facility and their patients. Or on a broader scale a university medical center. Having more direct access to potential users for testing would provide the best information possible. This is also how user testing could evolve over time. Reaching out to different health and wellness communities would expand our ability to reach our target audience.