UX-Best Practices für Apps bei Google Play Instant

Warnung:Google Play Instant ist nicht mehr verfügbar. Ab Dezember 2025 können Instant Apps nicht mehr über Google Play veröffentlicht werden und alle Instant-APIs der Google Play-Dienste funktionieren nicht mehr. Nutzer erhalten keine Instant Apps mehr von Play.

Wir nehmen diese Änderung aufgrund von Entwicklerfeedback und unserer kontinuierlichen Investitionen zur Verbesserung des Ökosystems seit der Einführung von Google Play Instant vor.

Damit du deine App weiter optimieren und noch mehr Nutzer gewinnen kannst, empfehlen wir, Nutzer über Deeplinks zu deiner regulären App oder deinem regulären Spiel weiterzuleiten und so ihr Interesse für bestimmte Inhalte zu wecken.

Google Play Instant bietet Nutzern eine neue Möglichkeit, Apps zu nutzen. Diese Apps, sogenannte Instant-Apps, sind native Android-Apps, die ohne Installation auf dem Gerät ausgeführt werden. Für jede Sofort-App gibt es eine entsprechende Version, die Nutzer installieren können.

Da Nutzer auf einzigartige Weise mit Instant-Apps interagieren, sollten diese bestimmte Best Practices für die Nutzerfreundlichkeit berücksichtigen. In diesem Leitfaden finden Sie Richtlinien für die Gestaltung einer positiven User Experience in einer Sofort-App.

Wir empfehlen Ihnen dringend, bei der Gestaltung Ihrer Sofort-App die Material Design-Grundsätze zu berücksichtigen. Weitere Informationen dazu, wie Sie Material Design auf eine App anwenden, finden Sie unter Material Design für Android.

Außerdem haben wir zusätzliche Richtlinien speziell für Gaming-Apps bereitgestellt. Weitere Informationen finden Sie unter UX-Best Practices für Spiele bei Google Play Instant.

 

Aussagekräftigen Startbildschirm für Ihre App bereitstellen

Abbildung 1. Die Schaltfläche „Jetzt testen“, die für eine Instant-App angezeigt wird

Damit Ihre App oder Ihr Spiel im Play Store die Schaltfläche Jetzt ausprobieren hat oder im Android-Launcher angezeigt wird, ist eine standardmäßige Hauptaktivität erforderlich.

Nutzer, die Ihre App über die Schaltfläche Jetzt ausprobieren oder über den Launcher aufrufen, haben keinen Kontext für einen Deeplink oder bestimmte Inhalte, auf die sie zugreifen möchten. Sie sollten daher eine Möglichkeit schaffen, die Funktionen Ihrer App zu durchsuchen und zu entdecken.

Achten Sie außerdem darauf, dass der Name Ihrer App auf dem Bildschirm deutlich sichtbar ist. Da Nutzer manchmal ohne viel Kontext auf einen Link zu Ihrer App klicken, wissen sie möglicherweise nicht, wie Ihre App heißt.

 

Fallback-Ziele für Ihre Links festlegen

Abbildung 2. Ein Websitebanner, das Nutzer zu einer Instant-App weiterleitet

Links zu Apps und Spielen in Google Play Instant werden, sofern möglich, sofort geöffnet. Andernfalls werden diese Links in einem Browser geöffnet.

Wenn Sie eine Verknüpfung zu Google Play erstellen, können Sie das Fallback-Szenario so ändern, dass stattdessen der Play Store aufgerufen wird. Diese Strategie kann nützlich sein, wenn Sie Nutzer dazu anregen möchten, Ihre App herunterzuladen, wenn sie die App nicht sofort öffnen können und Sie nicht möchten, dass sie Ihre App im Web verwenden.

Alternativ können Sie Banner auf Ihrer Website verwenden, um Ihre App direkt zu öffnen, anstatt Nutzer zuerst zum Play Store weiterzuleiten. Diese Strategie ist in Abbildung 2 dargestellt.

Nutzern erlauben, ihre Aufgabe zu erledigen

Wenn Sie Nutzern in Ihrer Instant-App eine Funktion präsentieren, muss diese ohne Installation der App nutzbar sein.

