Diiing - Hero3.jpg

Diiing app

Originally developed by Wilson Fletcher Studios as a multi-timer application focused on cooking back in 2014, I got tasked to design Diiing v2, take it to the next level and optimize it for the iPhone and more importantly the Apple Watch.

 
 

Overview

Diiing was originally developed by Wilson Fletcher Studios as a multi-timer application focused on cooking back in 2014. The inspiration came from members of the team  struggling to time all the elements of a roast so that they were all ready at the same time - and this quickly became the scenario that we worked around. We explored many different concepts at the time but settled on a gantt chart style display as its seemed the best way to show relative timers alongside each other.

 
 
 

My role

During my time at WF, I got tasked to design Diiing v2, take it to the next level and optimise it for the iPhone and more importantly the Apple Watch. The main purpose of this exercise is design and build WF’s first Apple Watch application which will prove extremely useful in new business meetings and demonstrate skills in adapting to emerging technologies.

 
 

Solution

Diiing app would enable users to keep track of time via their iPhone or Apple Watch.

Problem

How to effectively keep track of time for a series of activities/tasks running at the same time on the go.

 
Diiing - Hero 4.jpg

Research

 
 
devices-xl.png
 
 

Existing iPad app analysis

At the time, we developed an extensive list of key requirements that the Diiing app development should meet. The following were seen to be the ‘must have’ requirements:

Timer set - creation : as a user I want to be able to create a new set of timers, set different durations and a total time and name the timers

Timer set - started :  as a user I want to be able to see the names, duration, total time and time left for each timer

Timer set - finished: as a user I want a notification (visually/audibly) that all timers have finished.

 
 
Apple watch competition.jpg

Competitive analysis

I conducted a quick competitive analysis to understand what was available on the Appstore that had similar interactions and functionalities.

 
other scenarios.jpg

Exploring use cases with other scenarios and devices

 

Having an iphone / apple watch app would extend the range of scenarios where the app could be used. I identified a few more relevant activities where Diiing could be used.

 
 
Diiing - Timing scenarios.jpg

Timing scenarios

 

Through research, 4 different timing scenarios have been identified. The user interaction should be flexible and adjusted to the pertinent scenario. Gantt chart style display seemed to be the best way to show relative timers alongside each other.

 
 

User flows

 

After the research phase, I focused on defining the core functionalities based on the different user stories requirements. at this point I started fleshing out the in app-interactions.

 
 
Diiing - Hero2.jpg

Final concepts

c1.jpg
 

Concept 1 - Speed-based

I wanted to explore a different way to add timers, for instance, swiping up would increase time and release would set the timer. This way, the user would be able to set multiple timers very quickly.

 
 
Concept 2.jpg
 

Concept 2 - Image-based

The idea here was to have a more traditional image-based timer. Depending on the title given to the timers, imagery would adjust accordingly.

 
 
c3.jpg

Concept 3 - Text-based

 

On this concept, the idea was to make the user form a sentence to plan his or her timed activities. The user would be able to assemble a series of activities and play them.

 
 

Final concept - Minimalist and versatile

 

This concept is a concentrate of the 3 previous concepts, after a presentation and brainstorm, I tried to gather all the learnings to include the highlights and interesting ideas from the other concepts. I wanted to keep it simple, beautiful and easy to use.

 
 
Hero3.jpg

Wrap up

 

Designing for a brand new device (Apple Watch back in 2015) was an interesting and challenging project. The most difficult part was to design for a device I didn't have at hand and had to rely on the Apple Human interface guidelines to properly understand the usage and behaviours. It was a fun side project to work on, being able to test quickly with colleagues getting quick feedback and iterate on designs.