A lil UX exercise

Note: this is a personal project to bend an app to my will — I am not affiliated in any way with Calm. I did not design these screens -- I only modified them for this exercise.

As I wrote previously, I found it odd that I couldn't download the daily 10-minute meditations for offline use in the Calm app. I experienced frustration when I hit a wall not finding a feature I felt should be there, so I attempted a possible UI solution. In this case, I am the user and the tester. Read more about the solution and my process.

Two mobile device screens; one shows a modified Daily Calm audio clip with new Download icon, the another shows the new Manage Downloads area.

Two mobile device screens; one shows a modified Daily Calm audio clip with new Download icon, the another shows the new Manage Downloads area.

 
 

SOLUTION

I rearranged the icons on the audio clip screen and used matching iconography indicating "download" to denote the ability to save the clip to the phone for offline use. I also added a "Manage downloads" section to the profile area that acts as a file management screen where the user can delete old files if they wish.

Here is the interactive InVision prototype.

 
A Sketch canvas showing 11 artboards where I work out the Manage Downloads area and user flow.

A Sketch canvas showing 11 artboards where I work out the Manage Downloads area and user flow.

 

TL;DR - What I’ve Done

  • Evaluated and produced a potential new user flow in Sketch

  • Modified screenshots in Photoshop

  • Designing minimal iconography for the solution in Illustrator

  • Built interactive prototype in InVision