March 20, 2020
Mindfulness project
Comments
(10)
March 20, 2020
Mindfulness project
(10)

This interaction introduces some simple mindfulness exercises. The example consists of:
1) an introduction page that explains the topic,
2) an interactive page where each click reveals one exercise as well as fills one section of the visual progress bar
3) an overview page with all exercises.

What is that example intending to do? When should the user use such a theme?
This example demonstrates how a visual progress indicator can improve the learning experience. This layout could be great for any theme that is related to self-improvement, be it mental or physical.

10 Comments
Nov 18, 2020
Nov 18, 2020

Simple and really effective – love it!

Like
(2)
(1)
Nov 5, 2020
Nov 5, 2020

Engaging layout, nice to see a form of progress per click. Too bad it isn’t responsive, unless I overlook something?

Like
(1)
(1)
Aug 7, 2020
Aug 7, 2020

I saw a mobile application one day, which was supposed to boost your mindfulness. Seemed a strange idea to me, as it is well known that using a smartphone damages mindfulness and leads to distraction.

Like
(2)
Add Comment