Ce guide explique comment Google utilise votre marque et vos images pour faciliter l'intégration à votre application Micromobility. Il fournit également les spécifications requises et d'autres informations.
Spécification d'icône de logo
Lorsque Google Maps pour mobile (GMM) affiche des résultats d'itinéraire, il utilise le logo de votre application pour identifier votre service dans l'interface utilisateur. Vous devez fournir à Google une icône pour le logo du produit et respecter les spécifications suivantes:
- L'icône du logo doit être une image SVG 1.1 mesurant 612 x 612 pixels.
- L'icône de logo doit être visuellement identifiable sur les modes d'interface GMM clair et sombre. La figure 1 illustre ce principe.
- L'icône de logo doit éviter les combinaisons de couleurs qui pourraient interférer avec l'interface GMM elle-même. La figure 2 illustre ce principe.
- L'icône doit avoir un arrière-plan transparent.
- L'image de l'icône doit avoir des angles arrondis avec un rayon de 76 pixels ou une forme circulaire.
- Étant donné que les tags
<style>ne sont pas compatibles, vous devez utiliser les styles intégrés si nécessaire. - Toutes les fonctionnalités SVG ne sont pas compatibles avec les icônes des produits. Pour en savoir plus, consultez MetroSVG.
Caractéristiques de l'icône du véhicule
Micromobility permet aux utilisateurs de vos produits de micromobilité de voir les véhicules sans station disponibles à proximité. Veillez à fournir à Google l'icône du véhicule pour le produit et respectez les spécifications suivantes:
- L'icône du véhicule doit être une image PNG de 120 x 120 pixels.
- L'icône du véhicule doit être identifiable visuellement à la fois dans les modes clair et sombre de l'interface GMM. La figure 1 illustre ce principe.
- L'icône du véhicule doit éviter les combinaisons de couleurs qui pourraient interférer avec l'interface GMM elle-même. La figure 2 illustre ce principe.
- Le véhicule doit être affiché sur un cercle de couleur unie avec un arrière-plan transparent, comme illustré dans la figure 1.
- Le véhicule doit être centré et orienté horizontalement comme s'il était au sol.
- Le type de véhicule doit être reconnaissable et identifiable, par exemple un vélo, un vélo électrique ou un scooter.
Bonnes pratiques concernant les icônes affichées
Pour créer une expérience utilisateur de qualité, assurez-vous de fournir à Google des images qui expriment votre branding et reflètent votre palette de couleurs.
Ces icônes s'affichant sur des écrans de tailles et de résolutions différentes, il est important d'utiliser des icônes claires et en gras dans GMM. L'exemple suivant montre comment une icône peut s'afficher correctement en haute résolution, mais devenir pixélisée et difficile à lire si la résolution est inférieure:
Figure 3. Icône peu visible sur les appareils mobiles
Pour garantir la visibilité de votre icône à toutes les échelles, utilisez du texte ou des symboles limités, clairs et en gras avec l'icône. Veillez à tester la visibilité de l'icône à différentes tailles avant de la fournir à Google. L'exemple suivant répond à ces critères:
Figure 4. Icône adaptée aux appareils mobiles.
GMM permet aux utilisateurs de choisir un thème d'interface clair ou sombre, ou d'utiliser le même thème que celui de leur appareil. Nous vous recommandons de tester votre icône sur différentes couleurs d'arrière-plan, comme illustré dans les exemples suivants:
Figure 5. Icône qui s'affiche bien sur les fonds clairs et sombres.
Nous vous recommandons également d'éviter les couleurs ou la transparence de votre icône qui pourraient interférer avec l'interface GMM elle-même. Les exemples suivants illustrent ces mauvaises pratiques:
Figure 6. Une icône qui s'affiche bien sur un fond clair, mais qui est difficile à voir sur un fond sombre.
Figure 7. Une icône transparente s'affiche difficilement sur un fond sombre.