Lesen Sie mehr über einige der Möglichkeiten für individuelle Registerkarten, um herauszufinden, welche Option für Sie am besten geeignet ist.

Im Folgenden werden die Möglichkeiten verglichen:

• Normale Website/Landing Page
• Einseitige Anwendung (SPA)

Lesen Sie mehr über einige der Möglichkeiten, die Ihnen die benutzerdefinierten Registerkarten bieten, um herauszufinden, welche Option am besten zu Ihnen passt.

Möglichkeiten im Vergleich unten:

• Gewöhnliche Website/Landing Page

• Einseitige Anwendung (SPA)

Zusammenfassung

Gewöhnliche Website/Landing Page:

Navigation: Neuladen der gesamten Seite bei jedem Klick

Leistung: Etwas langsamer aufgrund des häufigen Nachladens

Technisches Fachwissen: Keine erforderlich - einfach zu implementieren

Benutzerfreundlichkeit: Kann im Vergleich zu einer app-ähnlichen Schnittstelle weniger nahtlos sein

Am besten geeignet für: Statische Seiten, einfache Integrationen

Nachteile: Weniger reibungslos, möglicherweise sind Anpassungen für ein besseres mobiles Erlebnis erforderlich

Einseitige Anwendung (SPA):

Navigation: Sanfte Übergänge, kein Neuladen der Seite

Leistung: Schneller nach dem ersten Laden, optimierte Erfahrung

Technische Kenntnisse: Erfordert JavaScript-Kenntnisse des Entwicklers

Benutzerfreundlichkeit: Reibungslose, app-ähnliche Interaktionen

Am besten geeignet für: Dynamische Inhalte, aktuelle Nachrichten, interaktive Funktionen

Nachteile: Erfordert JavaScript-Unterstützung, kann komplex in der Entwicklung sein

...

Ausführliche Erklärung

Gewöhnliche Website/Landing Page

Worum handelt es sich?

Auf herkömmlichen Websites wird bei jedem Klick die gesamte Seite neu geladen und der Browser aktualisiert, um neue Inhalte anzuzeigen. Dies geschieht, weil der Browser ein neues HTML-Dokument (eine "Dokumentanforderung") anfordert, um eine aktualisierte Ansicht anzuzeigen.

Was sind die Vorteile?

Dies ist der einfachste Weg, die Website des Kunden in seine Anwendungen einzubinden. Die URL der Seite ist bereits vorhanden und der Kunde kann sie einfach in einen neuen externen Link in der App einfügen.

Was sind die Nachteile?

• Bei jedem Klick wird die gesamte Seite neu geladen, was sich langsam anfühlen und den Fluss unterbrechen kann, verglichen mit dem reibungslosen Erlebnis einer SPA.

• Wenn die Landing Page nicht mobilfreundlich ist, kann sie unübersichtlich und schwer zu navigieren wirken oder nicht mit dem Look and Feel der App übereinstimmen.

• Herkömmliche Websites bieten nicht die dynamischen, App-ähnlichen Interaktionen, die SPAs bieten, und sind daher weniger geeignet für Nachrichtenartikel oder Inhalte, die häufig aktualisiert werden.

In welchen Fällen empfehlen wir unseren Kunden den Einsatz?

• Geringe technische Kenntnisse: Diese Option ist ideal für Kunden, die über keine technischen Kenntnisse verfügen oder keinen Entwickler zur Hand haben.

• Einfache Integration von Inhalten: Wenn das Ziel eher darin besteht, statische oder zusätzliche Informationen anzuzeigen (z. B. Kontaktdaten, Veranstaltungsseiten), als interaktive Funktionen oder häufige Aktualisierungen zu bieten, ist eine herkömmliche Website ausreichend.

• Schnelle Umsetzung: Wenn eine schnelle und unkomplizierte Lösung benötigt wird, kann das Hinzufügen einer bestehenden Webseite zur App Zeit und Mühe sparen.

Einseitige Anwendung (SPA)

Was ist das?

SPA (Single Page Application) ermöglicht eine nahtlose Navigation, indem neue Inhalte dynamisch abgerufen und angezeigt werden, ohne die Seite neu zu laden (d. h. indem der Webbrowser eine dokumentenartige Netzwerkanfrage stellt). Im Gegensatz zu herkömmlichen Websites, die Navigationsereignisse zum Laden neuer Seiten verwenden, nutzen SPAs Übergangsereignisse zur Aktualisierung von Inhalten innerhalb derselben Seite. Eine SPA verwendet in der Regel eine spezielle grafische Benutzeroberfläche (GUI) mit Schaltflächen oder Menüs, um zwischen den "Seiten" zu navigieren. Jede gerenderte Seite wird vom Client (Webbrowser) gerendert und nicht, wie bei einer herkömmlichen Seite, vom Server. Die Inhalte werden vom Server, dem CMS, geholt und vom Webbrowser "on the fly" gerendert, so dass neue Artikel ohne manuelle Aktualisierung erscheinen, was eine eher app-ähnliche Benutzererfahrung ermöglicht. Kurz gesagt, eine SPA wird vom Webbrowser dynamisch gerendert.

