Panoramica
Queste linee guida sono fornite agli sviluppatori che partecipano al nostro programma per offrire agli utenti nello Spazio economico europeo (SEE) una fatturazione alternativa al sistema di fatturazione di Google Play senza scelta dell'utente. Gli sviluppatori con utenti nel SEE che partecipano al pilota per la fatturazione scelta dall'utente e offrono un sistema di fatturazione alternativo oltre al sistema di fatturazione di Google Play devono utilizzare le linee guida per l'UX della fatturazione scelta dall'utente. Queste linee guida per l'esperienza utente mirano a mantenere un'esperienza utente coerente richiedendo agli sviluppatori di mostrare una schermata informativa a ogni utente la prima volta che effettua un acquisto. I messaggi rivolti agli utenti e le specifiche dell'interfaccia utente per la schermata delle informazioni devono essere implementate in base alle seguenti linee guida.
App sviluppatore |
Schermata delle informazioni per gli utenti |
Seleziona lingua
Seleziona la lingua degli utenti per visualizzare le stringhe di testo dell'interfaccia utente corrispondenti nelle specifiche di progettazione riportate di seguito.
- Mostra tutte le lingue
- Seleziona una lingua
- Bulgaro
- Catalano
- Croato
- Ceco
- Danese
- Olandese
- Inglese
- Estone
- Finlandese
- Francese
- Tedesco
- Greco
- Ungherese
- Islandese
- Italiano
- Lettone
- Lituano
- Norvegese
- Polacco
- Portoghese (brasiliano)
- Portoghese (Europa)
- Rumeno
- Slovacco
- Sloveno
- Spagnolo
- Svedese
Informazioni per gli utenti
La schermata informativa aiuta gli utenti a comprendere l'impatto del cambiamento.
Quando visualizzare
La schermata delle informazioni deve essere mostrata agli utenti all'inizio del loro primo acquisto. Non è necessario che questo messaggio venga visualizzato per gli acquisti successivi dello stesso utente. Visualizza la schermata delle informazioni subito dopo che un utente ha intrapreso un'azione esplicita per iniziare un acquisto.
Quando mostrare il prezzo
Il prezzo di acquisto deve essere visibile e comprensibile agli utenti prima che venga loro mostrata la schermata informativa.
Modalità di visualizzazione
La schermata informativa deve essere visualizzata in un riquadro inferiore modale. Un foglio inferiore modale è simile a una finestra di dialogo modale che si anima dalla parte inferiore dello schermo e rimane fissata alla parte inferiore. è elevato rispetto a tutti gli elementi dell'interfaccia utente sulla schermata sottostante. Lo schermo sottostante è oscurato da una cornice scura per indicare che non risponderà all'interazione dell'utente.
Fai riferimento a Google Material Design per ulteriori informazioni sul design e sull'implementazione dei fogli inferiori modali.
Azioni utente
Il riquadro inferiore deve essere attivato quando un utente tocca un pulsante o un altro elemento dell'interfaccia utente dell'app che avvia un acquisto. L'utente può eseguire due possibili azioni dalla schermata delle informazioni:
Ok
Se tocchi il pulsante "OK", la schermata informativa si chiude e viene avviata la schermata successiva nel flusso di pagamento.
Scopri di più
Toccando il pulsante "Scopri di più", si avvia un articolo del Centro assistenza Google in un browser web.
Chiudi
Se gli utenti vogliono chiudere il riquadro inferiore e tornare alla schermata sottostante, possono ignorarlo:
- Toccare all'esterno del contenitore del riquadro inferiore
- Toccare il pulsante "Indietro" del sistema Android.
Non è necessario che la schermata delle informazioni venga visualizzata di nuovo dopo che l'utente è stata chiusa o dopo che l'utente ha toccato "OK".
Esempio: quando l'utente tocca per effettuare un acquisto nella tua app, il pulsante attiva la schermata informativa.
Specifiche di progettazione
La schermata delle informazioni è divisa in tre componenti: titolo, messaggio e pulsanti. Tutti e tre i componenti sono obbligatori e devono contenere il testo esatto e gli elementi UI definiti in queste linee guida. Non includere testo o immagini aggiuntivi in questa schermata, ma sei libero di includere testo e immagini aggiuntivi su altre schermate.
- Titolo
- Testo 1
- Testo 2
- Pulsanti
- Riquadro inferiore
- Tela dello sfondo
Titolo
| Testo |
Seleziona lingua
|
| Carattere | Roboto (applica a tutti i caratteri) |
| Dimensioni carattere | 18 g |
| Colore del carattere | #202124 |
Testo 1
Utilizzati per evidenziare i punti chiave che sono considerati informazioni fondamentali.
| Testo |
Seleziona lingua
|
| Dimensioni carattere | 14 g |
| Altezza della riga | 20 |
| Colore del carattere | #5F6368 |
Testo 2
Utilizzato per le informazioni secondarie con priorità inferiore.
| Testo |
Seleziona lingua
|
| Dimensioni carattere | 12sp |
| Altezza della riga | 16 |
| Colore del carattere | #5F6368 |
Pulsante 1
| Testo |
Seleziona lingua
|
| Allineamento del testo | Concentrato |
| Dimensioni carattere | 14 g |
| Spessore carattere | Medium |
| Colore del carattere | #01875F |
| Colore dello sfondo | #FFFFFF |
| Dimensioni | Altezza:36, larghezza: scala al contenitore |
| Raggio d'angolo | 4dp |
| Panoramica | 1dp, #DADCE0 |
| Collega | Link all'articolo del Centro assistenza Google Play |
Pulsante 2
| Testo |
Seleziona lingua
|
| Allineamento del testo | Concentrato |
| Dimensioni carattere | 14 g |
| Spessore carattere | Medium |
| Colore del carattere | #FFFFFF |
| Colore dello sfondo | #01875F |
| Dimensioni | Altezza:36, larghezza: scala al contenitore |
| Raggio d'angolo | 4dp |
| Collega | Link alla schermata successiva del flusso di pagamento |
Riquadro inferiore
| Dimensioni | Altezza: variabile, larghezza: 100% |
| Raggio d'angolo | 8dp, 8dp, 0, 0 |
| Premessa | #FFFFFF |
| Spaziatura interna | Sinistra: 24 dp, Destra: 24 dp, In alto: 32 dp, In basso: 24 dp |
| Altitudine | 8dp |
Paesaggio
Nella visualizzazione orizzontale, il riquadro inferiore è più largo che in visualizzazione verticale, ma in caso contrario segue le stesse specifiche e funzionalità di progettazione.
| Riquadro inferiore | Larghezza: massimo 500 dp, Spaziatura interna: 24 dp |
| Titolo | Come la visualizzazione verticale |
| Messaggio | Come la visualizzazione verticale |
| Pulsanti | Altezza:36, larghezza: scala al contenitore |
Per ulteriori dettagli sul programma SEE per la fatturazione alternativa senza scelta dell'utente e per domande frequenti, visita il nostro Centro assistenza.