© Michal Glogowski 2024

Smart TV Voice User Interface


Year: 2016
Client: Samsung
Role: UI/UX Designer

User interface for voice communication with Samsung Smart TV, inspired by theatrical spotlight.

Challenge
Voice indicator was distracting users

When talking to the TV, user needs to have feedback about the state of the machine. At the same time, feedback shouldn't distract users from their primary experience - watching TV content. This was the major complaint over 2015 indicator version form VoC (Voice of Customer) reasearch data.

- Voice Agent not very responsive. Since the voice indicator was developed with series of PNG images, the indicator was not accurately in-sync with user's voice input.

- Limited in functionality and capabilities. Features such as changing the volume level and turning on/off certain mode were very limited in terms of its capabilities.

- Problems with layout and composition. As the area for voice recognition feature was located at top of the screen, it visually looked out of balance and with no dark background behind the interface, its legibility against content in motion decreased.

- Difficult to know voice input status. Since ASR technology was not offered, user's voice input was unable to be translated from speech to text in real-time. This caused difficulties in whether the system accurately recognized the voice input or not.

There were several technical limitations that affected interaction design. Automatic speech recognition engine (ASR) translates in the real time in theory, but still needs fractions of time to record sentence, process data and send answer. We divided whole process into several phases. I worked closely with design team from HQ and developers to tailor the design to the technology.

Change design direction

Finally Product Owner from Samsung’s Headquarters decided to hold design exploration on this direction for the indicator. I switched to another idea.

First prototype

Below is the first try made by myself in After Effects. It was approved by HQ and served us as a reference to build interaction upon it.

Interaction logic

Below is the first try made by myself in After Effects. It served us as a reference.

Result
Voice recognition - 2016 market release

Video was recorded on standard market Smart TV version for 2016