StoicLife iOS App Prototype

Objective

To create an iOS app to help people learn and apply principles of Stoicism in a practical way. The goal is to measure fluctuations in mood and emotional outlook over time so the user can see measurable results of their progress.

Challenge
The challenge was to design 8-10 screens for an app of my choosing using Sketch, a program I had not used before. This was done as a professional development challenge at work in coordination with my colleague, David Roe.

Process

Step 1. Brainstorming concepts

During the initial stage of coming up with ideas, I used mind mapping, hand written notes, and Evernote to keep track of my ideas

 

Screen Shot 2016-01-12 at 10.24.37 PM

 

Step 2. Rough Sketching

Once I had a general ideas of the features for the app, I printed out some iPhone paper templates and began sketching layouts for screens and jotting down interactions and additional details.

12449155_10209134598988853_1747873404_o

Step 3. Information Architecture

Once I had my rough screens sketched out, I was able to see what screens and features needed to stay and which needed to go. I laid out my screen flow in Google Draw

StoicLife Infoflow

Step 4. Wireframing

Next, I started together piecing elements for the grayscale wireframes of the app on Sketch

Screen Shot 2016-01-12 at 10.45.22 PM

Step 5. Feedback from mentor

I had my boss take a look at my screens in progress and give me his feedback for areas that needed help. I re-wrote the objectives and goals of the app and re-constructed the information architecture based on his suggestions.

 

Step 6. Refining flow and adding UI

Screen Shot 2015-12-31 at 1.51.45 PM