Fordern Sie Nutzer nicht auf, die App zu installieren, damit sie das tun können, was sie möchten. Die Haupt-Click-through-Aktion einer Seite in der App sollte niemals eine Installationsaufforderung auslösen.

Abbildung 3 Nutzer können eine bestimmte Aufgabe erledigen, ohne dass sie aufgefordert werden, die App zu installieren.

 

Nutzer zum richtigen Zeitpunkt zur Anmeldung auffordern

Bieten Sie so viele Funktionen wie möglich an, ohne dass Nutzer sich anmelden oder für einen mit Ihrer App verknüpften Dienst registrieren müssen.

Warten Sie, bis Nutzer versuchen, eine Funktion zu verwenden, für die eine Authentifizierung erforderlich ist, bevor Sie sie zur Anmeldung auffordern. Nutzer empfinden Anmeldeaufforderungen als weniger aufdringlich, wenn sie sofort sehen, welche Vorteile die Anmeldung bietet.

Stellen Sie sich beispielsweise eine App zum Teilen von Fotos vor, bei der sich Nutzer beim Starten anmelden müssen. Um die Nutzerfreundlichkeit zu verbessern, bietet die App jetzt Funktionen, die Nutzer ohne Anmeldung verwenden können. Dazu gehören das Durchsuchen der beliebtesten öffentlich geteilten Fotos und das Bearbeiten der Fotos auf ihren Geräten. Wenn der Nutzer seine Fotos mit Freunden teilen möchte, wird er von der App aufgefordert, sich anzumelden.

Abbildung 4: Vermeiden Sie unnötige Anmeldeaufforderungen.

 

Nutzerstatus nach der App-Installation beibehalten

Wenn Nutzer die App installieren, müssen Sie den gespeicherten App-Status mithilfe von Cookies oder lokalem Speicher in die App übertragen. Nutzer sollten in Ihrer App dort weitermachen können, wo sie aufgehört haben (siehe Abbildung 5).

>
Abbildung 5. Nutzerstatus nach der Installation wiederherstellen
 

Keine zusätzlichen Begrüßungsbildschirme erstellen

Das App-Branding, der App-Titel und das App-Launcher-Symbol sind in das Instant-App-Start-Erlebnis integriert. Erstellen Sie keine zusätzlichen Splash-Screens, da sie für Nutzer redundant wirken.

Abbildung 6: Das Google Play Instant-Framework bietet eine Startfunktion für Ihre App.

 

Aufwärtspfeile im Vergleich zu „Zurück“ des Systems

Mit der Schaltfläche Nach oben wird im Navigationsstapel der App nach oben navigiert, bis der Nutzer den Startbildschirm der App erreicht. Mit der Schaltfläche Zurück wird in umgekehrter chronologischer Reihenfolge durch den Verlauf der zuletzt aufgerufenen Bildschirme navigiert.

Mit der Schaltfläche Nach oben bleibt der Nutzer in Ihrer App, während er mit der Schaltfläche Zurück möglicherweise zu den letzten Bildschirmen außerhalb Ihrer App zurückkehrt. Das bedeutet, dass die App durch Drücken der Schaltfläche Nach oben niemals beendet werden sollte.

Weitere Informationen zum Entwerfen der Navigation mit den Schaltflächen Zurück und Nach oben finden Sie unter Rückwärts- und Aufwärtsnavigation entwerfen.

Abbildung 7. Die Navigation ist entscheidend.

 

Keine Verzweigungen in der Benutzeroberfläche

Die Benutzeroberfläche Ihrer Instant App muss mit der Benutzeroberfläche einer installierten Version identisch sein. Ändern Sie das Design und die Benutzeroberfläche der Instant App nicht.

Abbildung 8. Eine einheitliche Benutzeroberfläche für die installierte und die Instant-Version Ihrer App beibehalten
 

Smart Lock für Passwörter unter Android für die Identität verwenden

