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.
The key design decisions that needed to be made while sketching were deciding on a hierarchical or page based app, translating the “traffic snake” data from the original app to watch form, and deciding what information was most useful to show in a glance.
After dozens of iterations on different layouts and concepts we were able to make design decisions.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.
A few alterations were made during the actual development of the app, and it is now available on the Apple watch. This app was created while working at Foraker Labs.