Gesti con una mano

Gli smartwatch sono ideali per l'uso in movimento, ma il loro utilizzo diventa difficile quando gli utenti hanno le mani occupate. Per risolvere questo problema, Wear OS 7 introduce un nuovo framework di gesti con una sola mano per gli OEM e un'API per i gesti per gli sviluppatori che utilizzano Jetpack Compose su Wear OS. Sebbene adottato esclusivamente dai dispositivi Pixel Watch (Pixel Watch 3 e modelli successivi), questo framework sottostante è disponibile per tutti i produttori. Supportando questa API, il supporto dei gesti della tua app può essere scalato automaticamente nell'ecosistema man mano che altri OEM aderiscono.

Per creare esperienze fluide e senza contatto, segui queste linee guida per determinare se i gesti con una sola mano sono adatti all'esperienza della tua app.

Gesti e azioni supportati

Il framework dei gesti di Wear OS supporta due tipi di gesti: azione principale e azione di chiusura. Su Pixel Watch, l'azione principale è mappata al gesto di doppio pinch e l'azione di chiusura è mappata al gesto di rotazione del polso.

Doppio pinch: attiva l'azione principale.
Rotazione del polso: attiva l'azione di chiusura.

Azione principale

L'azione principale deve essere mappata all'attività principale, ad esempio rispondere a una telefonata o attivare/disattivare la riproduzione o la pausa nei controlli multimediali, che un utente può completare su una schermata o una pagina. Se la pagina è scorrevole, l'app può mappare un solo elemento UI alla volta all'azione principale.

Rispondere a una telefonata.
Attivare/disattivare la riproduzione o la pausa nei controlli multimediali.

Posticipare una sveglia che suona.
Scorrere i contenuti scorrevoli.

Il doppio pinch è più utile quando l'utente può navigare fino all'elemento UI utilizzando i gesti, la voce o quando l'elemento si apre automaticamente (ad esempio una notifica o i controlli multimediali). Se l'unico modo per navigare fino all'elemento UI è tramite tocco o pulsanti, l'azione non è un buon caso d'uso per il gesto dell'azione principale.

Azione di chiusura

Per impostazione predefinita, l'azione di chiusura è mappata al pulsante Indietro del sistema e consente di tornare alla schermata precedente. La tua app può eseguire l'override della rotazione del polso per casi d'uso specifici, ma queste eccezioni devono comunque essere in linea con il concetto di chiusura, silenziamento o riduzione a icona. Gli override di esempio includono il silenziamento di una chiamata anziché la chiusura e la chiusura delle notifiche anziché la chiusura o l'eliminazione. Questa azione non deve mai essere mappata ad azioni arbitrarie nella tua app, per quanto possa essere allettante, perché interrompe il modello utente di utilizzo dell'azione di chiusura come indicatore coerente per un comando Indietro o Chiudi.

L'azione di chiusura può anche essere disattivata per una schermata quando comporta un rischio a causa di attivazioni accidentali, ad esempio in una schermata di allenamento attiva o in una chiamata di emergenza. Per disattivare la rotazione del polso per una determinata schermata, sottoscrivi l'azione di chiusura, ma non fare nulla con l'evento del gesto inviato, ovvero fornisci una sottoscrizione vuota.

Linee guida per i gesti rapidi

Il framework dei gesti di Wear OS è progettato per gestire interruzioni e controlli. Non è progettato per consentire la navigazione completa dello smartwatch. Segui queste linee guida per adottare i gesti con una sola mano nella tua app:

  1. Riduci al minimo la navigazione: utilizza i gesti per le interazioni una tantum , ad esempio chiudere una notifica o mettere in pausa e riprendere la riproduzione di contenuti multimediali.
  2. Utilizza lo scorrimento con parsimonia: il gesto principale (doppio pinch) può essere utilizzato per scorrere, ma non dovrebbe essere l'esperienza predefinita per tutti i contenuti scorrevoli. Attiva lo scorrimento tramite gesti solo se è possibile soddisfare le seguenti condizioni:
    • L'utente è in grado di accedere alla visualizzazione di scorrimento con una mano o in modalità vivavoce, ad esempio utilizzando un gesto, un comando vocale o su una schermata che si avvia automaticamente, come i controlli multimediali e la navigazione nelle mappe.
    • I contenuti forniscono valore a colpo d'occhio, ad esempio un riepilogo dell'allenamento, e non richiedono ulteriori interazioni oltre a un pulsante singolo facoltativo che può anche eseguire l'azione del gesto principale una volta che è stato visualizzato (ad esempio un pulsante perimetrale Fine).
  3. Evita i vicoli ciechi: assicurati che le azioni dei gesti non comportino vicoli ciechi in cui un utente non può procedere ulteriormente nel suo percorso senza utilizzare il touchscreen o un pulsante fisico.
  4. Evita le azioni nascoste: non nascondere mai un'azione solo tramite gesti. Se un utente può eseguire un'azione con un doppio pinch, deve essere presente un pulsante visibile e toccabile che esegue la stessa attività. L'eccezione è rappresentata dalle azioni universali come la rotazione del polso per tornare indietro, in cui l'intento dell'utente è difficile da prevedere.

Flusso di interazione con i gesti e feedback

