All Platforms

Integrate Android TV Platform

My Role
UX Designer
Timeline
Aug 2020 - Jun 2021

How might we seamlessly integrate Android TV to the existing suite of meWATCH platforms?

For the purpose of the online portfolio, confidential information had been obfuscated. The views represented in the portfolio is not representative of the meWATCH team.

Our Impact and Reach (2M+ Users)

A collaboration with PRISM+ to introduce meWATCH on Android TV platforms

Between end of Aug 2020-2021, the meWATCH team in MediaCorp ventured into the design of a completely new platform. The genesis of the design was based on the usability testing on existing TV platforms to spark initial insights for ideations.

Unique Challenges

  1. New platform designed from ground 0
  2. Establishing core design language consistency across platforms
  3. UX workflow constraints within TV platforms
  4. Physical environment influences on TV display and interactions
  5. Inter-usability challenges to ensure task continuity across platforms

Act 2: Bridging a cohesive multi-platform experience to existing UX workflows

Following Act 1 as we delve into the fundamentals of growing meWATCH usage among PMEBs, the ATV design focused on leveraging existing experience to build a digital ecosystem for users.

Mockups from Figma Community

Learnings from discovery research


1. Realigning stakeholders' expectations on critical usability issues in navigation which impedes task completion

A remote workshop was conducted to re-establish stakeholders understanding of users' insights and core usability challenge in UTs conducted by our partner Netizen Research:

  • Navigation to "Continue Watching" rail
  • Navigation on TV Guide
  • Navigation to add programs to watchlist

2. Ergonomics study of TV interaction with remote control

As we delved into the design of a new platform, the basic ergonomics were carefully examined to ensure we deliver optimal experience tailored to TV interactions.

3. Literature reviews of critical TV navigation and motion's impact on users' perceived usability

Fundamental navigation principles were examined together from the perspective of remote control's navigation and easing motion for a fluid navigation experience.

Focus movement in a grid layout with a one-directional flat navigation (Visual focus)
Provide a clear focal point for projection from a distance and smooth ease in and out transition flow between UI elements (200-500ms)

4. Heuristic evaluation with stakeholders on current CTV platform to identify design opportunities

As the ATV design was initiated during time of COVID, a remote workshop had to be conducted via ZOOM to realign stakeholders on our current CTV platform. Although the ATV platform was pioneered from ground 0, we wanted to leverage on the lessons learnt from CTV to help further reframe and fine tune our designs for ATV.

Evaluating current users' inconvenience and ambiguity or disruptions in interactions (This is not comprehensive of the full evaluations performed)

5. Competitor benchmarking to evaluate effectiveness of existing OTT platforms' implementation

Below are snippets of the evaluation, the full studies would not be revealed online to keep confidentiality. These were evaluated alongside other product and UI designers to consolidate our findings via a shared document.

How might we...

Empower PMEB users to intuitively navigate for content discovery optimising for projection from a distance?

Provide a seamless cross-platform integrated experience as an ecosystem?

Our vision: Effectively streamline the discovery and fragmented experience on ATV platform

As users venture across the different touch points within the TV platform, we seek to unify the experience gaps with smooth navigation and enclosed loops for tasks that could not be executed on TV platform.

A. Define first impression with seamless navigation and immersive cinematic projection for comfort of viewing from a distance

The first impression provides the definitive kickstart to the experience of usage. Home page was intentionally designed with attractive banners and clean presentation of single content rail for initial discovery. The aim was to provide a cinematic experience upon first view to entrance users towards continual exploration.

Navigation of thumbnails with a clear focal point to avoid distracting users
Considering limitations of endless loop navigation with a remote, view all access is introduced to consolidate all programs in a page (Ethical design considerations)

B. Explore metadata display across platforms for a cohesive search and browsing experience

Clear content identification is king in OTT platforms! Effective metadata needs to align with users' mental model of search and discovery. The UX and product team worked alongside with the content team to establish the global rules for standardisation of display format across various program types. Below are snippets of the documentation.

C. Drive viewing decisions with the comfort of navigation

As users select a program, we seek to support different possible cause of subsequent actions with options to preview with a trailer or watch later from "My List".

Besides the design, we explored different possible presentation states for varied use cases and programs in the UX documentation to clearly communicate with developers on the intent of implementation.

D. Crux of experience, redefining interactions with video player

As users spent the majority of their time on watching programs, the interactions on video player was pivotal to the success of the overall user journey. Leveraging the learnings from competitor studies, we present all controls out front for ease of access with quick preview during thumbnail seeking to provide more accuracy in forward and rewind.

Programs are paused to ensure minimal disruption during switch of episodes and seasons. The thumbnails and CTAs are designed with visual prominence to ensure legibility when interacting from a distance.

E. Optimising the search experience for enhanced discovery

Search on a TV platform could be a potentially cumbersome experience with the limitations of hardware input provided. We aim to iron out the inefficiencies with:

  • Recommended popular search
  • Audio search
  • Ability to connect to external keyboard for quick input
  • Multiple search suggestions starting from the first letter of input

F. Exploring TV guide for "LIVE" programs

To bring to users' attention the current programs that's showing live, the "ON NOW" program will be focused at the top for a prominent focal point of view. We too take into account possible course of other users' actions providing options to "Watch On Demand" with indication of more episodes available.

Navigation with a clear focal point across the program timeline

G. Closing the subscriptions and parental control PIN setting loop

Actions which could not be completed on TV platforms will be re-directed to web/mobile for task completion.

Intended subscriptions workflows are designed to link users back to the original point of trigger to avoid disruption in the user's journey on TV.

Spearheading presentation to digital head and business units

5 out of 7 core modules were approved by business stakeholders on 1st presentation. All modules were approved in the 2nd presentation.

Learnings from pioneering from ground 0

Despite being tasked with the design of a completely new platform, study of prior practices had helped to ease the learning gap within the team. To ensure we design optimally for our end users, we deep dive into the basics of Android TV and examine the lessons learnt from current TV platform to replicate good design practices and benchmark beyond current implementation. Challenges of context of use and physical environment were carefully examined to ensure the UI is crafted with the intent of projection from a distance.