Habeats Scrapbook

Screen Designs

December 10, 2018

I’ve designed refined screens for Habeats. Some of what is below will be used and some won’t, as I’ve included my iterative process and style experiments.

Older designs / experiments

These were designs I did where I thought straying from the wireframes in some areas might lead to something interesting. It was helpful to do this just to get a feel for working with the colours and type.

Design

Design

Design

Design

Design

Design

Design

Navigation Icon Experimentation

These designs were mainly focused on getting the navigation icons looking nice, although some other small bits did change too.

Design

Design

Design

Induction and Day view

These designs are for the initial time a user opens the app. It’s somewhat of a guide through the progress of using the app while also being used as an opportunity to tell the user not take on too much. The final image is also how the day view will look

Design

Design

Design

New Habit screens

These screens are the process of adding a new habit into the application.

Design

Design

Week View

These screens are designs of how I imagine the week screen to look and work.

Design

Design

Design

Progress View

The progress view lets a user view their entire history with the application.

Design

Design

Design


A digital scrapbook by William Park. It contains details about my final project "Habeats" for my final project at Interaction Design Belfast.

This material is my submission for IXD501.