En esta guía, se describe cómo Google usa tu marca y tus imágenes para facilitar la integración con la app de Micromobility. También proporciona especificaciones asociadas y otros detalles.
Especificación del ícono del logotipo
Cuando Google Maps para dispositivos móviles (GMM) muestra resultados de dirección, usa el logotipo de tu app para identificar el servicio en la IU. Debes proporcionar a Google un ícono para el logotipo del producto y cumplir con las siguientes especificaciones:
- El ícono del logotipo debe ser una imagen SVG 1.1 que mida 612 x 612 píxeles.
- El ícono del logotipo debe ser identificable visualmente en los modos de interfaz GMM claro y oscuro. La figura 1 ilustra este principio.
- El ícono del logotipo debe evitar las combinaciones de colores que puedan interferir con la interfaz de GMM. La figura 2 ilustra este principio.
- El ícono debe tener un fondo transparente.
- La imagen del ícono debe tener esquinas redondeadas con un radio de 76 píxeles o tener una forma circular.
- Debido a que las etiquetas
<style>no son compatibles, debes usar estilos intercalados según sea necesario. - No todas las funciones de SVG son compatibles con los íconos de productos. Para obtener más información, consulta MetroSVG.
Especificación del ícono del vehículo
La micromovilidad ofrece la opción de que los vehículos sin conexión cercanos sean visibles para los usuarios de tus productos de micromovilidad. Asegúrate de proporcionar a Google el ícono del vehículo para el producto y cumplir con las siguientes especificaciones:
- El ícono de vehículo debe ser una imagen PNG que mida 120 x 120 píxeles.
- El ícono del vehículo debe poder identificarse visualmente en los modos de interfaz GMM claro y oscuro. La figura 1 ilustra este principio.
- El ícono de vehículo debe evitar las combinaciones de colores que puedan interferir con la interfaz de GMM. La figura 2 ilustra este principio.
- El vehículo debe mostrarse en un círculo de color sólido con un fondo transparente, como se muestra en la figura 1.
- El vehículo debe estar centrado y orientado horizontalmente como si estuviera en el suelo.
- El tipo de vehículo debe ser reconocible e identificable, como bici, eBike o eScooter.
Prácticas recomendadas para los íconos que se muestran
Para crear una gran experiencia del usuario, asegúrate de proporcionarle a Google imágenes que expresen tu marca y que reflejen la paleta de colores de tu marca o producto.
Debido a que estos íconos se muestran en pantallas de diferentes tamaños y en varias resoluciones, es importante usar íconos claros y en negrita en GMM. En el siguiente ejemplo, se muestra cómo un ícono se puede ver bien en alta resolución, pero se pixela y es difícil de leer en resoluciones más bajas:
Figura 3: Un ícono con poca visibilidad en dispositivos móviles.
Para garantizar la visibilidad de tu ícono en todas las escalas, usa texto o símbolos limitados, claros y en negrita con el ícono. Asegúrate de probar la visibilidad del ícono en varios tamaños antes de proporcionárselo a Google. En el siguiente ejemplo, se cumplen estos criterios:
Figura 4: Un ícono que se ajusta bien a los dispositivos móviles.
GMM permite a los usuarios elegir un tema de interfaz oscuro o claro, o pueden usar el mismo tema que su dispositivo. Te recomendamos probar tu ícono con varios colores de fondo, como se muestra en los siguientes ejemplos:
Figure 5: Un ícono que se muestra bien sobre fondos claros y oscuros.
También recomendamos que el ícono evite los colores o la transparencia que puedan interferir con la interfaz de GMM. Las siguientes son ejemplos de prácticas recomendadas:
Figura 6: Un ícono que se muestra bien sobre un fondo claro, pero que es difícil de ver en un fondo oscuro
Figura 7: Un ícono con transparencia que resulta difícil de ver en un fondo oscuro.