Um die Übersichtlichkeit für Besucher in allen Brancheportalen zu verbessern rollen wir mit dem nächsten Update ein Redesign der Bewertungen aus.
Bewertungen schwer zu erkennen – Feedback und Usability Testing
Wir haben von mehreren Portalbetreibern Feedback zum aktuellen Design der Bewertungen erhalten. Gerade auf mobilen Geräten fällt es den Besuchern schwer zu erkennen, wie gut oder schlecht die Bewertungen für ein Unternehmen im Detail sind. Da sich viele Bewertungen im Durchschnitt zwischen 3.5 und 5 abspielen ist die Darstellung mit zum Teil befüllten Sternen schwer zu erkennen und zu interpretieren:
aktuelle Darstellung von Bewertungen in discoverize Branchenportalen – tatsächliche Bewertung schwer zu erkennen
Ebenso gab es das Feedback, dass in touristischen Portalen die Bewertungs-Sterne mit Hotel-Kategorien kollidieren.
Design Patterns bei populären Seiten
Wir haben eine ausführliche Recherche durchgeführt, wie andere Anbieter mittlerweile Bewertungen darstellen. Dies dient vor allen Dingen dazu Besucher mit bekannten User Interface Designs schneller abzuholen, da sie diese Design-Muster bereits von anderen Webseiten oder Apps kennen. Hier einige Beispiele:
Bewertungsanzeige bei airbnb
Darstellung von Bewertungen bei booking.com als Zahl
Darstellung bei google hotels
Wir sehen, dass die Darstellung mit Bewertungen als Zahlen anstatt Icons immer häufiger zu finden ist. Insgesamt ist das Erscheinungsbild ruhiger und einfacher zu lesen.
Ebenso haben wir mehrere Design-Iterationen an Entwürfen und Layouts getestet um zum neuen Design zu gelangen.
Redesign der Bewertungs-Darstellung
Um die Bewertungen für Besucher einfacher und klarer zu kommunizieren haben wir das Element komplett neu gestaltet. Dies haben wir Anhand des Feedbacks so wie der gängigen Patterns (s.o.) durchgeführt.
Suchseite – Suchergebnisse
Wir zeigen eine farbig hinterlegte Box, in der alle relevanten Informationen angezeigt werden:
neues Design für Anzeige der Bewertungen im Suchergebnis
Damit einhergehend haben wir die Zeile mit den Bewertungen komplett entfernt. Die Punkte des Eintrags wandern jetzt nach unten rechts (bei Premium Einträgen neben die Rakete). Die Vollständigkeits-Auszeichnung zeigen wir gar nicht mehr an, da diese bei den Besuchern eher zu Verwirrung geführt hat und wenig Mehrwert dargestellt hat.
So können wir eine komplette Zeile einsparen und machen das Design übersichtlicher. Ebenso kann man jetzt die Suchergebnisse einfacher scannen, da die Bewertungen in jeder Kachel an der gleichen Stelle sind:
Vergleich aktuelles und neues Design Suchergebnis
Eintragsseite – Header Bereich
Auf der Desktop Eintragsseite stellen wir die Bewertungs-Box etwas größer da. Auf mobilen Endgeräten ist die Box analog zum Suchergebnis.
Darstellung Bewertungs-Box auf der Detailseite im Desktop
In der mobilen Ansicht haben wir den Header-Bereich ebenfalls etwas überarbeitet. Der Button „zurück zur Suchseite“ ist jetzt links, da wo man ihn bei allen gängigen mobilen Seiten findet:
Mobile Ansicht der Eintragsseite
Eintragsseite – Überarbeitung des Bewertungs-Tabs
Um die Anzeige im Bewertungstab ebenfalls benutzerfreundlicher zu gestalten, haben wir auch die Elemente (aggregierte Bewertungen und Bewertungskriterien) hier mit einem neuen Design versehen:
neues Design für Anzeige der Bewertungen auf der Eintragsseite im Bewertungstab
Die Sterne werden durch Balken ersetzt – ebenso ein Design Pattern, dass sich auf vielen populären Seiten mittlerweile wiederfindet.
Beispiel für Bewertungskategorien auf booking.com
Ebenso haben wir die Darstellung der Holidaycheck Bewertungen auf deren Skala angepasst – so werden jetzt die korrekten Werte im Bezug auf 6 maximale Sterne angezeigt.
Bewertungen in den aktuellen Einträgen
Auch in dem Block „aktuelle Einträge“ auf der Startseite haben wir die Bewertung-Box eingebaut. (Gleiches gilt auch für den Premium-Block im Bewertungstab auf der Eintragsseite, wenn noch keine Bewertungen vorhanden sind.) Allerdings vereinfacht – ohne Anzahl der Bewertungen:
Bewertungsbox bei den aktuellen Einträgen auf der Startseite
Klarere Kommunikation der Bewertungs-Skala bei der Bewertungsabgabe
Ein kleines Update gibt es beim Formular zur Abgabe von Bewertungen. Hier geben wir den Besucher ein Feedback, was die Sterne genau bedeuten. Wir hoffen, dass so die Abgabe der Bewertungen klarer und einheitlicher werden:
Hinweistexte bei der Abgabe von Bewertungen in Branchenportalen
Design Einstellungen pro Portal
Man kann die Farben der Bewertungs-Box pro Portal einstellen. Im Moment ist die primäre Farbe gesetzt, diese kann durch eine beliebige Farbe ersetzt werden:
verschiedene Farben für die Bewertungs-Box
Wir freuen uns über Fragen und Feedback zu dem Redesign der Bewertungen.
Hinterlasse eine Antwort