Intelligentes App-Banner

Kontext

Das Ziel der intelligenten Banner-App ist es, Web-App-Nutzer, die eine Web-App über ein mobiles Gerät verwenden, dazu zu ermutigen, stattdessen die native mobile App zu verwenden.

Design-Vorschau

Abnahmekriterien

• Ein intelligentes Banner sollte nur dann auf einer Web-App ausgelöst werden, wenn sie auf einem mobilen Gerät verwendet wird
• Ein intelligentes Banner sollte nur dann auf einer Web-App ausgelöst werden, wenn eine Kundenmarke neben der Web-App auch einen mobilen Kanal aktiviert hat
• Ein intelligentes Banner kann auf jeder Seite der Web-App ausgelöst werden
• Ein intelligentes Banner sollte über allen Inhalten platziert werden, die derzeit auf der Seite angezeigt werden, auf der das intelligente Banner ausgelöst werden soll
• Ein Dialogfenster mit dem intelligenten Banner wird angezeigt, sobald der Kunde die Web-App auf dem mobilen Gerät öffnet
• Das intelligente Banner besteht aus:
• Überlagerung der Ebenen
• Markenlogo (verwende das gleiche Objekt, das in einer Navigationsüberschrift verwendet wird)
• Titel
• Beschreibung
• Primäre Schaltfläche
• Sekundäre Schaltfläche 
• Das Fenster mit dem intelligenten Banner kann ausschließlich durch Drücken der Schaltfläche „Not now“ (Nicht jetzt) geschlossen werden. Wenn der Benutzer auf eine Stelle außerhalb des Fensters tippt, sollte es nicht möglich sein, das intelligente Banner-Fenster zu schließen. Beim Schließen des intelligenten Banners bleibt der Benutzer auf der gleichen Seite, auf der das intelligente Banner auch erschienen ist.
• Die „Nicht jetzt“-Entscheidung sollte für 24 Stunden gespeichert werden, damit das intelligente Banner erst nach dieser Zeit wieder für den Benutzer sichtbar ist.
• Wenn der Benutzer auf „Continue in mobile app“ (In der mobilen App fortfahren) drückt, hängt der weitere Ablauf davon ab, ob der Benutzer die native mobile App bereits installiert hat oder nicht.
• Wenn die App noch nicht installiert ist, wird der Benutzer je nach Betriebssystem des mobilen Geräts in den App Store oder Play Store weitergeleitet.
• Wenn die App bereits auf dem Gerät des Benutzers installiert ist, wird der Benutzer innerhalb der nativen mobilen App an die Stelle geführt, die durch den über Firebase konfigurierten Deep Link festgelegt wurde.
• Wenn der Benutzer aus irgendeinem Grund beschließt, zur Web-App zurückzukehren, nachdem er auf „In mobiler App fortfahren“ geklickt hat, bleibt das intelligente Banner so lange sichtbar, bis er es wieder verlässt.

Anpassungen der Branding-Datei

Alle Stilelemente wie Farben, Text und Eckenradius sollten mit den bestehenden Eigenschaften der Branding-Datei verknüpft werden.