OLA Play CXC

UI

UX

Interactions

2018

The Consumer Experience Console or CXC as we call it, is a 10 inch display unit mounted infront of the passenger seat inside OLA PrimePlay cabs. It is the primary interface for the passenger to access the wide range of infotainment content from OLA Play. A project to redesign the primitive version of CXC which was built in 2014, to a better 2018 version for the best in class user experience and delight

Designing for a 2 feet-away interface

The CXC module is placed on the back side of the front seat, and the user will be interacting with it at a distance of 1.5ft to 2ft. Not many devices in our day today life are built around such a use case, so the problem statement is fresh and interesting. Moreover since the interactions happen inside a moving cab, there are challenges like instability of the hand and the lack of touch precision (Thanks to the Indian roads!).

Distant Operation

Conventional scale of UI elements won't work

Shaky Hands

Lack of touch precision leads to faulty interactions

Screen Glare

Color schemes with less contrast hampers legibility

Improved User Interface

The new UI is completely designed around the "2 feet experience".
Larger tap areas, bigger typography, higher contrast ratio, and scaled up UI elements

Visual Language

PALETTE

A dark-themed palette with complementary accent colours. Tinted grays for vibrancy.
Brand Red as secondary colour used for call to actions and critical indications.

ICON SET

Clean, minimal and fill-style icons for improved legibility.

TYPOGRAPHY

Akkurat sans is highly legible in both small and large sizes. All use cases are categorized under just 7 text styles to maintain hygeine.

Interactions and Motion

Loading Transition

Vinyl record animation for now-playing album cover

Voice Search

Volume and Brightness controls

New Features

A more personal welcoming

A welcome screen that adapts to different contexts of the user

Instant Brand Recognition

New album artwork template helps in easy differentiation between playlists by OLA Play and Apple music

First Things First

Safety, Voice Search and Media controls - The new IA places important things always on top across all screens .

TEAM

Parth Suthar - Direction, Manas Vaze - UX & UI, Hemanth - Visual, Interaction