Wireframe Sketches

Before creating digital wireframes, I first sketched out a few ideas I had for some of the screens to test out different layouts.

For the home / main screen, I created two variations – one with the Panic Attack feature when you open up the app, then one with a How are you feeling? question. You choose the mood you’re feeling and based on that, different exercises are given to you.

home screens.JPG

I drew some sketches of the layout the panic attack feature is going to take and some of the steps that may be included.

panic attack steps.JPG

For the breathing, relaxation and thinking screens I sketched out two different layouts. One using a list, and the other using circles for different categories.

breathing exercises.JPG

My next step now is to create these digitally.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s