OpenTable-Bewertungen-Beispiele

Hier sind die Bewertungen in einem großzügigen Widget in den Originalfarben von OpenTable angeordnet, mit einer moderaten Kopfzeile. Die Kopfzeile zeigt die Gesamtbewertung der Seite und die Anzahl der Nutzer, die ihre Empfehlungen mit den Bildern der neuesten Beiträge abgegeben haben. Die Fotos führen beim Klicken zu Ihrer Seite. Die Bewertungsanfrage-Schaltfläche lädt Nutzer ein, eine neue Bewertung zu hinterlassen, wobei die Ja-Option blau eingefärbt ist, um Klicks zu erhöhen.

Sie können Bewertungen auf einer Seite in Form einer übersichtlichen Liste integrieren. Wenn Sie die Kopfzeile ausblenden und Auto-Breite und Auto-Höhe verwenden, wie in diesem Beispiel, passt das Widget automatisch in den freien Seitenbereich und wirkt ausgewogen. Verwenden Sie Filter, um die Anzahl der Bewertungen zu begrenzen, nur Bewertungen mit positiven Bewertungen anzuzeigen oder bestimmte Bewertungen anhand von Schlüsselwörtern auszublenden.

In diesem Widget ist eine Vielzahl von Bewertungen in eine Masonry-Struktur eingebettet, die Bewertungen basierend auf der Höhenangabe optimal anordnet. Diese Farbgebung macht das Widget absolut einzigartig. Die Sternebewertung der Bewertungen dient hier dazu, hohen Social Proof zu demonstrieren.

Die Kombination aus Grid-Layout und Spotlight-Bewertungs-Vorlage sorgt für eine elegante, klare Benutzeroberfläche der Bewertungen. Geradlinige Linien und zentral ausgerichtete Bewertungstexte lenken die Aufmerksamkeit der Besucher. Die lineare Geometrie des Grid-Layouts lässt sich auch mit jeder anderen Bewertungs-Vorlage kombinieren – die Bedienelemente wurden so entworfen, dass sie vollständig kompatibel bleiben.

Dieses Widget im Slider-Layout zeigt die Bewertungen in einem aktiven Karussell mit Autoplay. Eine perfekte Variante zum Beispiel für die Startseite einer Website. Das Slider-Layout bietet mehrere Navigationsmöglichkeiten: Pfeil, Ziehen oder Paginierung. Sie können auswählen, wie viele Bewertungen pro Folie angezeigt werden.

Wenn Sie Bewertungen einzeln anzeigen, lenkt dies die Aufmerksamkeit der Nutzer. In diesem Anwendungsfall ändert die Template-Wahl die Reihenfolge der Elemente: Das Foto des Autors und die Sternebewertung stehen über dem Text, alle Elemente sind zentriert ausgerichtet. Andere Bewertungen lassen sich durch Ziehen oder mit Pfeilen ansehen.

Hier ist ein hervorragendes Beispiel dafür, wie man ein Bewertungs-Widget nahtlos in Ihre Website mit sehr wenig Platz integriert. Im Sidebar-Layout hat das Widget keine zusätzlichen Elemente – nur das Wesentliche – und die zulässige Größe ist zwar klein, aber alle Funktionen sind vorhanden.