Ola Apple watch app

Ola Apple watch app

Product design process - July 2016

I was fortunate enough to complete an internship at Olacabs as a Product Designer and be guided by one of the most talented teams in India (read about the experience here). In the process of my intern, I managed to instil enough faith among my mentors and bag a few projects that were exclusive and might have made a few employees jealous. One of them included the Apple watch app. As an icing on the cake, the project got into production really quick and the product is live now.

The wearable tech scenario

Smartwatches occupy the apex of the complexity pyramid of hardware, where its base represents the maximum degree of interaction complexity. They are followed by handheld devices(smartphones, tablets) and the large screen devices(laptops, desktops).
The Apple watch is one of its kind and it can very well be justified as a ‘Tiny Beast’.

My intern was during the summers of 2016 @ Bangalore, India during the month of May and June when Apple held WWDC from the 13th — 17th of June and introduced watch OS3. Although the official release was in September, the design team at Ola, decided to take up the challenge right away. A call for my thinking cap to be on.

Research and insights

I watched the video linked here and jotted down all the major updates and features of Apple watch OS3. The major update being the introduction of complications. Glances from the previous watch OS2 was removed. Since Olacabs did not have a prior apple watch app, I took reference from other competitors like Uber, Lyft, and Hailo.

Apple watch OS3 components

Apple explained how it dealt with components while designing for the apple watch. The 3 basic components were:

1. Complications — Little widgets on watch faces. (Types — circular, modular small, modular large, utility small, utility large and extra large.)
2. Notifications — Significant events(otherwise overlooked) (Provide a meaningful title, only show what is necessary, show important information first, establish visual hierarchy, use colors, graphics and animations)
3. App — Deeper experience (Hierarchical and page based)