I-70 Traffic Watch App
Overview & Challenge
I-70 Traffic is an iPhone app designed to display glanceable data while en route to ski resorts in and around Vail, CO. The interstate is often congested as I-70 is the primary route to these ski resorts.
This is where the I-70 Traffic app comes in, as it shows a traffic summary, time estimates, and road conditions along the way. With the Apple watch launch looming at the time, we decided it made sense to visualize I-70 Traffic in watch form.
This project was wrought with challenges, first of which was that the watch had not yet been released during development. We poured over any information available to better understand the watch and its interactions. Not only does the device have a very small screen (38mm and 42mm), but a lot more attention needs to be paid towards the watch’s micro-interactions as there are fewer interactions than any other mobile device.
Using watch design resources provided by Apple made it easier to understand layout constraints. That in combination with the watch guidelines aided the process of designing and iterating on I-70 Traffic watch layouts.
Sketching & Wireframing
There were key design decisions that needed to be made while sketching:
- Hierarchical or page based app
- Translating the “traffic snake” data from the original app to watch form
- Deciding what information was most useful to show in a glance
Iterating on Designs
After dozens of iterations on different layouts and concepts we decided on the following:
- We chose a page based app as it was consistent with the iPhone I-70 Traffic app
- After iterating on the “traffic snake” many times, we decided on a new UI pattern that worked better with the watch
- For the glance view we decided on a time remaining until destination countdown alongside the current traffic details
Final Designs & Status
Shown are the final designs for the I-70 Traffic watch app. A few alterations were made during the actual development of the app, and then was made available on the Apple watch.