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.
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.