Role: UX Designer
Skills: Wireframing, Prototyping
AN EXPLORATION OF INTERFACES FOR A MEDICINE REMINDER THROUGH WIREFRAMES AND PROTOTYPES
In this class project, we explored different software and and representation techniques, by designing a medicine reminder and it's companion app. The software is meant to connect an aging family member with a caregiver (often their children) and keep the caregiver informed as to wether the patient is taking their medicine correctly.
I made wireframes for the app, which is meant to be used by the caregiver. I like to start with paper and a pencil.
Caregiver Phone App
LOW-FIDELITY WIREFRAMES - HAND SKETCHES
I like drawing on paper because I won't worry about exact looks, alignment, and I can easily throw it aside and start over. Once I have an idea of what the main screens will look like, I opened Balsamiq.
MEDIUM-FIDELITY PROTOTYPE - SKETCH WIREFRAMES
MEDIUM-FIDELITY PROTOTYPE - INVISION
Along with the wireframes, I created a description of what my user would be like, which can be summarized to:
Busy middle aged professionals (30s-50s) with aging parents and their own families.
Based on those documents, I made an interactive prototype (adjusting the wireframes as I created it), and found two users that were similar to my descriptions. They tested my prototype, and were able to give me feedback both on the usability of the app, and on the features that were available and their functionality. Some of the feedback I got was:
- Desire for an easy way to call doctors
- Ability to set alarm on parent's devices from the app
- Too many unnecessary buttons instead of making pictures selectable
- Confusion as to how to exit the screen on a particular screen
- Confusion over transition of navigation modes between main menu and submenus
This feedback would have been extremely useful in further prototypes, allowing me to take the app in a more informed direction moving forward.
Elderly Patient Connected Medicine Holder
This second part was not necessarily designed to be for the same device, but definitely meant for a similar system.
This is the interface of the medicine holder that is connected to an app. The medicine holder is used by the elderly parent, and should be easy to use by patients that are not familiar with technology. Designed are the first time user setup of the device, as well as the main screens of the interface.
FLOWCHARTS - SKETCH
Main Screens Flow:
HIGH-FIDELITY PROTOTYPE - AXURE
This software allowed me to explore animation design and the flow and transitions between different screens and menus. It was also a good opportunity to discover the importance of movement in design, and the animation of assets between screens.