Quando un gesto è disponibile e viene eseguito dall'utente, si verifica la seguente sequenza di eventi:

  1. Suggerimento per i gesti: quando è disponibile un gesto di azione principale, sullo schermo viene mostrata un'illustrazione animata di una mano che esegue il gesto, informando l'utente di quale gesto è disponibile e su quale elemento UI verrà eseguito. In genere, i suggerimenti non vengono visualizzati per l'azione di chiusura, a meno che non sia mappata a un elemento UI sullo schermo.
  2. Feedback aptico: viene riprodotto un breve feedback aptico nitido quando l'azione del gesto viene gestita correttamente.
  3. Feedback sonoro e visivo: qualsiasi feedback sonoro o visivo associato a un elemento UI che si verifica con un'interazione touch deve essere attivato anche con le azioni dei gesti. Devi collegare i callback audio e visivi touch esistenti della tua app agli eventi dei gesti per offrire un'esperienza coerente.

    Esempio: la fotocamera ha un suono dell'otturatore e un'interazione con il pulsante associati che devono essere attivati con i gesti.

Suggerimenti, istruzioni e impostazioni per i gesti

Per rendere rilevabili le azioni dei gesti, Pixel Watch fornisce un tutorial interattivo sullo smartwatch e un framework di suggerimenti all'interno dell'API per i gesti. Le impostazioni dei gesti sono disponibili anche nelle impostazioni di sistema: su Pixel Watch, in Impostazioni > Gesti > Gesti con la mano.

Onboarding del tutorial

Su Pixel Watch, gli utenti vengono introdotti ai gesti con la mano tramite un tutorial interattivo e i consigli per Pixel. Non è necessario creare un tutorial sui gesti univoco all'interno dell'app. Utilizza invece i suggerimenti contestuali forniti da Jetpack Compose su Wear OS per informare gli utenti dove sono disponibili i gesti all'interno dell'app.

Schermata del tutorial di onboarding del doppio pinch.
Schermata del tutorial di onboarding della rotazione del polso.

Suggerimenti contestuali

Per aiutare gli utenti a scoprire i gesti all'interno dell'app, fornisci suggerimenti che associano l'azione del gesto all'affordance fisica. I suggerimenti sottili sono più chiari e leggibili e causano un'ostruzione minima degli altri elementi UI.

I tipi di suggerimenti contestuali includono:

  • Suggerimento per i pulsanti
    • Viene visualizzato come un'icona animata all'interno di un elemento UI, ad esempio un pulsante, nascondendo temporaneamente i contenuti tipici dell'elemento, come un'etichetta o un'icona del pulsante.
  • Suggerimento mobile
    • Un'icona animata contenuta in una piccola sovrapposizione a forma di fumetto che punta all'elemento UI interessato dal gesto. I suggerimenti mobili vengono in genere utilizzati quando l'elemento UI a cui puntano è troppo piccolo per contenere il suggerimento. L'esempio principale è lo scorrimento, in cui il fumetto del suggerimento punta alla barra di scorrimento per indicare che il gesto principale scorrerà.
    • Il suggerimento può puntare a una delle direzioni cardinali (su, giù, sinistra, destra).

Suggerimento per i pulsanti

Esempio di icona del suggerimento per il gesto del pulsante

Scambia momentaneamente un'icona o un testo esistente.

Suggerimento mobile

Esempio di icona del suggerimento per il gesto mobile

Punta a un elemento sullo schermo troppo piccolo per contenere un suggerimento per i pulsanti.

Indicazioni sui colori:

  • Suggerimento per i pulsanti
    • Per impostazione predefinita, il colore del drawable vettoriale animato (AVD) viene colorato in modo da corrispondere al colore dell'icona o del testo del pulsante (LocalContentColor).
    • Se necessario, l'AVD può essere colorato con un colore personalizzato. In genere, tuttavia, il colore deve essere lo stesso del contenuto che sostituisce temporaneamente per fornire un contrasto adeguato.
  • Suggerimento mobile
    • Il colore Tertiary viene applicato al container del suggerimento.
    • Il colore AVD viene colorato in onTertiary.
    • Puoi personalizzare sia il colore del suggerimento sia il colore della forma dello sfondo.

Indicazioni sui colori dei suggerimenti per i pulsanti

Esempio di indicazioni sul colore del suggerimento del pulsante

Il colore AVD corrisponde al colore dell'icona o del testo del pulsante.

Indicazioni sui colori dei suggerimenti mobili

Esempio di indicazioni sul colore del suggerimento mobile

Il container del suggerimento utilizza Tertiary e l'AVD utilizza onTertiary.

Regole di cadenza dei suggerimenti:

Per aiutare gli utenti a scoprire i gesti, la piattaforma fornisce una frequenza configurabile per la visualizzazione di un suggerimento per un'esperienza. La logica della cadenza dei suggerimenti è globale anziché per esperienza. Il framework dei gesti di Wear OS controlla la cadenza ed espone un'impostazione (su Pixel Watch, Gesti > Gesti con la mano > Suggerimenti per i gesti) per consentire agli utenti di regolare la cadenza.

  • Suggerimenti per i pulsanti
    • Al primo avvio di un'app con un'azione di gesto o all'aggiornamento di un'app che introduce un'azione di gesto, viene visualizzato un suggerimento per questa azione almeno una volta. Il suggerimento viene visualizzato di nuovo solo in base alla cadenza definita dall'utente (ad esempio Sempre, Ogni giorno e Ogni mese). Per impostazione predefinita, i suggerimenti sono impostati su Sempre.
  • Suggerimenti mobili
    • Poiché coprono i contenuti adiacenti, i suggerimenti mobili vengono visualizzati al massimo una volta al giorno per esperienza. Se la cadenza dei suggerimenti globale è impostata su un valore meno frequente di una volta al giorno (Ogni giorno), il sistema utilizza la cadenza meno frequente.
Schermata delle impostazioni dei suggerimenti per i gesti su Pixel Watch
Schermata delle impostazioni dei suggerimenti per i gesti su Pixel Watch

Risorse aggiuntive

Per indicazioni per gli sviluppatori su come implementare i gesti con una sola mano nella tua app, consulta Gesti con una sola mano con Compose.