Viele Unternehmer fragen nach einer App, wenn sie eigentlich ein Symbol auf dem Startbildschirm ihrer Kunden wollen. Eine PWA liefert genau das, mit der Website, die du schon hast, ohne Store-Prüfung und ohne zweiten Code, den du pflegen müsstest.
Dieser Ratgeber erklärt, was eine Website installierbar macht, was dich auf dem iPhone im Vergleich zu Android erwartet und wie du Uttra in einfachen Worten darum bittest.
Eine Progressive Web App (PWA) ist deine normale Website mit Symbol, Vollbildfenster und optionaler Offline-Unterstützung. Du brauchst keinen App-Store: Unter Android bietet der Browser die Installation an, auf dem iPhone nutzt man „Zum Home-Bildschirm“.
Was eine Website installierbar macht
Drei Dinge: Die Seite wird über HTTPS ausgeliefert, sie hat eine kleine Manifest-Datei (Name, Farben, Symbole, Startseite), und für die Offline-Nutzung einen Service Worker, der wichtige Seiten zwischenspeichert. Mit Uttra veröffentlichte Websites werden verschlüsselt ausgeliefert, die erste Voraussetzung ist also erfüllt.
- Ein klarer App-Name und ein Kurzname, der unter das Symbol passt.
- Symbole in mindestens zwei Größen, am besten ein einfaches Logo auf einfarbigem Grund.
- Eine Themenfarbe, damit die obere Leiste des Handys zu deiner Marke passt.
- Eine Startseite, die schnell öffnet, etwa deine Speisekarte oder der Buchungsbildschirm.
Android und iPhone: sei ehrlich zu deinen Kunden
Unter Android mit Chrome erhalten Besucher einen Installationshinweis oder nutzen das Browsermenü. Auf dem iPhone gibt es keinen automatischen Hinweis: Die Person öffnet die Seite in Safari, tippt auf Teilen und dann auf „Zum Home-Bildschirm“. Das sind ein paar Fingertipps, ein kurzer Hinweis auf der Seite hilft also.
Manche Funktionen sind auf dem iPhone eingeschränkter, etwa Verhalten im Hintergrund und Push-Benachrichtigungen. Prüfe deshalb, was du wirklich brauchst, bevor du es versprichst. Hängst du von ihnen ab, kann eine native App später trotzdem der richtige Schritt sein.
Für das installierte Erlebnis gestalten
Nach der Installation öffnet sich deine Seite ohne Browserleiste und muss ihre Navigation selbst mitbringen: eine klare Zurück-Schaltfläche, ein unteres Menü für die zwei oder drei wichtigsten Aktionen und Tippflächen, die für einen Daumen groß genug sind. Teste auf einem echten Handy im normalen Mobilfunknetz, nicht nur im schnellen Büro-WLAN.
Ein Prompt zum Kopieren
Beschreibe das Ergebnis, nicht die Technik. Zum Beispiel:
„Mach diese Website auf Handys als App installierbar. Nenne sie Bäckerei Sonnenkorn, nutze mein Logo auf cremefarbenem Grund als Symbol und setze die Themenfarbe auf Dunkelgrün. Füge einen kleinen Hinweis ein, der erklärt, wie man auf dem iPhone „Zum Home-Bildschirm“ nutzt, und sorge dafür, dass sich die Speisekarte auch bei schwacher Verbindung öffnet.“