Lo-Fi Prototype and Analysis

Structuring The App

Now we have really started to plan out how the app is going to look and function. This is a Lo-Fidelity sketch of different pages of the app. I created pages based on a series of tasks I would ask users to perform so I can see how the app functions. The chart below is an analysis of how my two users performed at those tasks, along with what they liked and didn’t like.

Wireframing (Lo-Fi)

Digitizing the prototype

a Wireframe in Lo-Fidelity to see how it would look like on your phones screen.

Wireframing (Hi-Fi)

Adding Life and Color

After creating the lo-fi wireframe to see how the structure would look on the app, I’ve now turned it into a High Fidelity wireframe to see how the final product would more or less look like.