Posted by the Android crew
Deezer is a worldwide music streaming platform that gives customers entry to over 110 million tracks. Deezer goals to make its software simply accessible, letting customers take heed to their audio when, the place, and the way they need. With the rising reputation of Put on OS gadgets and massive screens and foldables, the Deezer crew noticed a possibility to offer its customers extra methods to stream by enhancing its multi-device help.
Rising sensible watch help
Over the previous few years, customers more and more requested Deezer to make its app obtainable on Put on OS. Throughout this time, the Deezer crew had additionally seen fast progress within the wearable market.
“The Put on OS market was rising because of the Fitbit acquisition by Google, the Pixel watch announcement, and the change to Put on OS on Galaxy watches,” stated Hugo Vignaux, a senior product supervisor at Deezer. “It was excellent timing as a result of Google raised the chance with us to spend money on Put on OS by becoming a member of the Media Expertise Program in 2022.”
Deezer’s builders initially targeted on offering instantaneous, easy accessibility to customers’ customized playlists from the appliance. To do that, engineers streamlined the app’s Put on OS UI, making it simpler for customers to regulate the app from their wrist. Additionally they carried out a characteristic that allowed customers to obtain their favourite Deezer playlists straight to their smartwatches, making offline playback potential with out requiring a cellphone or an web connection.
The Deezer crew relied on Google’s Horologist and its Media Toolkit throughout improvement. Horologist and its libraries guided the crew and ensured updates to the UI adhered to Put on greatest practices. It additionally made rolling out options like audio and bluetooth administration a lot simpler.
“The participant view provided by the Media Toolkit was a supply of inspiration and assured that the app’s code high quality was as much as par,” stated Hugo. “It additionally allowed us to concentrate on unit testing and resiliency reasonably than growing new options from scratch.”
Extra help for big screens and foldables
Earlier than updating the app, Deezer’s UX wasn’t totally optimized for big screens and foldables. With this newest replace, Deezer builders created particular layouts for multitasking on massive screens, like tablets and laptops, and used resizable emulators to optimize the app’s resizing capabilities for every display screen on foldables.
“Supporting massive screens means we are able to higher match a number of home windows on a display screen,” stated Geoffrey Métais, engineering supervisor at Deezer. “This enables customers to simply change between apps, which is sweet as a result of Deezer doesn’t require a consumer’s full consideration for them to utilize its UI.”
On tablets, Deezer builders break up pages that had been displayed vertically to be displayed horizontally. Builders additionally carried out a navigation rail and turned some lists into grids. These easy quality-of-life updates improved UX by giving customers a better strategy to click on by means of the app.
Making these adjustments was straightforward for builders because of the Jetpack WindowManager library. “The WindowManager library made it easy to adapt our UI to totally different display screen sizes,” stated Geoffrey. “It leverages Jetpack Compose’s modularity to adapt to any display screen measurement. And Compose code stays easy and constant regardless of addressing quite a lot of totally different configurations.”
Updates to massive screens and foldables and Put on OS had been all created utilizing Jetpack Compose and Compose for Put on OS, respectively. With Jetpack Compose, Deezer builders had been capable of effectively create and implement a design system that targeted on technical points throughout the new app. The Deezer crew attributes their elevated productiveness with Compose to Composable capabilities, which lets builders reuse code segments, and Android Studio, which helps builders iterate on options sooner.
“The mixture of a correct Design System with Jetpack Compose’s modularity and reactive paradigms is a really sensible and environment friendly answer to enhance usability with out shedding improvement productiveness,” stated Geoffrey.
The affect of elevated multi-device help
Rising multi-device help was straightforward for Deezer builders because of the instruments and assets provided by Google. The updates the Deezer crew made throughout screens improved the app’s UI, making it simpler for customers to navigate the app and take heed to audio on their very own phrases.
Since updating for Put on OS and different Android gadgets, the Deezer crew noticed a 4X improve in consumer engagement and acquired constructive suggestions from its group.
“Creating for WearOS and throughout gadgets was nice because of the assistance of the Google crew and the supply of libraries and APIs that helped us ship some nice options, resembling Horologist and its Media Toolkit. All these technical property had been very nicely documented and the Google crew’s dedication was great,” stated Hugo.
Get began
Study how one can begin growing for Put on OS and different Android gadgets at the moment.
