Wireframes

eHealth app redesigned and prototyped on Figma

> Prototyping UX wireframes was a fun and insightful process, being someone with limited design skills > My tutorial with Wan Li ofered some fresh suggestions for app usability and testing REFLECTION

ONBOARDING, LOGIN SCREEN

Onboarding process

Similar to the original app, the onboarding process is simple and userfriendly. There are multiple login and registration options available to use, and the user would only need their HKID number to register for the first time.

The login screen also includes a CTA link at the bottom to ‘find out more’ if a new user wishes to learn about the purpose of eHealth before signing up. This would direct them to the eHealth website where they can understand the features, reward programs and learning resources with more clarity.

Health dashboard

The new health dashboard (as opposed to homepage, a dashboard summarises only the most important data) consists of a user’s current goals, upcoming appointments and RSVP’ed events. A name and picture is also displayed for a more personalised touch. Images and icons are used throughout the page to minimise use of text.

The burger menu on the left displays the previous three features, with additional links to the latest news, events and videos available for multidisciplinary learning.

FROM TOP LEFT TO BOTTOM RIGHT: NEWSFEED, EVENT PAGE, EDUCATIONAL VIDEOS, VIDEO POP-UP

Main features

Much of the app’s UI were based on Apple’s Health app, where similar themes of minimalism and sleekness were inspired from. Being able to integrate with Apple Health also allows information to be shared more consistently, without the user having to input new data every time. Once the user switches to the educational page, the menu bar shifts to a filter category on the top, allowing the them to sift through diferent types of resources in a simple way.