WORKING ON THE

TOMTOM TOUCH

SUMMARY

In 2015 I was introduced to a tiny 32x128pixel display and an idea of bringing TomTom Sport’s first fitness tracker into the market. Not only providing daily activity tracking and insights into sports activities but the team had to impressively deliver an optical HR and Bio-Impedance Analysis measurement for tracking body fat and muscle mass percentage on the wrist.

 

TARGET AUDIENCE

After investigating several profiles, it was agreed to focus on two main personas - an exercise enthusiast with fitness achievement as their primary goal and someone looking to enhance their overall activity level.

These two profiles roughly represented 80% of our potential customers.

QUICK START

I've worked on various quick-start guides at TomTom, and the biggest challenge is the 70x70mm dimension and the business requirement of non-use of language and explanatory text. With the limited space it is vital that the illustrations are focused on the essentials for simple use.

On the TomTom touch, I focused in powering up, downloading the mobile app and an introduction to the device necessary gestures of swiping and button press.

BURPEE-QSG_11Jan16-v3BURPEE-QSG_11Jan16-v3

FIRST TIME USE

A successful Bluetooth connectivity depends on both hardware and software to work correctly, and when it fails, it is potentially a deal breaker. With all our products we strive for a seamless experience, but in the case of unhappy flows, various support is in place across multiple channels.

Once powered, the device immediately searches for a mobile phone, and we present the user a URL for failed connections.

first-time-usefirst-time-use

PAIRING TIPS

The TomTom Sports mobile app offers additional support which consists of animated illustrations and pairing suggestions.

pairing_tipspairing_tips
app_pairing-tipsapp_pairing-tips

A SMALL DISPLAY

The size of this device brought a fair amount of limitations; at 128x32 pixels, telling an informative story while using limited explanatory text and highlighting key features was at first daunting.

The solution was to keep to a core principle of simplicity and focusing on the essentials. Unavoidable I know but my goal of reducing attention to the size of the display influenced transitions that expanded in and out of view - avoiding bleeding graphics and revealing the edges.

bandFontsSizesbandFontsSizes

EXPLORATIONS & PROTOTYPING

In early designs, navigating between screens felt laboured, the icons didn't excite, and most importantly you couldn't get a sense of direction. 

My first exploration was quick and straightforward, every image would repeatedly hop within its white circle for every swipe. This instantly brought the device to life, and it was apparent the device needed personality. 

fitnessBand_testfitnessBand_test

BODY COMPOSITION MODE

The problem with conventional step counting devices is that they don't give an indication of the impact on the body, and for active users, it's not a useful indicator.

We wanted to go beyond normal activity tracking, being fit is more than a number on a scale, and body composition is an excellent indicator of fitness. 

Touch-body-compositionTouch-body-composition

TAKING A READING

A BIA Reading is done by entering BIA mode and holding the button until a tick confirms completion. Results and progress towards a body goal are on the mobile app.

 

"It looks like it's taking my blood." - a tester, referring to a lava lamp influenced design.

 

 

In parallel to this feature I was working on the desktop and mobile app where I created an indeterminate spinner that indicates searching/waiting. Bringing this exciting pattern to band felt correct and fitted well in the eco-system.

bodcompbodcomp