Forum Discussion
Using Time with Intention
I built a small interactive sequence in Rise to explore time awareness and time management, combining several HTML embeds into a single, cohesive experience.
The flow is simple but intentional:
- First, a timer to build awareness of time passing.
- Then, a 40-hour work week pie chart, where learners reflect on how their time is currently distributed.
- Finally, a playful 8-bit coffee break, where the cup slowly empties and ends with a small “Break well taken” badge.
All interactions are built with lightweight HTML/CSS/JS, with support from ChatGPT.
Prompt
The first prompt I used was:
I want to create a graphic where users can select how they spend their work time. For now, I have these options, but I’d like to adapt them for someone working in a corporate environment, such as an instructional designer or project manager (e.g. meetings, emails, networking, developing workshop materials, workshop facilitation).
I’d like to introduce some kind of HTML-based interaction that allows users to select how they spend their time and then visualise it in a pie chart.
From there, the interaction evolved iteratively — refining the structure, adjusting fonts and colours, and improving the overall experience.
Idea
The original idea for the course was inspired by a real Rise course template: Time Management Essentials.
I took the introductory concept and the idea behind the “How I Spend My Time” graphic as a starting point.
We often rush through many different tasks during the week, and having tools that allow us to pause and analyse how we use our time can help trigger meaningful reflection.
Hope you all like it — happy to hear your thoughts! 😊