Kunden mit der Vogelperspektive ansprechen

In diesem Dokument werden verschiedene Designmuster und Ideen beschrieben, die Ihnen den Einstieg in Aerial View erleichtern. Überlege genau, wie du deinen Kunden die Vogelperspektive präsentierst, um sicherzustellen, dass du ein gutes Interesse an dem Produkt erzielst und deine Kunden dessen Wert erkennen.

Mit der Vogelperspektive wird Ihre Website um ein optisch ansprechendes Element ergänzt. Sie können damit eine Immobilie und die Umgebung aus der Vogelperspektive betrachten.

Wenn Nutzer sich eine Immobilie in 3D ansehen, erhalten sie ein besseres Gespür für Position und Größe. Außerdem sollten Sie Elemente wie Straßen, Gewässer, Berge oder Parks in der Nähe hervorheben, z. B. einen Pool, ein Nebengebäude oder einen großen Garten.

Interaktion fördern

Die Vogelperspektive ist ein Wow-Faktor für Ihre Kunden. Um den vollen Nutzen zu sehen, müssen die Inhalte so einfach wie möglich zu finden sein. In diesem Abschnitt geht es um einige Implementierungsdesignmuster für Aerial View, um dies zu erreichen.

Videoausrichtung

Es ist wichtig, die Bildschirmausrichtung des Geräts zu berücksichtigen, auf dem das Luftbild-Video geladen wird. Videos im Querformat auf Mobilgeräten, insbesondere im Vollbildmodus, sind nicht immer nutzerfreundlich. Wenn Sie ein Video mit dem falschen Seitenverhältnis für das Gerät anzeigen, verschwenden Sie einen erheblichen Teil des Platzes auf dem Bildschirm.

Videos aus der Vogelperspektive werden im Quer- und Hochformat bereitgestellt.

Unten sehen Sie ein Beispiel für den Unterschied, wenn die Luftaufnahme auf einem Mobilgerät mit der empfohlenen und nicht empfohlenen Ausrichtung ausgeführt wird:

Animiertes GIF, das zwei Geräte zeigt, eines im Hochformat und das andere im Querformat. Auf beiden Geräten wird das Video im Hochformat angezeigt. Der Text unterhalb des Geräts im Hochformat wird empfohlen, der Text unter dem Querformat wird nicht empfohlen.

Eingebettete Minikarte

Bei der Anzeige mehrerer Unterkünfte in einer Immobiliensuchansicht ist es hilfreich, eingebettete Minikarten hinzuzufügen, um das Luftbild-Video mit zusätzlichen Informationen zur Unterkunft wie Adresse und Preis einzublenden. So können sich Nutzer schnell und einfach einen Eindruck von der Unterkunft verschaffen, ohne die Seite mit den Unterkunftsdetails aufrufen zu müssen.

Das folgende Beispiel zeigt eine Markierung für den Googleplex-Komplex in Mountain View. Wenn Sie den Mauszeiger auf diese Markierung bewegen, wird die Minikarte mit dem Luftbild des Grundstücks angezeigt.

Animiertes GIF mit einer Karte mit einem Minibild des Googleplex-Komplexes aus der Vogelperspektive. Diese Minikarte wird angezeigt, wenn der Cursor auf die entsprechende Markierung bewegt wird.

Sowohl der Markierung als auch der eingebetteten Minikarte kann ein onClick-Ereignis hinzugefügt werden, um den Nutzer zur Seite mit den Property-Details zu leiten. So können Nutzer mehr über die Property erfahren und entscheiden, ob sie das Richtige für sie ist.

Ein ansprechendes Erlebnis für Ihre Immobilie

Wenn Sie potenziellen Käufern ein wirklich realistisches Erlebnis bieten möchten, können Sie Ihre Property mit einer geschichtenähnlichen Kombination aus Fotos und einem Luftbild-Video präsentieren.Dies kann ähnlich wie ein Bilderkarussell mit einer Mischung aus HTML, CSS und JavaScript erstellt werden.

Animiertes GIF mit einem Beispiel eines Videos aus der Vogelperspektive, das wie eine Geschichte im Porträtmodus gezeigt wird. Das Video aus der Vogelperspektive befindet sich auf der zweiten Folie und darunter ist die Schaltfläche „Gebäude ansehen“.

Im Beispiel oben haben wir das Video aus der Vogelperspektive auf einer der Folien eingefügt. Unten finden Sie einen Link, über den Sie weitere Details zur Unterkunft aufrufen können. Über diese Schaltfläche sollte der Nutzer zur Detailseite der Unterkunft gelangen.

So funktionierts:

  1. Wählen Sie die gewünschten Fotos aus. Wählen Sie aus einer Vielzahl von Fotos die besten Elemente Ihrer Unterkunft aus.
  2. Erstelle dein Video aus der Vogelperspektive.
  3. Kombinieren Sie Ihre Fotos und Videos zu einer Geschichte.
  4. Erzählen Sie Ihre Geschichte. Präsentieren Sie Ihre Geschichte mit potenziellen Käufern auf Ihrer Website oder in Ihren E-Mail-Marketingkampagnen.

Mit einem Story-ähnlichen Design für Ihre Showcase-Property können Sie die Aufmerksamkeit potenzieller Käufer erregen.

Vogelperspektive beim Seitenaufbau starten

In den UX-Studien von Google haben wir festgestellt, dass die höchste Nutzerinteraktion erfolgt, wenn die 3D-Ansicht standardmäßig geladen wird. Da es sich um einen neuen und spannenden Formfaktor handelt, möchten wir ihn laden, sobald sich ein Kunde die Details der Immobilie ansehen möchte. Wenn Sie ein Video aus der Vogelperspektive über die API abrufen, fallen im Hinblick auf die Kosten Kosten an. Wenn das Video angefordert wird, sollten Sie die Autoplay-Funktion in Betracht ziehen, damit Ihre Nutzer den Vorteil sehen.

