Breathe Fit - Exercise Screen

Hello,

I thought it would be interesting to demonstrate the comparison of initial wireframe trial and final design for exercise screen of Breathe Fit App.

In the wireframing stage, Thought process being providing information to first time user about the exercise. However, challenges with this are :

1. The information presentation feels overwhelming and hard to consume.

2. Two clicks before arriving at final exercise start screen.

3. Returning users might just want to ignore this information as they have seen it too many times.

With these considerations, I came up with final design in which information is presented with better infographics, emphasized time selection & breath button.

I’d love to hear your thoughts. Thank you :)