RuiDesign
Download CV ↗

02 · UX · Time

FLOW.

A gentler way to plan, focus and find your rhythm.

FLOW brings ambient light to desktop planning. A moving beam replaces the taskbar clock, showing progress without a countdown. When work runs over, extend the block or rearrange what comes next.

Year
2025–26
Platform
Windows desktop · phone concept
Type
Individual project
Context
UX Design Awards (UXDA) brief
My role
Research, UX and UI design, prototyping, testing

Core concept

From resetting a broken plan to rebuilding a rhythm.

Research question

How might we help people regain a sense of control when their plans are disrupted?

01 The design now

A week on the desk, a beam of light for the hour.

FLOW plans focus work around the meetings already in your calendar. While you work, the taskbar clock is replaced by a small time object: a beam of light moving across a tree-like form.

FLOW week view with focus, life and fixed blocks, weight stripes, and a gentle message about a missed gym session
The week: meetings from your tools, focus work around them Click to enlarge

Feel time passing, without watching the minutes.

  • An ambient time object replaces the digital clock as the reminder.
  • A beam of light moves from left to right, passing through the tree-like form, so the passing of time is something you sense.
  • People notice that time is going by, instead of staring at the exact minute. Hover it when you do need the time.

When the block ends, it asks how it went. Need a bit more extends the block. Not finished leads to a short pause, then the rest of the day is reordered with every task kept.

Try the interactive prototype →

FLOW's focus page for one task: a small mushroom-shaped tree on a wooden desk, lit from one side by a beam of light, with buttons to minimise or finish early
Focus page for one task

02 Where it began

It started as a phone app.

FLOW began as a phone concept. Version 1 was researched, designed and tested as a phone prototype. The desktop version is the redesign that followed, built on what Version 1 and its testing showed.

The problem is not planning. It is what happens when the plan breaks.

I designed for young adults aged 18 to 34, mostly students and early-career professionals, who already plan their days with calendars and to-do lists. They plan carefully, yet one delayed task can make the whole day feel like a failure.

Most planning tools make this worse. They highlight missed tasks and push for full completion, but give no help with the guilt and loss of control that follow a disruption.

  • One delay spreads
  • Guilt
  • Loss of control
  • Missed-task alerts
  • Cognitive overload
  • Rest feels wasted
Problem framing canvas: context, customers, problem, emotional impact and current alternatives
Problem framing canvas Click to enlarge
3

semi-structured interviews, 15 to 20 minutes each, with UK students and early-career professionals aged 21 to 29.

6

“How might we” questions that framed the design work.

Gap

Calendars plan but ignore feelings; wellbeing apps (Wysa, Daylio) track mood but do not help replan.

18–34

the age group the secondary research pointed to as most at risk of stress and burnout.

Interview responses from Maya, 22
Interview · Maya, 22
Interview responses from Andrew, 26, a junior designer in London: a ten-minute meeting overrun pushed everything back and made him anxious
Interview · Andrew, 26
Interview responses from Kyson, 29
Interview · Kyson, 29

People are not short of plans. They lack support when plans fail.

The interviews backed up the reading: the anxiety came from over-planning and from unfinished tasks, not from poor planning.

The three interviews came together in one persona, Andrew, 26, a junior designer who over-plans his day in tight blocks and checks the time whenever a task runs long. The journey map followed him through both what he does and how he feels. It showed the key moment: a single overrun makes the rest of the day feel out of control.

So I stopped asking how to make people more efficient, and started asking how to help them recover.

User journey map with a functional and an emotional line across a working day
Journey map Click to enlarge
Persona: Andrew, 26, junior designer in London. Goals, behaviours, pain points and needs around fragile control when plans overrun
Persona Click to enlarge

03 Version 1 · Phone

Users did not want to remove tasks. They wanted help reorganising.

The first ideas tried to fix overload: a timeline view, buffer time, task pruning and a focus mode. Placed on an impact and feasibility matrix, they pointed somewhere else: recovery and user control mattered more than efficiency or tracking.

Four early concepts: Timeline Thread, Buffer Time, Task Pruning and Focus Mode
Early concepts
Impact and feasibility matrix of the early concepts
Impact / feasibility matrix

Version 1 · Phone prototype

Plan, break, recover.

The phone prototype I tested. Pick a step, or let it play.

Unload screen with a task card and weight and pressure sliders Decision Agency screen comparing the original and the optimised task order Pulse screen with an energy flow wave, current focus and next step Recovery Room breathing screen Strategy selection with Simplify Mode and Reset Mode
Version 1 flow in six phone screens: Unload, Decision Agency, Pulse, SOS Mode, Recovery and Reset, leading from emotional recovery to cognitive reset to schedule adaptation
Version 1 flow: emotional recovery, cognitive reset, schedule adaptation Click to enlarge

04 Testing Version 1

What I learned from five people.