Was sind die Vorteile?

• SPAs aktualisieren den Inhalt auf demselben Bildschirm, ohne zu einer neuen Seite zu wechseln, und bieten so ein reibungsloses, intuitives Erlebnis, ähnlich wie bei mobilen Apps.

• Nach dem anfänglichen Laden können SPAs schneller sein, da sie nur neue Daten abrufen, anstatt die gesamte Seite neu zu laden, was sie ideal für häufig aktualisierte Inhalte wie Nachrichten macht.

• Die Entwickler haben die volle Kontrolle über das Rendering und können Rohdaten effizient in benutzerfreundliche Grafiken umwandeln, den Verarbeitungsaufwand verringern und eine ansprechende Leistung gewährleisten.

Was sind die Nachteile?

• SPAs basieren auf JavaScript, was zu Kompatibilitätsproblemen mit veralteten Browsern führen kann, wenn die SPA auf eine bestimmte Web-API angewiesen ist, z. B. Social Sharing.

• Das Rendering erfolgt im Webbrowser des Benutzers auf seinem Gerät, wobei der Webbrowser in der Regel Rohdaten (z. B. JSON) verarbeitet und große Dateien im Voraus herunterlädt, wodurch das anfängliche Laden langsamer als bei herkömmlichen Websites erfolgt. Dieser Prozess verbraucht auch mehr Batterie- und Verarbeitungsleistung, was sich auf mobile Geräte oder ältere Hardware auswirkt. Nach der Einrichtung reagieren SPAs jedoch in der Regel schneller, da keine zusätzlichen Seitenladungen erforderlich sind.

In welchen Fällen empfehlen wir unseren Kunden den Einsatz?

• Wenn das Ziel darin besteht, ein nahtloses, reaktionsfähiges Design zu schaffen, das einer mobilen App ähnelt.

• Ideal für Inhalte mit den neuesten Nachrichten oder Live-Updates, bei denen der Inhalt dynamisch aktualisiert wird.

• Geeignet für Kunden mit einem Entwickler, der mit JavaScript-lastigen Projekten umgehen kann und weiß, wie man für verschiedene Geräte und Browser optimiert.

...

FAQ

Wie lange dauert es Ihrer Meinung nach, eine SPA zu entwickeln?

Die benötigte Zeit hängt von der Erfahrung des Entwicklers und der Komplexität der SPA ab. Im Allgemeinen kann die Erstellung einer einfachen SPA etwa 1-3 Entwicklungstage in Anspruch nehmen, einschließlich Design, Entwicklung und Tests.

Können wir Anzeigen schalten?

Ja, Sie haben die volle Kontrolle über den Inhalt, der in Ihrer benutzerdefinierten Registerkarte angezeigt wird. Die einzige Einschränkung ist die Erwähnung von Apple oder Google, da dies dazu führen kann, dass die App während des Überprüfungsprozesses abgelehnt wird.

Wie viele Menüs sollten in einer SPA vorhanden sein, um eine optimale Benutzerfreundlichkeit zu gewährleisten?

Wenn Sie eine Menüleiste in die SPA einfügen, damit die Leser zwischen verschiedenen Seiten wechseln können, sollten Sie überlegen, wie viele Menüs wirklich benötigt werden. Da die SPA in eine App eingebettet ist, die bereits über mehrere Registerkarten verfügt, kann ein übermäßig detailliertes Menü unübersichtlich wirken. Um die Benutzerfreundlichkeit zu wahren, empfehlen wir, das Menü minimal und konzentriert zu halten.

Werden externe Links aus unseren Artikeln automatisch in einem Webbrowser geöffnet, oder hängt dies von unseren eigenen Hyperlink-Einstellungen ab?

Das Linkverhalten hängt vom Zielattribut ab. Wenn Sie kein Zielattribut angeben oder es als (_self) festlegen, behandelt die App dies als Standardzielverhalten, was bedeutet, dass der Link in der aktuellen Ansicht geöffnet wird.

Können wir erzwingen, dass bestimmte Seiten in einem Webbrowser und nicht in der App geöffnet werden, z. B. durch Verwendung von target="_blank"?

Ja, das ist möglich. Wenn das target-Attribut auf _blank gesetzt wird, versucht die Anwendung, den Link in einem neuen Browser-Tab oder einer WebView zu öffnen.

In SPAs wird dies jedoch in der Regel nicht verwendet, da es das nahtlose "In-App"-Erlebnis, das SPAs bieten sollen, unterbricht.

Muss ich eine Aktualisierungsfunktion für Artikelseiten in der mobilen App implementieren, wenn Benutzer nach unten scrollen?

Wir empfehlen, eine Aktualisierungs- oder Neuladefunktion hinzuzufügen, um sicherzustellen, dass die Seite ordnungsgemäß aktualisiert wird, wenn der Benutzer nach unten scrollt.