In diesem Leitfaden wird beschrieben, wie Google Ihre Marke und Bilder verwendet, um die Integration in Ihre Micromobility-App zu vereinfachen. Außerdem werden damit die erforderlichen Spezifikationen und weitere Details angegeben.
Spezifikation des Logosymbols
Wenn Google Maps Mobile (GMM) Wegbeschreibungsergebnisse anzeigt, verwendet es das App-Logo, um Ihren Dienst auf der Benutzeroberfläche zu identifizieren. Sie müssen Google ein Symbol für das Produktlogo zur Verfügung stellen und die folgenden Spezifikationen einhalten:
- Das Logo muss ein SVG 1.1-Bild mit einer Größe von 612 x 612 Pixeln sein.
- Das Logo muss sowohl auf der hellen als auch auf der dunklen GMM-Oberfläche gut erkennbar sein. Abbildung 1 veranschaulicht dieses Prinzip.
- Das Logosymbol darf keine Farbkombinationen enthalten, die die Benutzeroberfläche von Google Maps Mobile selbst beeinträchtigen könnten. Abbildung 2 veranschaulicht dieses Prinzip.
- Das Symbol muss einen transparenten Hintergrund haben.
- Das Symbolbild muss abgerundete Ecken mit einem Radius von 76 Pixeln oder eine runde Form haben.
- Da
<style>-Tags nicht unterstützt werden, müssen Sie Inline-Stile nach Bedarf verwenden. - Für die Produktsymbole werden nicht alle SVG-Funktionen unterstützt. Weitere Informationen finden Sie unter MetroSVG.
Spezifikation des Fahrzeugsymbols
Micromobility bietet die Möglichkeit, kabellos verfügbare Fahrzeuge in der Nähe für Nutzer Ihrer Mikromobilitätsprodukte sichtbar zu machen. Achten Sie darauf, Google das Fahrzeugsymbol für das Produkt zur Verfügung zu stellen und die folgenden Spezifikationen einzuhalten:
- Das Fahrzeugsymbol muss ein PNG-Bild mit 120 × 120 Pixeln sein.
- Das Fahrzeugsymbol muss sowohl im hellen als auch im dunklen GMM-Schnittstellenmodus erkennbar sein. Abbildung 1 veranschaulicht dieses Prinzip.
- Das Fahrzeugsymbol muss Farbkombinationen vermeiden, die die GMM-Schnittstelle selbst beeinträchtigen könnten. Abbildung 2 veranschaulicht dieses Prinzip.
- Das Fahrzeug muss auf einem einfarbigen Kreis mit transparentem Hintergrund dargestellt werden, wie in Abbildung 1 gezeigt.
- Das Fahrzeug muss mittig und horizontal wie auf dem Boden ausgerichtet sein.
- Der Fahrzeugtyp muss erkennbar und identifizierbar sein, z. B. Fahrrad, E-Bike oder eScooter.
Best Practices für angezeigte Symbole
Für eine optimale Nutzererfahrung solltest du Google Bilder zur Verfügung stellen, die dein Branding und die Farbpalette deiner Marke oder deines Produkts widerspiegeln.
Da diese Symbole auf Bildschirmen unterschiedlicher Größe und mit unterschiedlicher Auflösung angezeigt werden, ist es wichtig, klare und fett formatierte Symbole in GMM zu verwenden. Das folgende Beispiel zeigt, wie ein Symbol mit hoher Auflösung gut aussehen kann, aber bei niedrigeren Auflösungen verpixelt und schwer zu lesen ist:
Abbildung 3: Ein Symbol mit schlechter Sichtbarkeit auf Mobilgeräten.
Verwenden Sie nur eingeschränkte, klare und fette Texte oder Symbole mit Symbolen, um die Sichtbarkeit des Symbols auf allen Skalen zu gewährleisten. Prüfe die Sichtbarkeit des Symbols in verschiedenen Größen, bevor du es an Google sendest. Das folgende Beispiel erfüllt diese Kriterien:
Abbildung 4: Ein Symbol, das gut für Mobilgeräte skaliert wird.
Mit GMM können Nutzer ein helles oder dunkles Design auswählen oder dasselbe Design wie für ihr Gerät verwenden. Wir empfehlen, dein Symbol anhand verschiedener Hintergrundfarben zu testen, wie in den folgenden Beispielen gezeigt:
Abbildung 5: Ein Symbol, das gut vor hellem und dunklem Hintergrund dargestellt wird.
Außerdem sollten Sie darauf achten, dass Ihr Symbol keine Farben oder Transparenzen hat, die die GMM-Oberfläche selbst beeinträchtigen könnten. Die folgenden Abbildungen enthalten Beispiele für diese unzulässigen Praktiken:
Abbildung 6: Ein Symbol, das auf einem hellen Hintergrund gut zu sehen ist, auf einem dunklen Hintergrund aber schwer zu erkennen ist.
Abbildung 7: Ein transparentes Symbol, das vor einem dunklen Hintergrund schwer zu erkennen ist.