Case Study / 02 · 10-Foot TV UI & Companion Mobile UX

Popsical: Redesigning the 10-Foot Living Room Karaoke Experience

Redesigning Popsical's smart TV interface and companion smartphone remote to eliminate living room friction, cut TV pairing time from 45s to 18s, and build a 15-minute daily habit loop that lifted device adoption by 30%.

18s
TV Pairing Time (was 45s)
92%
Successful Song Play Rate
+30%
Device Adoption Lift
01 / The Challenge

The Friction of Living Room Group Entertainment

Traditional home karaoke systems were notoriously frustrating: bulky commercial hardware, outdated song books, tangled mixer cords, and a single touchscreen where guests had to wait in line to select songs. Popsical was created to replace this with an elegant ecosystem: a cloud-powered device plugged into the TV, paired with smartphone companion apps.

However, initial product telemetry and home visits uncovered three major UX bottlenecks:

  • High Pairing Drop-off: Connecting a guest's smartphone to the TV took an average of 45 seconds, requiring manual on-screen PIN codes that stalled party momentum.
  • Unusable Chinese Search: In Southeast Asia, Mandopop represents over 60% of song queries, but the original search engine failed to handle Romanized Pinyin phonetics.
  • Hardware Performance Constraints: Our Android TV board had strict processor and memory limits, meaning heavy animations or unoptimized UI layers caused UI stutter.
The Design Objective

How can we design a multi-device living room experience where any guest can unbox, connect their phone, find their favorite song, and sing in under 60 seconds?

Popsical Ecosystem Overview
Exhibit 1.0 · The dual-screen ecosystem: coordinating the 10-foot television display with personal smartphone remotes in real time.
02 / Design Systems

Designing for the 10-Foot Distance

Designing for a television screen requires fundamentally different interaction rules than mobile or desktop:

  • D-Pad Directional Traversal: There is no touch or mouse cursor on a TV. Every selectable element must follow a predictable directional grid (Up, Down, Left, Right) with unambiguous focus indicators.
  • Viewing Distance and Typographic Scale: Users sit 8 to 12 feet away from the screen. Text sizes, button heights, and metadata badges were scaled up to ensure effortless legibility from across the sofa.
  • Dual Control Harmony: While younger users prefer controlling songs from their smartphones, older family members rely on the bundled physical remote. Both inputs had to stay in continuous sync without input lag.
03 / Visual Ergonomics

The Environmental Pivot: Cinema Dark Mode

Early versions of the interface used a clean white layout that looked sharp during office design reviews. But when we tested the product in real homes, the flaw became immediate:

Karaoke is almost always performed in dimly lit living rooms with ambient or party lighting. A bright white TV screen acted like a spotlight, blinding the room and washing out the party atmosphere. Furthermore, white backgrounds made it difficult to see subtle cursor focus states from across the room.

We redesigned the entire TV OS into an immersive, cinema-grade dark interface:

  • Deep obsidian backgrounds that blend seamlessly into dark living rooms.
  • Luminescent coral and violet focus rings with spring physics to give tactile feedback on D-pad navigation.
  • Generous contrast ratios that make song titles and artist thumbnails pop without room glare.
Legacy Onboarding

Static white slides with poor contrast in dark living rooms.

Legacy Onboarding
Redesigned Dark Mode

Atmospheric video background with high-contrast 1-tap sign-in.

New Onboarding
04 / Interaction Architecture

TV Pairing: The Pivot from Invasive QR to Party Codes

Connecting the mobile app to the TV was a core design battleground. We initially explored on-screen QR codes, assuming a phone camera scan would be the fastest path. However, usability testing revealed an unacceptable trade-off:

Keeping a QR code permanently on the TV screen constantly blocked the music video background and covered the singer's lyrics, breaking the visual immersion.

We solved this by designing an unobtrusive Party Code interaction:

  • A minimal 4-character code rests discreetly in the top-right corner of the TV screen.
  • Guests simply type the 4 letters into the companion app once to link immediately.
  • This preserved 100% of the music video display while cutting connection time from 45 seconds to 18 seconds.
Legacy Multi-Step Setup

Complex manual PIN codes and separate Wi-Fi configuration.

Legacy Device Pairing
Immersive Party Code Input

Fast 4-character party code preserving 100% video immersion.

New Device Pairing with Party Code
05 / Social Psychology

Multi-User Queue Management & Social Attribution

Because multiple party guests could browse and queue songs simultaneously from their phones, a common social issue emerged: guests would sneakily reorder the playlist, prioritize their own tracks, or accidentally remove someone else's song.

Rather than building restrictive permissions or host-only locks that slowed down the fun, we used social visibility:

  • Every song queued in the mobile app displays the user's name and avatar on the TV queue sidebar.
  • The entire room sees exactly who queued which song and who bumped a track.
  • This social transparency eliminated queue tampering through natural party etiquette and sparked fun conversations.
Legacy Disorganized Lists

Anonymous track list with no queue ownership or drag-and-drop.

Legacy Profile and Queue
Attributed Social Queue

Clean playlist cards with profile avatars and 1-tap reordering.

New Profile and Queue
07 / Product Growth

The 15-Minute Daily Hook: Unlocking Hardware Adoption

Popsical faced a major commercial barrier: customers hesitated to buy an expensive hardware device because they feared it would become useless without an ongoing monthly subscription.

To de-risk the purchase and build an organic singing habit, I pitched and designed the 15-Minute Daily Free Tier:

  • Every device owner received 15 minutes of free, unrestricted singing every single day with no credit card required.
  • Users could decompress with two or three songs after work, keeping the device active in their daily lives.
  • When hosting a party and the 15-minute timer expired, a contextual prompt surfaced offering an immediate 24-Hour Party Pass or an Unlimited Monthly Subscription.

This design change gave retail teams an easy selling point, eradicated refund complaints, and converted casual daily singers into high-retention paid subscribers.

08 / Results & Impact

Business Impact and Measurable Outcomes

Following the release of the redesigned TV OS, companion mobile app, and 15-minute daily tier, the product achieved decisive gains across customer adoption and engagement:

18s
TV Pairing Time (was 45s)
92%
Successful Song Play Rate (was 70%)
+30%
Device Adoption Growth

Hardware return rates were sustained below 0.1%, customer support tickets regarding pairing dropped by 48%, and active subscription renewals surged due to the zero-friction mobile queue.