top of page

Roku Audio

Lead Interaction Designer


As Roku audio products expanded, users required flexible setup options. Our project aimed to achieve three goals: streamline setup for different device combinations, ensure compatibility across Roku platforms, and minimize setup time.

The Problem

  • The Roku TV or Player needs to know what devices a user is setting up in order to suggest the optimal sound configuration 

  • Due to technical limitations, users couldn't set up multiple audio devices together leading to a cumbersome setup process (see Roku wireless speakers project here).


Roku Audio.jpeg


Accessory setup varies depending on the Roku platform. For example, with Roku TV, users can set up a remote (see the setup here), wireless soundbar, speakers, and Bluetooth devices. To evaluate accessory setup options, I initially considered several choices and narrowed them down to four:


Screen Shot 2023-05-14 at 10.26.01 PM.png

We chose option 4:
Multi-Select Itemized Setup


After testing different layouts, we settled on the following design, aligned with Roku's design system. The left side triggers actions, while the right side reflects corresponding changes.


  1. Checkbox enables multiple-item selection.

  2. Imagery to represent each device type.

  3. Instructions guide device preparation for setup.

  4. Continue button progresses setup.

  5. Disabled category indicates unselectability.


1. Streambar speaker selected dots.png
  1. The already set-up streambar is grayed out in the image to indicate its inclusion in the setup.

  2. The left side provides speaker placement instructions for the user.

  3. Layout options, along with the system's recommended best layout, are presented to the user.

  4. The left highlight corresponds to the right image. For example, when "Rear speakers" is highlighted, the image displays speakers positioned behind the couch.

4. streambar speakers rear best dot.png

Want to learn more?

Let's chat!

bottom of page