SoundCloud utilizza Jetpack Glance per creare il widget Brani che ti piacciono in sole 2 settimane

Per semplificare ulteriormente l'ascolto su Android, gli sviluppatori di SoundCloud, una piattaforma musicale incentrata sugli artisti, hanno utilizzato Jetpack Glance per creare un widget per i brani preferiti per la loro app molto apprezzata, che vanta 4,6 stelle e oltre 100 milioni di download. Con un catalogo di oltre 400 milioni di tracce di più di 40 milioni di creator, SoundCloud si impegna a mettere in contatto artisti e fan attraverso la musica. Questo ultimo aggiornamento dell'app per Android offre agli ascoltatori un modo ancora più comodo per godersi i loro brani preferiti. Grazie a Glance, il team è riuscito a completare il progetto in sole due settimane, risparmiando tempo prezioso per lo sviluppo e aumentando il coinvolgimento.

Massimizza la visibilità con touchpoint facili da usare

Mostrando la copertina dei brani che hanno ricevuto un Mi piace di recente, il nuovo widget Brani che ti piacciono consente agli utenti di passare direttamente a un brano specifico o di accedere alla loro lista completa di brani direttamente dalla schermata Home. In questo modo, SoundCloud rimane in primo piano per gli ascoltatori, fungendo da scorciatoia per le loro raccolte personali e incoraggiandoli a tornare ad ascoltare.

Tracce che ti piacciono non è il primo widget di SoundCloud. Oltre dieci anni fa, gli sviluppatori di SoundCloud hanno utilizzato RemoteViews per creare un widget Player che consentiva agli utenti di controllare facilmente la riproduzione e mettere Mi piace ai brani. Dopo aver aggiornato di recente il widget del player in base al feedback sul design, gli sviluppatori hanno dato la priorità a un'interfaccia personalizzata per i brani che ti piacciono. Il nuovo widget offre sia la modalità Luce che la modalità Buio, si ridimensiona liberamente per adattarsi alle preferenze dell'utente e adatta dinamicamente il suo tema per completare lo sfondo dell'utente. Grazie a Glance, queste scelte di design hanno garantito che il widget non solo fosse facile da usare, ma fungesse anche da gateway accattivante e personalizzato per l'app SoundCloud.

Accelera i cicli di sviluppo con Glance

Glance ha anche svolto un ruolo fondamentale nella semplificazione dello sviluppo di Brani che ti piacciono. Per gli sviluppatori che già conoscono Compose, il design intuitivo di Glance è stato familiare, riducendo al minimo la curva di apprendimento e accelerando l'onboarding del team. Anche la raccolta di esempi di codice della piattaforma ha fornito un utile punto di partenza, aiutando gli sviluppatori a comprendere rapidamente le sue funzionalità e le best practice. "L'utilizzo di repository di app di esempio è un ottimo modo per imparare. Posso controllare un intero repository e ispezionare il funzionamento del codice", ha affermato Sigute Kateivaite, lead engineer di SoundCloud nel team Android. "Ha velocizzato notevolmente lo sviluppo dei nostri widget."

La natura dichiarativa della UI di Glance è stata particolarmente utile per gli sviluppatori. Poiché non dovevano utilizzare file XML aggiuntivi durante la creazione, gli sviluppatori potevano creare un codice più pulito e leggibile con meno boilerplate. Glance ha inoltre consentito di lavorare con i moduli separatamente, il che significa che i componenti potevano essere scritti e integrati uno alla volta e riutilizzati per le iterazioni successive. Isolando i componenti, gli sviluppatori hanno potuto testare rapidamente i moduli, identificare e risolvere i problemi e creare per stati diversi senza duplicazioni, con conseguenti flussi di lavoro più efficienti.

Il design di Glance ha anche migliorato la qualità complessiva del codice. La possibilità di apportare modifiche utilizzando il supporto di Android Studio per l'anteprima in tempo reale di Glance ha consentito agli sviluppatori di creare componenti in modo isolato senza dover integrare il componente UI nel widget o eseguire il deployment del widget completo sullo smartphone. Potevano rappresentare vari stati, visualizzare tutti i casi pertinenti ed esaminare le modifiche ai componenti senza dover compilare l'intera app. In poche parole, Glance ha reso gli sviluppatori più produttivi perché ha consentito loro di eseguire l'iterazione più velocemente, perfezionando il widget per un prodotto finale più rifinito.

Migliora i widget delle app con la potenza di Glance

Grazie a nuovi flussi di lavoro efficaci e all'assenza di problemi di sviluppo significativi, il team di SoundCloud elogia Glance per aver semplificato una produzione di successo. "Con il nuovo widget Brani che ti piacciono, l'implementazione è stata davvero stabile", ha affermato Sigute. "Il processo di sviluppo e test è stato molto semplice." I primi dati mostrano anche risultati promettenti: gli utenti attivi ora interagiscono con il widget per accedere all'app in media più volte al giorno.

Guardando al futuro, il team di SoundCloud è impaziente di utilizzare maggiormente Glance per migliorare i widget esistenti, ad esempio adottando layout canonici, e persino svilupparne di nuovi. Sebbene l'attuale widget Brani che ti piacciono si concentri principalmente sulla visualizzazione delle immagini, il team è interessato a includere altri tipi di contenuti per arricchire ulteriormente l'esperienza utente. Gli sviluppatori sperano anche di eseguire la migrazione del widget del player a Glance per accedere alle solide opzioni di tematizzazione del framework, semplificare i processi di ridimensionamento e risolvere alcuni bug di lunga data.

Oltre alle funzionalità Brani piaciuti e Player, il team è entusiasta del potenziale di utilizzo di Glance per creare una gamma più ampia di widget. L'architettura modulare basata su componenti del widget Brani che ti piacciono, con elementi riutilizzabili come UserAvatar e Logo, offre una solida base per lo sviluppo futuro, promettendo di semplificare i processi fin dall'inizio.

Inizia a creare widget per app personalizzati con Jetpack Glance

Sviluppa ed esegui rapidamente il deployment di widget che mantengono la tua app visibile e coinvolgente con Glance.

Questo blog post fa parte della nostra serie: Spotlight Week on Widgets, in cui forniamo risorse (blog post, video, codice campione e altro ancora) progettate per aiutarti a progettare e creare widget. Puoi scoprire di più nella panoramica di Spotlight Week: Widget, che verrà aggiornata nel corso della settimana.