Smart Lock für Passwörter unter Android ist ein Passwortmanager für Chrome und Android. Smart Lock meldet Nutzer bei nachfolgenden Besuchen auch automatisch an. Damit die Authentifizierung für Nutzer einfacher wird, sollten Sie Google Smart Lock in Ihrer Instant App unterstützen.

Abbildung 9. Smart Lock zur Authentifizierung verwenden

 

Explizite Aufforderungen zur Installation bereitstellen

Platzieren Sie die Schaltflächen zum Installieren strategisch, indem Sie sie in die Benutzeroberfläche Ihrer App einbinden. Verwenden Sie das Material Design-Symbol „App herunterladen“ und das Label INSTALLIEREN für die Installationsschaltfläche.

Verwenden Sie keine anderen Labels wie „App herunterladen“, „Vollständige App installieren“ oder „Upgrade“. Entwickler dürfen kein Banner und keine andere anzeigenähnliche Methode verwenden, um Nutzer zur Installation aufzufordern.

Abbildung 10. Installationsschaltflächen strategisch einsetzen

 

Höchstens zwei bis drei implizite Installationsaufforderungen bereitstellen

Implizite Installationsaufforderungen sind Links in der Instant App, die nichts anderes tun, als eine Installationsaufforderung zu starten. Diese Aufforderungen zur impliziten Installation können auftreten, wenn die installierte Version Ihrer App Funktionen enthält, die in der Instant-Version nicht verfügbar sind.

In Ihrer App dürfen nicht mehr als zwei oder drei implizite Installationsaufforderungen angezeigt werden.

Wenn Sie einen impliziten Installations-Prompt verwenden, müssen Sie Kontext und Informationen zur Funktion angeben, die ihn ausgelöst hat. Geben Sie Nutzern einen Grund, warum sie die App installieren sollten.

Abbildung 11. Begrenzen Sie die Anzahl der Aufforderungen zur impliziten Installation.

 

Nicht funktionierende Bereiche Ihrer App entfernen

Wenn Sie Ihre App in eine Instant App umwandeln, enthält die Benutzeroberfläche Ihrer Instant App möglicherweise Abschnitte, die auf andere Funktionsmodule Ihrer App verweisen. Entfernen Sie solche Abschnitte aus der Instant App.

Abbildung 12. Entfernen Sie nicht funktionierende Teile Ihrer App.

 

Zahlungen vereinfachen

Wenn Käufe in Ihrer Sofort-App nicht von der Google Play-Abrechnung unterstützt werden und Sie die Zahlungsinformationen des Nutzers nicht gespeichert haben, können Sie eine andere Zahlungs-API wie die Google Pay API verwenden. Mit der Google Pay API können Sie reine Offline-Zahlungen wie Nachnahme anbieten und Geschenkkarten in Ihrer Instant App speichern.

Abbildung 13. Zahlungsvorgang mit der Google Pay API

 

Links zu Angeboten und Inhalten von Drittanbietern können in einem benutzerdefinierten Chrome-Tab oder im Browser geöffnet werden. Sie können mit einem WebView gerendert werden, wenn die angeforderten Ressourcen über das HTTPS-Protokoll bereitgestellt werden.

Ihre eigenen Angebote sollten nicht zum Browser weiterleiten, sondern in der Instant App bleiben. Verwenden Sie bei Bedarf WebView. Für den gesamten Netzwerkverkehr aus der Instant-App muss das HTTPS-Protokoll verwendet werden.

In der Sofort-App sollten Sie klar definieren, welche Funktionen Ihre App bietet und welche von einer externen Quelle bereitgestellt werden.

Abbildung 14: Öffnen Sie externe Links, die Sie nicht verwalten, im Browser.

 

Möglichkeit zum Teilen von Instant-App-URLs

Da Instant Apps keine Adresszeile enthalten, in die Nutzer die URL kopieren können, sollten Sie in Ihrer App eine „Teilen“-Funktion anbieten, mit der Nutzer die URL Ihrer Instant App teilen können.

Abbildung 15. Nutzern helfen, Ihre Instant-App zu teilen

Zusätzliche Ressourcen

Weitere Informationen zum Erstellen hochwertiger Instant-Apps finden Sie in den folgenden Ressourcen.

Codelabs