My Process
The design was still not satisfactory.
From A Designer's Perspective
- The overall color scheme is too similar.
- There is no contrast color that could serve for elements (such as buttons) to stand out.
- The color of the graphics did not match the color scheme.
- The homepage's descriptions for features has unnecessary information and Including buttons would be useful for users who want to immediately use a feature
- A call-to-action to sign up for the platform on the homepage would enforce users to register
- Having the search bar then the 'find a doctor' description on the homepage is redundant
According To User Testing
- The Doctor’s Profile has information that isn’t important to users.
- Takes a lot of scrolling to get to doctor’s rating.
- The questionare from the review system are poorly worded and can be confusing.
Final Design
The previous color scheme wasn't well suited
The
Pantone color of 2022 (very peri- a deep periwinkle color) and the trendy blue and yellow color scheme for websites inspired the colors I chose. I opted for lavendar and coral over blue and yellow due to how these are sunset colors, and I wanted to evoke a sense of peacefulness upon the users to ensure that this platform is a safe space.
The original review system was inadequate
According to our user testing, our original review system was overwhelming and many questions were poorly worded.
For this review system, we introduced a questionnaire.
But after completing more user testing, we learned a lot of users also found these questions poorly worded.
![NPS Rating](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/63261b3b0bde3572d5fb76ef_nps%20review.png)
This review system incorporates NPS (Net Promoter Score).
However, this review system is too broad. Different users have different definition of a quality experience.
This review system is an aggregation of different ratings to generate an overall rating.
We chose this review system because, according to our research, reviewers often don’t leave reviews about the doctor’s behavior. This review system targets rating certain qualities that make up a quality doctor. Compared to the original review system, these questions are also more simple, concise, and fewer in numbers. Therefore, users do not feel overwhelmed, which makes it more likely that they will leave a review.
![Aggregated Rating](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/6325608f4d23be64361efb3f_Group%201005.png)
The UX Writing on the homepage could improve
Old Design
![Old Hero Banner](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d551444ffd050afa50820_home%20page%20(8).png)
Hero Banner Description
- Having a search bar to explore doctors is redundant since there is a 'find a doctor' feature explanation right below
- Having a call-to-action will influence users to sign up
- Language should be consistent through out (saying sign up in the description then saying sign up on the button)
New Design
![New Hero Banner](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d5e2d561700d0a0dec850_home%20page%20(6).png)
Old Design
![Old 'Find A Doctor' Homepage Description](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d661a90971bbf2d0c7a8e_home%20page%20(8).png)
Find A Doctor
- Has technical jargon: "online database"
- Can be more concise
- "Doctors that welcome and respect black women" is not necessary given the cause of our product
- Feature is not called 'Find A Doctor', therefore can be confusing to users
- Including a button would be more useful in case a user would like to go to a feature immediately
New Design
![New 'Find A Doctor' Homepage Description](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d65eb561700862ddf316d_home%20page%20(6).png)
Old Design
![Old 'Forum' Description On Homepage](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d7860c79661dc3f486004_home%20page%20(8).png)
Forums
- Can be more concise
- By just stating "ask questions" it feels as if questions are only permitted
- Consistent wording throughout platform ('Browse' Forums button and 'Browse' Find A Doctor Button)
New Design
![New 'Forum' Description On Homepage](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/640d78bbaa58d31f9d56a47f_home%20page%20(6).png)
Websites Screens
To create the website, I decided that Webflow would be the best software to use. This is because I am already familiar with the interface.
Home Screen
![Website Home Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/632662d97c17a7ec8205da3a_viscera-capstone.webflow.io_.png)
Search Results Screen
![Website Search Results Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/632665dc79ba580d34931b6a_viscera-capstone.webflow.io_search-results-race-black-obgyn.png)
Doctors Screen
![Website Doctor Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/632670cfacd3d89d1b67cfa8_viscera-capstone.webflow.io_doctors%20(1).png)
Doctor's Profile Screen
![Website Doctor's Profile Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/6327b34846b536688e967e51_viscera-capstone.webflow.io_doctorprofile%20(1).png)
Rating Pop-up on Doctor's Profile Screen
![Website Rating Pop-up on Doctor's Profile Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/6327b38f978cc4f09946ce72_viscera-capstone.webflow.io_doctorprofile%20(2).png)
Forum Screen
![Website Forum Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/632677a71ee68ffe545b2f27_viscera-capstone.webflow.io_forums%20(2).png)
User Account Screen
![User Account Screen](https://cdn.prod.website-files.com/5e59c6159e288f39b9e1b610/6327764f7de61077bb1cf91f_viscera-capstone.webflow.io_patientprofile.png)
I made a few changes while developing the product using Webflow (for example, instead of a pop-up, the search is now a different screen). I made these changes due to how they were easier to implement by the deadline that we were given.