Copay System

Simple Banking Rewarding System

Smart TVs have become a central hub for entertainment in modern homes. 78% of Australian online households own smart TVs, and 28% of them have more than two. By bringing our player apps to smart TVs, we are meeting our listeners where they spend more time: the comfort of their living rooms.

Time

2023 Q4

2023 Q4

Role

UX research

Product design

UX research

Product design

Team

1 product manager

1 project manager

1 developer

1 product manager

1 project manager

1 developer

01. PROJECT SCOPE

Expanding into New Territory

NOVA is expanding its player apps to Connected TV (CTV) to reach more listeners at home and make it even easier for them to tune in. As more people stream content on their TVs, this move helps us stay relevant and accessible. By being on CTV, we can grow our audience, increase sign-ups, and keep listeners engaged for longer.


"There is Always a First Time"

"There is Always a First Time"

"There is Always a First Time"

This was our team’s first experience designing for Connected TV, and we were excited to took the bid.
We realised that to quickly roll out the product to market, choosing the right platform, prioritising features, and following platform design and development guidelines was essential.

MVP

Registration and radio streaming as the core features and top priorities.

Platform

Google/Android TV as the launch platform due to its ease of activation and strong market reach.

Guideline

Android TV Guidelines to provide quick kick-off on designing for TV experiences.

MVP

Registration and radio streaming as the core features and top priorities.

Platform

Google/Android TV as the launch platform due to its ease of activation and strong market reach.

Guideline

Android TV Guidelines to provide quick kick-off on designing for TV experiences.

03. MARKET RESEARCH

Understanding the Streaming Landscape

I explored various streaming apps, from major platforms to smaller ones, to understand TV navigation and possible layouts. I also evaluated registration/login flows on video streaming services like Stan and Netflix to identify best practices.

Insight 01

CTV apps are viewed from a distance, clear, immersive visuals are essential. Appealing visual also play a key role in reinforcing brand recognition.

Insight 02

Uplike touch screen, the TV controller offers limited navigation.
The UI should offer simple layout and straight path to get to a control.

Insight 03

Avoid using remote control for login/signup due to difficult text input. Instead, offer flexible options like QR codes or URLs for a smoother experience.

Insight 01

CTV apps are viewed from a distance, clear, immersive visuals are essential. Appealing visual also play a key role in reinforcing brand recognition.

Insight 02

Uplike touch screen, the TV controller offers limited navigation.
The UI should offer simple layout and straight path to get to a control.

Insight 03

Avoid using remote control for login/signup due to difficult text input. Instead, offer flexible options like QR codes or URLs for a smoother experience.

Insight 01

CTV apps are viewed from a distance, clear, immersive visuals are essential. Appealing visual also play a key role in reinforcing brand recognition.

Insight 02

Uplike touch screen, the TV controller offers limited navigation.
The UI should offer simple layout and straight path to get to a control.

Insight 03

Avoid using remote control for login/signup due to difficult text input. Instead, offer flexible options like QR codes or URLs for a smoother experience.

05. INITIAL SOLUTIONS

Ideation, Iteration

I put together a few mid-fi drafts for the radio page and registration flow and reviewed them with the product manager and developer. Draft v1 mirrors our app’s radio browsing experience, but scrolling through 22 stations with a remote feels clunky and limits discovery. Without features like recently played or followed stations in the MVP, users would have to search for their station every time, making the experience less seamless.

I workshopped with our UX lead, information architect and content writer to discuss initial UX proposals for this project. We studied the existing pages on our website and quickly pin-pointed features and contents that we thought was either valuable or detrimental to the user experience.


We eventually landed on a smarter approach with v3—users start by choosing a brand, then explore its 1–9 stations with ease. By reusing the web station card (featuring the now-playing song album cover/show images), we bring each station to life while creating a seamless, familiar experience across TV and our other products.

We also explored three ways to link devices—web login, in-app login, and WiFi connection. While WiFi offers the smoothest experience, we chose web login to stay on track with our timeline and budget. This also makes it easy for first-time visitors to sign up quickly without needing to download the NOVA app.

I workshopped with our UX lead, information architect and content writer to discuss initial UX proposals for this project. We studied the existing pages on our website and quickly pin-pointed features and contents that we thought was either valuable or detrimental to the user experience.


CTV apps are viewed from a distance, clear, immersive visuals are essential. Appealing visual also play a key role in reinforcing brand recognition.

05. USER TESTING

Validation by Users

We brought in internal testers and mirrored high-fidelity prototypes on a TV screen to simulate the real viewing experience. While it wasn’t a 100% replica, the feedback we gathered was incredibly valuable in refining the experience before handing it off to the developer.

Feedback:

  • Colour: 3 out of 5 testers found that highly saturated backgrounds, like red and blue (Star104.5 and Smooth FM), felt too bright and overwhelming in dark environments.


  • Lack of Indication: 2 out of 5 testers took a longer time to figure out how to switch stations.


Iteration:

  • TV screens have higher contrast than computer screens, making colors appear more saturated and vibrant. I defined a darker variation of colour for the red and blue background to achieve a better balance between brightness and saturation while aligning with the brand identity.


  • Add a play button on the station card when selected, making it clear and easy for users to start listening instantly.

06. FINAL DESIGN

Bring NOVA to the Big Screen

录制一段使用视频放上来,用simulator还是电视录影?

All 4 player apps are currently under final QA and debug session and will be launch on Google/Android TV very soon.

Each player enables access and switch between 22 NOVA Entertainment FM and AM stations, including Nova FM, Smooth FM, Star 104.5, FIVEAA, plus partner stations like Sky News Radio, Coles Radio, and talkSPORT.

Reusing component and pattern like station cards, host images, and brand colors brings a seamless experience between TV and the web.

07. NEXT STEPS

Find Us on More Platforms

We will bring our successful MVP to Apple TV, Amazon Fire, Samsung, and LG platforms. With each platform having its guidelines, maintaining consistency for our player app will be the next exciting challenge.

Copay System

Simple Banking Rewarding System

Smart TVs have become a central hub for entertainment in modern homes. 78% of Australian online households own smart TVs, and 28% of them have more than two. By bringing our player apps to smart TVs, we are meeting our listeners where they spend more time: the comfort of their living rooms.

Time

2023 Q4

Role

UX research

Product design

Team

1 product manager

1 project manager

1 developer

Full Dashboard
Full Dashboard