Insomnia Coach - iOS

Insomnia Coach

Insomnia Coach - iOS

Insomnia Coach - iOS

Insomnia is a very common pathology, not only for Veterans but for the general public too.

During this project I have mostly worked on the UI, with a few UX tweaks on the way.

SCOPE

SCOPE

Insomnia Coach is an app that will guide the user through the process of learning about insomnia, normal sleep, developing good sleep habits, and getting rid of habits that interfere with sleep.

Process

Process

The starting point was to analyze the client's sketches (shown below) and try to establish a clear hierarchy between the elements on the screen, without removing too much - most of the elements on screen were crucial to the Subject Matter Experts, and needed to stay.

User Interface

User Interface

Once a hierarchy had been defined, I moved the sketches from pen and paper to an actual screen.

Since this was brand new app - not a revisitation of an older iOS app - it needed a fresh new design.

The app was meant to be used as a therapy, and it was going be installed on the patient's device by their own doctor, therefore the design had to be intuitive, subtle and not too invasive.

Visual details

Visual details

Once the user interface was done and satisfying, I proceeded with the last steps of my app design process: icon creation.

 The app icon had to be something the users could recognize straight away in their homescreens, but at the same time, I had to make it not too obvious it was a therapy app. We didn't want users to feel ashamed of having a therapy app on their phones.  Internal icons had to occupy a large portion of the screen, so I decided to go for a very detailed look, using 3 different line-styles in each icon.

The app icon had to be something the users could recognize straight away in their homescreens, but at the same time, I had to make it not too obvious it was a therapy app. We didn't want users to feel ashamed of having a therapy app on their phones.

Internal icons had to occupy a large portion of the screen, so I decided to go for a very detailed look, using 3 different line-styles in each icon.