Möglichkeiten, den Standortfinder auf einer Seite zu platzieren
Dieser Entwurf vergleicht drei Versionen desselben Abschnitts zur Standortsuche, damit das Team diejenige auswählen kann, die als gemeinsame Komponente verwendet werden soll. Öffne ihn auf einem Smartphone, einem Tablet und einem Laptop und vergleiche dann, wie schnell die Seite geladen wird und wie sich die jeweilige Version scrollen lässt.
Finde einen „ Aniva “-Standort in deiner Nähe
Alle Filialen von „ Aniva “Blutabnahme sind auf der Karte unten verzeichnet, zusammen mit ihren Öffnungszeiten und einer Wegbeschreibung.
Der Standortfinder wird geladen.
Der Finder listet alle „ Aniva “-Standorte mit ihrer Adresse, den Öffnungszeiten und einer Wegbeschreibung auf. Du kannst nach Stadt oder Postleitzahl suchen oder den Finder deinen aktuellen Standort verwenden lassen.
Bei dieser Version wird der Finder geladen, sobald die Seite geöffnet wird. Nutze sie nur, wenn der Finder der Hauptinhalt im oberen Bereich der Seite ist, denn in unserem Test hat das die Ladezeit der Seite um etwa zwei Sekunden verlängert und über hundert Netzwerkanfragen verursacht.
Finde einen „ Aniva “-Standort in deiner Nähe
Alle Filialen von „ Aniva “Blutabnahme sind auf der Karte unten verzeichnet, zusammen mit ihren Öffnungszeiten und einer Wegbeschreibung.
Der Standortfinder wird geladen.
Der Finder listet alle „ Aniva “-Standorte mit ihrer Adresse, den Öffnungszeiten und einer Wegbeschreibung auf. Du kannst nach Stadt oder Postleitzahl suchen oder den Finder deinen aktuellen Standort verwenden lassen.
Diese Version lädt erst dann etwas, wenn der Besucher bis auf etwa 600 Pixel daran heranscrollt, sodass die darüber liegende Seite mit voller Geschwindigkeit geladen wird. Das eignet sich für jede Seite, auf der sich die Suchleiste weiter unten befindet, und der Rahmen wird dann auf die volle Höhe der Suchleiste eingestellt, sodass darin nichts scrollt.
Finde einen „ Aniva “-Standort in deiner Nähe
Alle Filialen von „ Aniva “Blutabnahme sind auf der Karte unten verzeichnet, zusammen mit ihren Öffnungszeiten und einer Wegbeschreibung.
Der Standortfinder wird geladen.
Der Finder listet alle „ Aniva “-Standorte mit ihrer Adresse, den Öffnungszeiten und einer Wegbeschreibung auf. Du kannst nach Stadt oder Postleitzahl suchen oder den Finder deinen aktuellen Standort verwenden lassen.
Auch diese Version wartet, bis der Besucher in ihre Nähe scrollt, und auf einem Laptop verhält sie sich wie die obige Version. Auf Smartphones und Tablets wird stattdessen eine kurze Karte angezeigt, und der Finder öffnet sich im Vollbildmodus mit einer Schaltfläche zum Schließen, wenn der Besucher darauf tippt. In den anderen Versionen verschiebt ein Wisch über die Karte auf einem Smartphone die Karte statt der Seite, und die Vollbildansicht verhindert das.