In this user interface redesign, I graphically interpret a ubiquitous piece of technology—in this case, a blood pressure monitor—as a mobile application. Hearth: The Digital Blood Pressure Monitor is my solution: I develop an interface that effectively communicates data retrieved from a physical device.
In order to create an interface that accommodates a diverse demographic of users, I introduce three personas whose needs for a blood pressure monitoring system I address thoroughly in my app design.
Vivian, 70, lives in a populated nursing home where the nurses are often too busy to measure every resident’s blood pressure both morning and night. As such, she needs an alternative during times when the nurses are understaffed.
Thanhvy, 28, has regularly taken their blood pressure since they were diagnosed with type II diabetes in their early twenties. They now want to log their data on their phone with an easily navigable app.
Kai, 41, has a degenerative muscular disease and does not have full motor control of his hands. As such, he cannot use apps with small buttons and is searching for a data collection program with an accessible interface.
With regard to the personas above, I prioritize three goals for the interface: the interface design should be easily navigable for people of any age; the buttons and type should be large enough for disabled individuals and the elderly to understand and operate with ease, thus mitigating the impact of impaired vision or diminished manual dexterity; and instructional messaging should appear before each measurement to ensure accurate readings. The user flow (below) accordingly displays my response to improve navigation, readability, and accessibility.
Perhaps an obvious choice, I use a primarily red color scheme for the brand’s identity to cement the purpose of the app: blood pressure data collection. Other colors throughout the screens, including yellow, orange, green, and blue merely serve to discern distinct functions.
It is worth noting that the name Hearth is a play on words: not only does it look like “heart,” but it means the center, the locus of a place, similar to how the heart can be interpreted as the core of the body. Moreover, the logo itself recalls the interface button design, a subtle nod to the overall design system. I ultimately select a readable sans serif typeface, Raleway, for the logotype and all text in order to maximize the app’s amicable appeal.
In this semester-long typographic exploration, I construct an alphabet—2 letters per week—using basic shapes and lines. I apply my finished letterforms to a...
For The Record explores brand identity through a typographic guide booklet and its respective introductory mobile app prototype. The booklet hones in on record...