Posted via the Android workforce
Deezer is an international track streaming platform that gives customers get entry to to over 110 million tracks. Deezer targets to make its software simply available, letting customers concentrate to their audio when, the place, and the way they would like. With the rising approval for Put on OS units and huge monitors and foldables, the Deezer workforce noticed a possibility to offer its customers extra techniques to move via bettering its multi-device toughen.
Expanding good watch toughen
Over the last few years, customers more and more asked Deezer to make its app to be had on Put on OS. Throughout this time, the Deezer workforce had additionally observed fast enlargement within the wearable marketplace.
“The Put on OS marketplace used to be rising due to the Fitbit acquisition via Google, the Pixel watch announcement, and the transfer to Put on OS on Galaxy watches,” mentioned Hugo Vignaux, a senior product supervisor at Deezer. “It used to be best timing as a result of Google raised the chance with us to put money into Put on OS via becoming a member of the Media Revel in Program in 2022.”
Deezer’s builders first of all eager about offering fast, simple get entry to to customers’ customized playlists from the applying. To try this, engineers streamlined the app’s Put on OS UI, making it more straightforward for customers to keep an eye on the app from their wrist. In addition they carried out a characteristic that allowed customers to obtain their favourite Deezer playlists directly to their smartwatches, making offline playback conceivable with out requiring a telephone or an web connection.
The Deezer workforce trusted Google’s Horologist and its Media Toolkit all over construction. Horologist and its libraries guided the workforce and ensured updates to the UI adhered to Put on highest practices. It additionally made rolling out options like audio and bluetooth control a lot more straightforward.
“The participant view presented via the Media Toolkit used to be a supply of inspiration and assured that the app’s code high quality used to be as much as par,” mentioned Hugo. “It additionally allowed us to concentrate on unit checking out and resiliency reasonably than growing new options from scratch.”
Extra toughen for massive monitors and foldables
Ahead of updating the app, Deezer’s UX wasn’t absolutely optimized for massive monitors and foldables. With this newest replace, Deezer builders created particular layouts for multitasking on huge monitors, like drugs and laptops, and used resizable emulators to optimize the app’s resizing functions for every display on foldables.
“Supporting huge monitors manner we will be able to higher are compatible a couple of home windows on a display,” mentioned Geoffrey Métais, engineering supervisor at Deezer. “This permits customers to simply transfer between apps, which is just right as a result of Deezer doesn’t require a person’s complete consideration for them to use its UI.”
On drugs, Deezer builders cut up pages that had been displayed vertically to be displayed horizontally. Builders additionally carried out a navigation rail and grew to become some lists into grids. Those easy quality-of-life updates progressed UX via giving customers an more straightforward approach to click on in the course of the app.
Making those adjustments used to be simple for builders due to the Jetpack WindowManager library. “The WindowManager library made it easy to conform our UI to other display sizes,” mentioned Geoffrey. “It leverages Jetpack Compose’s modularity to conform to any display dimension. And Compose code remains easy and constant in spite of addressing various other configurations.”
Updates to very large monitors and foldables and Put on OS had been all created the use of Jetpack Compose and Compose for Put on OS, respectively. With Jetpack Compose, Deezer builders had been ready to successfully create and put in force a design device that eager about technical problems throughout the new app. The Deezer workforce attributes their larger productiveness with Compose to Composable purposes, which shall we builders reuse code segments, and Android Studio, which is helping builders iterate on options sooner.
“The mix of a right kind Design Machine with Jetpack Compose’s modularity and reactive paradigms is a extremely smart and environment friendly method to enhance usability with out shedding construction productiveness,” mentioned Geoffrey.
The have an effect on of larger multi-device toughen
Expanding multi-device toughen used to be simple for Deezer builders due to the equipment and sources presented via Google. The updates the Deezer workforce made throughout monitors progressed the app’s UI, making it more straightforward for customers to navigate the app and concentrate to audio on their very own phrases.
Since updating for Put on OS and different Android units, the Deezer workforce noticed a 4X building up in person engagement and gained certain comments from its neighborhood.
“Creating for WearOS and throughout units used to be nice due to the assistance of the Google workforce and the supply of libraries and APIs that helped us ship some nice options, similar to Horologist and its Media Toolkit. All the ones technical belongings had been rather well documented and the Google workforce’s determination used to be super,” mentioned Hugo.
Get began
Learn the way you’ll be able to get started growing for Put on OS and different Android units nowadays.