Gegenmuster:Das Ausblenden des Luftbilds hinter einer Schaltfläche wird als Antimuster angesehen, da es Nutzer dazu zwingt, einen zusätzlichen Schritt zu machen, um die 3D-Ansicht anzusehen. Das kann frustrierend sein und dazu führen, dass sie die Vorteile von 3D-Ansichten verpassen oder die Luftaufnahme als statische Inhalte verwechseln.

Es wird empfohlen, standardmäßig die Vogelperspektive zu laden, wenn ein Kunde die Details der Immobilie sehen möchte. Dies verbessert die Nutzererfahrung und hilft ihnen, eine fundierte Entscheidung für die Unterkunft zu treffen. Beachten Sie bei der Gestaltung der Autoplay-Funktion, dass das Aerial View-Video größer als 30 MB ist und für einige Nutzer langsam laden kann.

Wenn Sie ein Bilderkarussell auf Ihrer Seite haben, können Sie das Video aus der Vogelperspektive als Lead-Element hinzufügen. So können Sie die 3D-Ansicht ganz einfach in Ihr vorhandenes Website-Design integrieren.

Beispiel für eine Schaltfläche für den Zugriff auf die Vogelperspektive, die neben einer vorhandenen Schaltfläche für den Zugriff auf Google Fotos platziert wird.

Das Anbringen von Schaltflächen zum Laden von 3D-Ansichten ist einfach zu implementieren, kann jedoch die Interaktion reduzieren. In Google Maps werden standardmäßig 3D-Ansichten geladen. Wenn Sie beispielsweise nach dem Empire State Building suchen, wird die 3D-Ansicht automatisch geladen und Sie können eine Teilansicht der Bilder sehen, solange Sie sich noch in der 3D-Ansicht befinden. So schaffen Sie eine immersive und ansprechendere User Experience.

Schaltflächendesign

Wenn Sie sich für den Zugriff auf die Vogelperspektive entscheiden, beachten Sie Folgendes:

  • Position: Die Schaltfläche sollte mit anderen zuordnungsbezogenen Schaltflächen gruppiert werden, damit Nutzer wissen, dass sie sich auf die Position des Objekts bezieht.
  • Übergang: Der Übergang zum Video sollte reibungslos und reibungslos verlaufen. Wenn auf der Seite bereits ein Abschnitt mit Bildern, Karten und Street View vorhanden ist, sollte das Luftbild-Video im selben Abschnitt zu sehen sein.
  • Hervorhebung: Da es sich um eine neue Ergänzung der Seite handelt, ist es hilfreich, die Schaltfläche mit einem Tag „Neue Funktion“ oder einer Miniaturansicht des Videos hervorzuheben.
  • Betonung: Die Schaltfläche sollte mittel oder hoch betont sein, da dadurch eine auffällige Aktion ausgeführt wird. Unter Material Design von Google finden Sie eine Anleitung zum Entwerfen von Schaltflächen mit unterschiedlichen Betonungsgraden.

Weitere Tipps zum Entwerfen einer effektiven Schaltfläche für die Vogelperspektive:

  • Verwenden Sie eine klare und prägnante Sprache. Die Schaltfläche sollte klar beschriftet sein, damit Nutzende wissen, was sie tut.
  • Verwenden Sie eine große und gut lesbare Schriftart. Die Schaltfläche sollte groß genug sein, um sie leicht zu sehen und anzuklicken.
  • Verwenden Sie eine Kontrastfarbe. Die Schaltfläche sollte eine andere Farbe haben als der Text und Hintergrund, um sie hervorzuheben.
  • Verwenden Sie einen Call-to-Action. Die Schaltfläche sollte einen klaren Call-to-Action enthalten, z. B. „Video ansehen“ oder „Video ansehen“.

Überlegungen zu Displayanzeigen

Video wird geladen

Langsamere Verbindungen können Sie in Betracht ziehen, indem Sie eine Standbild-Vorschau des Videos anzeigen und die vollständige Darstellung bei einer Nutzerinteraktion laden, z. B. {8/}. Neben dem Video aus der Vogelperspektive hast du Zugriff auf ein Thumbnail, das dazu verwendet werden kann.

Außerdem hast du Zugriff auf das Video mit unterschiedlichen Auflösungen, die du strategisch einsetzen kannst, um bei unterschiedlichen Verbindungsgeschwindigkeiten die Zeit zu minimieren, die der Nutzer auf das Laden des Videos warten muss.

Quellenangaben für Logos

Wenn du die Vogelperspektive implementierst, musst du alle Begriffe beachten, einschließlich der Logokennzeichnung. Weitere Informationen finden Sie auf dieser Seite.

Fazit

Wir hoffen, dass dieser Artikel Ihnen Anregungen gebracht hat, um darüber nachzudenken, wie Sie Aerial View mit hoher Nutzerinteraktion auf Ihrer Website implementieren möchten.

Du solltest dir gut überlegen, wie deine Nutzer die Inhalte entdecken werden und in welchem Format sie am besten dargestellt werden sollten. Außerdem sollten Sie den Gerätetyp berücksichtigen, auf dem das Video wiedergegeben wird, insbesondere die Bildschirmausrichtung und die Verbindungsgeschwindigkeit des Nutzers.

Nächste Schritte

Leseempfehlungen:

Beitragende

Dieser Artikel wird von Google verwaltet. Die folgenden Mitwirkenden haben ihn ursprünglich verfasst.

Hauptautor:

Henrik Valve | Google Maps Platform Solutions Engineer