Beispiele für das Airbnb Reviews-Widget

Die Bewertungen sind in einem attraktiven Widget in ergänzenden Airbnb-Farben mit einem informativen Header angeordnet. Die Kopfzeile zeigt die Gesamtbewertung der Seite und die Anzahl von Rezensenten mit den Fotos der neuesten, die anklickbar sind. Über die Schaltfläche Bewertungsantrag werden Benutzer aufgefordert, eine neue Bewertung zu hinterlassen. Die Option Ja ist blau gestrichen, um Klicks zu erzielen.

Hier ist eine Möglichkeit, Bewertungen auf einer Seite anzuzeigen, indem Sie eine genau definierte Liste erstellen. Wenn Sie die Kopfzeile ausblenden und die Abmessungen Auto für Breite und Höhe auswählen, wie in diesem Beispiel, füllt das Widget den gesamten freien Speicherplatz auf der Seite perfekt aus und sieht nativ aus. Es gibt Filter, mit denen Sie die Anzahl der Bewertungen begrenzen, nur positive Bewertungen anzeigen oder unerwünschte Keywords ausschließen können.

In diesem Widget ist eine Reihe von Bewertungen in die Masonry-Variante integriert, die Bewertungen auf der Grundlage des Höhenwerts auf die ausgewogenste Weise anordnet. Benutzerdefinierte Farbvarianten sorgten für einen einzigartigen Look. Die Sternebewertung neben den Bewertungen ist hier, um einen hohen sozialen Beweis zu zeigen.

Die Auswahl des Rasterlayouts und der Spotlight-Vorlage sorgt für ein ausgewogenes Erscheinungsbild des Widgets. Dicke Linien und mittig ausgerichtete Rezensionstexte ziehen die Aufmerksamkeit des Betrachters auf sich. Die lineare Geometrie des Rasterlayouts kann auch zu jeder anderen Bewertungsvorlage passen - die Oberflächenelemente wurden so konzipiert, dass sie vollständig anpassbar sind.

Dieses Widget im Slider-Layout demonstriert die Bewertungen durch ein dynamisches Karussell mit Autoplay. Dies ist eine perfekte Variante beispielsweise für die Hauptseite Ihrer Website. Das Schieber-Layout bietet Navigationselemente: Pfeil, Ziehen oder Paginierung. Sie können auswählen, wie viele Bewertungen pro Folie angezeigt werden sollen.

Wenn Sie Bewertungen einzeln anzeigen, werden sie die maximale Aufmerksamkeit der Benutzer auf sich ziehen. In diesem Beispiel ändert die Spotlight-Vorlage die Position der Elemente: Die Foto- und Sternebewertung des Autors liegt über dem Bewertungstext und alle Elemente sind mittig ausgerichtet. Weitere Bewertungen können durch Ziehen oder Klicken auf Pfeile angezeigt werden.

Hier ist ein hervorragendes Beispiel dafür, wie Sie ein Bewertungs-Widget nahtlos in jede Website mit sehr wenig verfügbarem Platzangebot einfügen können. Im Seitenleistenlayout enthält das Widget keine zusätzlichen Elemente, nur die wesentlichen, und die reaktionsschnelle Größe hat dazu beigetragen, dass die Größe moderat ist, die volle Funktionalität bleibt jedoch erhalten.