UC BerkeleyCS160 Spring 2015

User Interface DesignAxis of Altruisim

Jesmin NgoAdarsh Mani

Phillip AzarMaryam Labib

https://www.hackster.io/axis-of-altruisim/sanitas

Sanitas“soundness of mind, soundness of body”

The primary target user group comprises of the elderly ( > 60 years) for whom constant vital-sign, medication and appointment monitoring will be most beneficial,

from a holistic health perspective.

While the design caters to the less tech-savvy aged, the functionality is comprehensiveto be used by both the health-conscious and the fitness conscious.

In 2013, of 26 billion dollarsspent on patient readmissionsin Medicare, an estimated 17billion of this was generatedby readmissions caused by

avoidable factors.

Better post-discharge care andmonitoring of vital sign can goa long way in reducing patient

readmissions.

This companion app applies the Internet of Things to healthcare and fitness. It

forms the front end to variousBluetooth-enabled vital-sign monitors to act as a one stop hub to collate, view and manage your vital signs data in real-time and remotely. In addition to this, it inte-grates other useful features like appoint-ment and medication reminders. Users are empowered to take charge of their

own health.

For this user group, it was important to keep the interface as simple and clean as possible, with icons and colors to reinforce understanding and memory recall. There is one main page with the

most commonly used functions. The “fat-finger problem” and poor eyesight are accomodated for with large, bright, colorful buttons and easy-to-navigate menus.

User testing revealed a proclivity towards choosing from multiple choices as opposed to text entry as a means of input, and hence we transitioned to the use of checkboxes, radio buttons and

drop-down menus. To solve points of confusion from user testing, we also made use of dialog boxes and other interactivity techniques to reinforce understanding. Finally, we took a conscious

decision to include more screens to reduce the amount of text and clutter on a single screen.

Next iterations should focus on making data visualization even more interactive with easy-to-understand trends.

THE PROBLEM

USER TARGET GROUP

OUR SOLUTION

DESIGN EVOLUTIONFINAL PROTOTYPE

The app visualizes the data intuitively and in real-time, tracks patient health for anyalarming trends that need medical attention, alerts the user of impending appointments, reminds the user when to take medicine, tracks when to refill presciptions, and displays

useful information such as doctor information and medicine side effects.

The first prototype is a Balsamiq mockup. The second is the first high-fidelity prototype. The third features an improved font, layout, and color scheme. The fourth incorporates better

usability and aesthetic design with icons.