TimeTimer

What is Time Timer?

TimeTimer is a simple & effective analogue stopwatch that visually represents the time window. The feature that makes TimeTimer stand out from a regular stopwatch is while the time is running, the clock visually shows the progress & remaining time, rather than just showing numbers.

Why Time Timer app?

It all started when gathering stationery supplies for a design sprint. Generally, we all carry a note & a pen with us all the time. But it's pretty hard to maintain a timer clock with you or have one and get it whenever a sprint happens. Because nowadays we all have mobiles that have plenty of productivity apps and timer apps, then explored the timer apps, most of them have the worst UX, so I decided to design one as good as possible.

The Process

I inspired & modified from the stages of the design thinking process. For example, I eliminated the Ideate and Test steps to show an elaborated design process, and I split the Prototype stage into three: Wireframe, Prototype & Design. Therefore this project is going to be a showcase of a design process.

Research

Define

Ideate

Wireframe

Design

Research

I started the research with a competitive analysis of the available products in the app store and explored the app's usability and features. Then the User research. I reach out to my friends to volunteer for my user research. Requested them to use the timer app for one week on their office meetings and tasks.

Define

After one week, I gathered points from competitive analysis and spoke to each volunteer individually on a zoom call, asked them about their experience with the timer app, and interviewed them with a few questions; Was it helpful or not? If it was useful, please explain what kind of task and how you used the timer in that. If not, why? What kind of situation? What do you suggest to add to make it better? And any suggestions to improve or any features you want to be in the app.

Ideas that generated from feedbacks from user interviews & my points

Clean UI:Users found it difficult to adapt to the Time Timer's usability. So, I have to create an effective mental model with straightforward & contrasting UI.

Host Clock:There were no provisions to host the clock with the team members during meetings. So I'll be adding a feature that the facilitator can host time with others who have the app on their phones.

Presets: Users can create customer timers, Modify & save them as presets.

Safe area: this feature would give the option to add an alert in between at any point in the Timer duration.

Interactive dial:Static clock is so dull. Making the interactive dial will give a personality to the overall feel of the app.

Wireframes