Questa guida descrive in che modo Google utilizza il tuo brand e le tue immagini per facilitare l'integrazione con la tua app di micromobilità. Fornisce inoltre le specifiche obbligatorie associate e altri dettagli.
Specifiche dell'icona logo
Quando Google Maps per dispositivi mobili (GMM) mostra i risultati delle indicazioni stradali, utilizza il logo della tua app per identificare il tuo servizio nell'interfaccia utente. Devi fornire a Google un'icona per il logo del prodotto e rispettare le seguenti specifiche:
- L'icona del logo deve essere un'immagine SVG 1.1 di 612 x 612 pixel.
- L'icona del logo deve essere identificabile visivamente sia nella modalità chiara che in quella scura dell'interfaccia di GMM. La Figura 1 illustra questo principio.
- L'icona del logo deve evitare combinazioni di colori che potrebbero interferire con l'interfaccia di Google Maps. La Figura 2 illustra questo principio.
- L'icona deve avere uno sfondo trasparente.
- L'immagine dell'icona deve avere angoli arrotondati con un raggio di 76 pixel o una forma circolare.
- Poiché i tag
<style>non sono supportati, devi utilizzare gli stili in linea in base alle tue esigenze. - Non tutte le funzionalità SVG sono supportate per le icone dei prodotti. Per ulteriori dettagli, consulta MetroSVG.
Specifica dell'icona del veicolo
La micromobilità offre la possibilità di rendere visibili agli utenti dei tuoi prodotti di micromobilità i veicoli senza stazione di ricarica disponibili nelle vicinanze. Assicurati di fornire a Google l'icona del veicolo per il prodotto e di rispettare le seguenti specifiche:
- L'icona del veicolo deve essere un'immagine PNG di 120 x 120 pixel.
- L'icona del veicolo deve essere identificabile visivamente nelle modalità dell'interfaccia GMM Luce e Buio. La Figura 1 illustra questo principio.
- L'icona del veicolo deve evitare combinazioni di colori che potrebbero interferire con l'interfaccia di GMM stessa. La Figura 2 illustra questo principio.
- Il veicolo deve essere visualizzato su un cerchio a tinta unita con uno sfondo trasparente, come mostrato nella Figura 1.
- Il veicolo deve essere centrato e orientato orizzontalmente come se fosse a terra.
- Il tipo di veicolo deve essere riconoscibile e identificabile, ad esempio una bicicletta, una e-bike o un e-scooter.
Best practice per le icone visualizzate
Per creare un'esperienza utente ottimale, assicurati di fornire a Google immagini che esprimano il tuo brand e riflettano la tavolozza di colori del tuo brand o prodotto.
Poiché queste icone vengono visualizzate su schermi di dimensioni diverse e a varie risoluzioni, è importante utilizzare icone chiare e in grassetto in GMM. Il seguente esempio mostra come un'icona possa avere un bell'aspetto ad alta risoluzione, ma diventare pixelata e difficile da leggere a risoluzioni inferiori:
Figura 3. Un'icona con scarsa visibilità sui dispositivi mobili.
Per garantire la visibilità dell'icona a tutte le scale, utilizza testo o simboli limitati, chiari e in grassetto con l'icona. Assicurati di testare la visibilità dell'icona a varie dimensioni prima di fornirla a Google. Il seguente esempio soddisfa questi criteri:
Figura 4. Un'icona che si adatta bene ai dispositivi mobili.
GMM consente agli utenti di scegliere un tema dell'interfaccia chiaro o scuro oppure di utilizzare lo stesso tema del dispositivo. Ti consigliamo di testare l'icona su vari colori di sfondo, come mostrato negli esempi seguenti:
Figura 5. Un'icona che viene visualizzata bene su sfondi chiari e scuri.
Ti consigliamo inoltre di evitare colori o trasparenza che potrebbero interferire con l'interfaccia di GMM. Le seguenti figure forniscono esempi di queste pratiche errate:
Figura 6. Un'icona che viene visualizzata bene su uno sfondo chiaro, ma è difficile
da vedere su uno sfondo scuro.
Figura 7. Un'icona con trasparenza difficile da vedere su uno sfondo scuro.