Google Developers Italia: Come migliorare il design dell'app Wear 2.0

Local blog for Italian speaking developers

Come migliorare il design dell'app Wear 2.0

20 settembre 2017

code { background-color: transparent }Pubblicato da Steven Tepper, App Quality Consultant, Google PlayWear 2.0 è stato lanciatotemi di Material DesignComplications APImodalità standaloneNavigazione

Utilizzare il drawer di navigazione WearableDrawerLayout per la navigazione semplice e infrequente: la navigazione semplice include attività come accedere alle impostazioni delle app, cambiare utente o disconnettersi. Puoi implementare questo drawer su Wear 2.0 per passare da una visualizzazione o sezione dell'app all'altra con uno swipe dall'alto verso il basso o impostare un drawer di azione per azioni specifiche al contesto con uno swipe dal basso verso l'alto.

Presentare il drawer di navigazione a pagina singola per consentire agli utenti di navigare più velocemente tra le visualizzazioni: un drawer di navigazione può essere presentato come multipagina o a pagina singola. Il layout a pagina singola è consigliabile se l'utente utilizza velocemente al massimo 7 visualizzazioni all'interno dell'app. Ricorda che se l'app usa un drawer a pagina singola, l'iconografia deve essere chiara e comprensibile poiché non vi sarà alcun tipo di etichettatura del testo in questo layout. Se ci sono più di 7 visualizzazioni di navigazione o le visualizzazioni non sono facilmente rappresentate da icone, consigliamo di utilizzare invece il layout con drawer multipagina.

Utilizzare i launcher di applicazioni multiple se l'app include due o tre funzioni discrete: ad esempio, se l'app supporta sia il monitoraggio delle attività (con opzioni, azioni e visualizzazioni diverse) sia l'analisi cronologica e la gestione delle attività monitorate, è possibile utilizzare i launcher di applicazioni multiple per gestire queste attività. Invece se l'app dispone di una semplice schermata iniziale, queste funzionalità potrebbero essere posizionate in fila nella parte inferiore dello schermo.

Utilizzare la visualizzazione rapida nella parte superiore del drawer di azione per fornire accesso rapido per l'azione primaria: se alla visualizzazione non è associata alcuna azione primaria, ignora il comportamento predefinito e imponi un pulsante di overflow per la visualizzazione rapida che fa apparire tutte le azioni nella parte inferiore della visualizzazione, se toccato.

Navigazione ed Azioni di WearNavigazioneAzioneNotifiche

Supportare le notifiche espandibili: usa BigTextStyle in modo che gli utenti possano vedere più contenuti sul loro orologio.

Utilizzare la visualizzazione compressa della notifica (se applicabile): aggiungi l'azione primaria della notifica alla visualizzazione compressa della notifica tramite setContentIntent(), se necessario.

Utilizzare MessagingStyle per le applicazioni di messaggistica: offri un'esperienza soddisfacente di chat simile a un'app nella notifica espansa usando questo stile.

Aggiornare le specifiche istruzioni per l'utente di Wear 1.0: rimuovi qualsiasi testo che indichi agli utenti come agire su una scheda usando il swipe orizzontale (modello Wear 1.x).

Migliorare le notifiche per utilizzare le azioni inline: consente agli utenti di fare ciò che desiderano senza utilizzare il tocco per visualizzare i dettagli della notifica espansa. Le azioni per le notifiche di messaggistica possono utilizzare diversi metodi di input, inclusi i preset Smart Reply o l'input vocale e di tastiera. Sfrutta queste caratteristiche per fornire nuove funzionalità e soddisfare ulteriormente i tuoi utenti.

aggiungere funzionalità alle notificheComplication

Utilizzino la classe TextRenderer disponibile nell'SDK Wear 2.0: ciò garantisce che il testo all'interno delle complication si adatti ai limiti presenti, riducendo il testo, supportando dinamicamente le interruzioni di riga o inserendo ellissi alle stringhe quando superano i limiti di una complication basata sul testo.

Utilizzino la classe ComplicationDrawable per impostare colore di sfondo, forma, bordo e opzioni dei caratteri per le complication: offre il controllo completo del rendering della complication nel quadrante dell'orologio.

Progettino in modo che gli utenti possano configurare o regolare le complication sul quadrante tramite un menu impostazioni: per scoprire come creare queste impostazioni, vai a vedere il campione di un quadrante su GitHub.

Utilizzino l'app test suite del fornitore di dati per alimentare i dati dummy alle complication del quadrante dell'orologio: ciò consente di verificare che tutte le complication siano eseguite correttamente e che i caratteri siano formattati in base ai loro limiti.

In qualità di fornitori dati di complication, rendano ben visibili i dati rilevanti utilizzando ComplicationProviderService: ciò consente di definire e configurare quali tipi di ComplicationData può fornire l'app alle complication.

Funzionalità standalone sui dispositivi Wear

Assicurati che l'app sia in grado di autogestirsi anche se non è installata un'app complementare quando utilizzi il flag della funzionalità hardware di android.hardware.type.watch: l'uso di questa funzionalità consente all'app di essere ricercata e installabile direttamente sui dispositivi Wear senza dover installare un'app telefonica complementare, e assicura che l'app possa autogestirsi per evitare problemi o interruzioni all'utente.

Assicurati che l'app indossabile non si basi sull'app telefonica per accesso/autenticazione o altre funzionalità primarie: quando è necessario un input complicato per l'autenticazione (ad esempio l'immissione della password), la tua app indossabile può indirizzarti al telefono complementare, ma dovrebbe comunque basarsi sull'UI web per l'inserimento di account e password piuttosto che sull'app.

Se per qualche altro motivo sul telefono deve essere presente un'app complementare che supporti la tua app, allora quest'ultima dovrà utilizzare CapabilityApi: per indirizzare correttamente gli utenti agli elenchi del Play Store del dispositivo complementare in modo che possano installare l'app mancante. In caso contrario, l'app dovrebbe funzionare da sola, utilizzando le funzioni Wi-Fi e GPS integrate o le altre funzioni di connettività.

Includi il testo sui requisiti dell'app complementare o illustra brevemente come funziona l'app Wear nella descrizione degli elenchi del Play Store: aiuterà a creare le giuste aspettative, a guidare l'utente nell'installazione delle app corrette e a garantirgli la migliore esperienza possibile.

Incorpora il flag com.google.android.wearable.standalone nel manifesto se la tua app indossabile può operare senza interagire con i telefoni complementari: questo flag indica che l'app indossabile può essere installata ed è pienamente funzionante anche quando non è associata a un telefono Android o iOS complementare.

guide linea sulla qualitàsviluppo delle app indossabilidesign delle app indossabiliQuanto ti è stato utile questo post?★ ★ ★ ★ ★

.blogimgwide img { width: 75%; border: 0; display: block; margin: auto; padding: 10px 0 10px 0; } .blogimgthin img { width: 35%; border: 0; display: block; margin: auto; padding: 10px 0 10px 0; } .blogimgfull img { width: 100%; border: 0; display: block; margin: auto; padding: 10px 0 10px 0; } .bloguse { text-align: center; margin: 0; border: 0; padding: 10px 0 0 0; } .bloglogo img { width: 35%; display: block; margin: auto; border: 0; padding: 0: } .blogimgfloat img { float: right; width: 35%; padding: 10px; border: 0; margin: 0; }