On the Body Page, even after closing the organ modal, the organ title continues to be shown and the colour does not go back to default, not giving appropriate feedback to users about what is happening in the system and where they are.

Recommendations:

— Remove the organ title at the bottom of the page

— Change the organ colour to default when modal is closed

The Landing Page visual hierarchy focuses too much on the logo and just from the name “icanbewell”, users might not understand what the app is about. Moreover, there is no clear indication of where users should click to start using the app.

Recommendations:

—Reorganize the Landing Page to clearly convey the goal of the app and how it can be used

— Add CTA (button) where users click to start using the app

After selecting the language, there is no button to go back to the Landing Page, so users are not able to leave unwanted actions such as selecting the wrong language. On the Body Page, modals have two close buttons, but redundancy is not necessary in this case.

Recommendations:

— Add back button

— Keep modals close button at the top, so it is visible both when options are closed and expanded

On the Body and Topics Pages, icons are not keeping internal consistency (different sizes and styles). The logo is icanbewell, but the URL remains canbewell. The logo colours were not consistently applied throughout the interface. As a mobile-first web app, users might be more familiarized with a hidden side menu instead of tabs.

Recommendations:

— Keep icons consistent, either solid or outlined and the same size

— Change URL to icanbewell and change the colour palette for consistency with the logo

— Change menu from tabs to hidden side menu

On the Tests Page, search results are filtered as users type, which can make users more prone to error. Users might forget the correct spelling of a test and not find what they need. On the User and Patient Details Page, the patient's age should be a number between 18 and 150, but there is no indication of that.

Recommendations:

— Add a search button (icon) beside the search bar

— Show search results only after the search is performed

— Add a placeholder in the patient age field to specify the age range

On the Body Page, users find out what each icon means after clicking on them or if they remember from their past interactions with the app. However, to reduce user memory load, they should not need to remember what each icon means.

Recommendations:

— Add icon labels (and ideally organ labels, but that is not feasible with the current Body Page layout)

— Add a search history to the Tests Page (would require users to have an account)

The Top 10 topics shown on the Topics Page are based on the patient's age, gender and sex assigned at birth. However, there might be outlier cases, such as a young person with a special heart condition who needs to access the heart disease topic more frequently.

Recommendation:

— Allow users to select their own Top 10 topics based on their needs (would require users to have an account)

The Landing Page contains too much information and some pieces of information are rarely needed. The lack of correct spacing in the app and the colours used compete for users’ attention and decrease visibility. The app does not have a brand visual identity.

Recommendations:

— Redesign the landing page focusing on what is essential

— Create a brand identity

— Redesign the app to incorporate the colour palette and improve visibility and navigation

On the User and Patient Details Page, the error message “Please select a gender and age between 18 and 150” is confusing and does not appear close to the age field. Additionally, when no results are found, the Tests Page does not show an error message. Instead, users are redirected to the Landing Page.

Recommendations:

— Change the error message to “Select an age between 18 and 150” and place it near the age field

— Change the age field border to red to indicate where the error occured

— Add error message to Tests Page when no results are found and do not redirect users

Users might get confused when using the app for the first time. Although there is a welcome video on the Landing Page, some users might not see it. Hence, an in-app guide would be helpful as part of the onboarding experience.

Recommendation:

— Create an in-app guide that highlights the app functionalities with a brief explanation

The colour palette used throughout the app is not accessible. The contrast between the blue (#25AAE1) and white does not meet WCAG AA standards. Similarly, the grey on grey tabs, and the white on orange (#F57C15) also lacked sufficient contrast, making them innacessible.

Recommendations:

— Recreate the colour palette, replacing low-contrast colors with accessible alternatives

— Update the accent colour for accessibility and consistency with logo

Many modal texts are too long, reducing clarity and user-friendliness. Spacing and indentation issues in modals further impact comprehension, leading users to group information incorrectly. Additionally, tooltips use bolded text, decreasing readability.

Recommendations:

— Standardize text formatting in modals

— Fix indentation and spacing to improve clarity and logical grouping

— Shorten content to make information cleare, and user-friendly