Snoozy

Case study

Snoozy is a responsive website / app designed for the visually impared, elderly and their caretakers. The app is very simple with high contrast button to optimise visibility and readability. It allows users to change their room temperature, turn on and off the lights, set alarms for medications, play media and make calls. The entire app relies on voice commands while a CRUD website, pared to the account, is used to manage the content.

Role
UX designer, designing the app from conception to delivery
(mockups and prototypes developed in Adobe XD)

Responsabilities
Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs

img03

Problem
Elderly people, in particular those with disabilities, often struggle to use digital products whether it would be for entertainment or to live more comfortably

Goal
Design a very simple and user friendly app that allows the users to consume media and improve their living condition

img03
img03

img03

What can this Persona teach us about pain points?
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was caretakers that wanted to better help the elderly

Most of the people in the user group wanted a way to easily manage the app content

Paper Wireframes
Before moving onto lofi and hifi prototypes, I wanted to get a feel of how the main user loops worked and quickly test changes to the design

img03

Lofi prototype
After the wireframe the next step is developing a lofi prototype and use it for the usability study

img03

Hifi prototype
After the first usability study some changes where made based on the insights, more specifically:

O Users struggled to read small texts -> the texts color was changed (to increase the contrast) and the font sizes were increased;

O Users struggled to interpret some icons -> to make the icons readability easier small texts where added at the bottom of the icons;

O Users struggled to understand how to scroll -> all the application scrolls were reaplaced with simple input buttons;

After this changes to the hifi prototype I conducted the another usability study that resulted in only some minor tweaks

img03

To improve the readability of the medications alarm (in particular for people with disabilities) the background and the text color was changed. The overall text size was changed as well

Insted of opening the audio player inside the "media" page I added a modal page. The purpose of this change was to avoid having an overwelming amount of infos in a single place and to make the content feel less cramped

img03
img03

Style guide
I used a very simple and high contrast palette of blue and pink to make it easier to navigate for people with visual impairement. Warnings (for example for medications) where colorcoded in a purple gradient to make them stand out.
The main typeface of choice for the website is Montserrat, the letterspacing of the font makes it very clear and readable. It also looks very clean on a simple bright palette.

img03