Moderated think-aloud testing of the phone prototype in March 2026. Five participants aged 21 to 28, all regular users of productivity tools, each did the same five scenario tasks. A small formative study: it found problems, it does not prove the app works.

  1. Finding 1Complex task weighting adds cognitive load.

    3 of 5 were unsure how Weight and Pressure differed the first time they used them.

    Supports: fewer settings people have to understand, set and judge themselves.
  2. Finding 2People value recovery, but not crisis language.

    One participant felt “Crisis Mode” added tension. All five responded well to the calm pace of the Recovery Room.

    Supports: a gentler recovery, without the feeling of suddenly entering an emergency.
  3. Finding 3Recovery can't cost control over tasks.

    One participant worried Reset Mode would delete tasks for good, with no undo.

    Supports: changes people can understand and reverse, keeping the tasks they already have.
  4. Finding 4People want to know why the plan changed.

    Two participants clearly liked how Decision Agency set the original and optimised orders side by side.

    Supports: the system suggests, but people keep the understanding and the final say.

“Supported rather than managed.”

Other problems were about words and signposting: the time-box icon was missed, the loading screen looked like it needed input, and the bottom icons had no labels.

The test and the Version 1 review already moved the recovery logic on. Recovery should keep every task and reorder it, lighter tasks first. The plan should stay still until the user chooses to enter recovery. I also proposed bringing tasks in from existing tools, and letting people own their schedule data.

Design shift summary: rigid schedule to adaptive flow, user manages to system supports, overloaded day to balanced rhythm; recovery replaces optimisation, SOS mode for disruption, import from existing tools, privacy and data control
Design shift after Version 1

05 The turning point

Same problem, a different moment.

The research question stayed. What I rethought was when FLOW steps in, how much attention it asks for, and the medium it speaks through.

A new design hypothesis

Light and colour, instead of a digital countdown, can show task state and working rhythm, and so reduce attention to time itself.

It builds on what I explored in Tranquil-Spin about light and the feeling of time. It is a hypothesis to test, not something the five-person study has shown.

06 Version 2 · Desktop

Planning, colour, light, focus and recovery.

You sign in, bring in meetings from tools like Teams, Zoom or Google Calendar, and FLOW places focus work around them. Press Continue and a focus page opens for one task. Minimise it, and the time object on the taskbar keeps the time.

A selected focus block with its editor open: name, weight, kind and a delete button
Click a block to set its weight, kind or lock
Help panel explaining the three kinds of block: Focus, Life and Fixed
What each kind means, and why

Connected tools

Work starts elsewhere.
Your day takes shape here.

Meetings from your calendar. Tasks from your team. One place to see what is fixed and decide when to focus.

01 / ALREADY IN YOUR TOOLS

TTeams / Outlook / Calendar

Design review

10:30–11:00

Meeting · time already set

NA task assigned by your manager

Prepare the project brief

Due today · 16:00

Assigned work · import concept

FLOW.

Bring together.
Plan around.

02 / IN YOUR DAY

Thursday

A plan you can still change
Space to prepare
Design reviewFrom Teams · fixed
Prepare the project briefAssigned task → focus block
Time for the rest of your day

CONNECT ONCE

Keep your tools.
Skip the retyping.

Choose the calendars and work tools you already use. FLOW brings the commitments into view, so planning starts with your real day.

FLOW prototype: choose calendars and work tools during setup
Connection setup in the current prototype · click to inspect

Illustrated workflow with sample data. Live calendar sync is planned; importing manager-assigned tasks is a proposed extension.

Version 1 findings, carried into the desktop design

07 Where Version 2 stands

What Version 2 addresses, by design
  • Weight and Pressure merged into one setting with an explanation.
  • Recovery keeps every task, can be undone, and starts only when the user chooses.
  • No crisis wording: “Not finished” and “Pause for a moment”.
  • Labelled navigation, and block length set by dragging the block itself.
  • Meetings come in from existing tools instead of being typed again.
Still to validate with users
  • Can people read task progress from the beam of light, without checking the clock?
  • Does it reduce attention to time, or become one more thing to watch?
  • Does the end-of-block check-in feel supportive, or like an interruption?
  • Does reordering lighter tasks first really help people get their rhythm back?
  • Do colour and weight make the week easier to read than Version 1's sliders?

Version 2 is a clickable prototype and a working Windows app, prototyped with Claude Code. Calendar sync is designed; the app currently uses sample meetings. The usability findings above come from Version 1. Version 2 has not been tested with users yet; that is the next step.

My part

From research to prototype.

  • RoleSolo designer, from research to the working prototype.
  • FocusResearch, UX and UI design, prototyping and usability testing.
  • MethodsSecondary research, competitor analysis, interviews, journey mapping, impact / feasibility matrix, think-aloud usability testing.
  • Version 2Desktop redesign building on Version 1's findings: interactive prototype and Windows app (prototyped with Claude Code).

The outcomes described are expected effects from a concept and a small test, not measured results.