Beispiele für Airbnb-Bewertungen

Bewertungen werden in einem ansprechenden Widget in passenden Airbnb-Farben präsentiert, inklusive eines informativen Headers. Der Header zeigt die Gesamtnote der Seite und die Anzahl der Rezensenten; die Fotos der neuesten Rezensenten sind anklickbar. Die Schaltfläche zur Bewertungsanfrage fordert Nutzer auf, eine neue Bewertung abzugeben – die Ja-Option ist blau hervorgehoben, um Klicks zu fördern.

Hier ist eine Möglichkeit, Bewertungen auf einer Seite zu zeigen, indem Sie eine klar definierte Liste erstellen. Wenn Sie die Kopfzeile ausblenden und Auto-Breite sowie -Höhe wählen, wie in diesem Beispiel, füllt das Widget den gesamten freien Platz auf der Seite perfekt aus und wirkt native. Es gibt Filter, um die Anzahl der Bewertungen zu begrenzen, nur positive anzuzeigen oder unerwünschte nach Keywords auszuschließen.

In diesem Widget ist eine Reihe von Bewertungen in der Masonry-Variante integriert, die Bewertungen basierend auf der Höhe am ausgewogensten anordnet. Die benutzerdefinierte Farbvariante verleiht dem Aussehen eine einzigartige Note. Die neben den Bewertungen angezeigte Sternbewertung dient dazu, soziale Belege zu stärken.

Die Wahl des Grid-Layouts und der Spotlight-Bewertungsvorlage verleiht dem Widget eine feine, ausgewogene Optik. Dicke Linien und zentriert ausgerichtete Bewertungen ziehen die Aufmerksamkeit der Besucher auf sich. Die lineare Geometrie des Grid-Layouts lässt sich auch mit jeder anderen Bewertungsvorlage kombinieren – die Bedienelemente der Benutzeroberfläche wurden so gestaltet, dass sie vollständig anpassbar sind.

Dieses Widget im Slider-Layout zeigt Bewertungen in einem dynamischen Karussell mit Autoplay. Ideal z. B. für die Startseite Ihrer Website. Das Slider-Layout bietet Navigationsmöglichkeiten: Pfeil, Drag oder Paginierung. Und Sie können festlegen, wie viele Bewertungen pro Folie angezeigt werden.

Wenn Sie Bewertungen nacheinander anzeigen, ziehen sie die maximale Aufmerksamkeit der Nutzer auf sich. In diesem Beispiel ändert die Spotlight-Vorlage die Position der Elemente: Das Foto des Autors und die Sternbewertung befinden sich über dem Bewertungstext, und alle Elemente sind zentriert ausgerichtet. Weitere Bewertungen lassen sich durch Ziehen oder Klicken der Pfeile ansehen.

Hier ist ein brillantes Beispiel dafür, wie man nahtlos ein Bewertungs-Widget in jede Website mit sehr wenig Platz einfügt. Im Sidebar-Layout hat das Widget keine zusätzlichen Elemente, nur das Wesentliche; die responsive Größe sorgt dafür, dass es moderat bleibt, bei voller Funktionalität.