Brief
Th Harman Kardon Citation Multibeam 1100 is the first soundbar combining MultiBeam™ beam-forming surround sound and up-firing speakers that enable 3D-surround formats like Dolby Atmos enhances the TV sound with best-in-class acoustic performance.
Timeline
1 Year
Team
Mo Wang
Rongjian Huang
Yifan Jin
My Contribution
Wireframe
Visual Design
3D Visualization
Motion Design
Challenges
How do we design in the small screen?
How do we make the soundbar easy to set up?
How do we setup in the China region?
The Pill-shaped Screen
The screen is identical to Harman Kardon Citation series, which relieves the user from the burden of too many apps.
Based on the swipe
With considering the whole info structure and the size of the pill-shaped display, we make the design on the swipe gesture
To control from distance
We designed a whole set of screens which with bigger elements and LED animation feedback for the user seat on sofa and use the remote control
Screen layout for touch
Screen layout for remote control
Challenges
How do we design in the small screen?
How do we make the soundbar easy to set up?
How do we setup in the China region?
Setup a soundbar has 3 gate to pass
Especially the Wi-Fi setup is difficult for users, Which brings the first generation Citation product a high product return rate
Setup Wi-Fi
Pair Speaker
Calibration
Animated Guide to Help Setup Wi-Fi
We use the animated guide to bridge the breakpoint of setup flow between our screen and the screen of the phone. We support all the major Wi-Fi music services so that users can always find one that they are familiar with.
One-tap Pairing
Pair the subwoofer and surround together and assign the left and right channels automatically
Troubleshooting for better calibration
Some users cannot achieve a perfect calibration result. With the display, we are able to tell the user what to do once the result is not good.
Challenges
How do we design in the small screen?
How do we make the soundbar easy to set up?
How do we setup in the China region?
