Verbesserung des Suchseiten Filter Designs

26 February 2015 Andrej Design, Suchseite, Filter No Comments

Um für die Besucher von discoverize Portalen das Finden und Benutzen der Filter attraktiver zu machen, haben wir die Filter-Ansicht überarbeitet.

discoverize ist eine individuell konfigurierbare Web Software
für branchen-spezifische Online Portale
mit starker Suche und attraktiver Präsentation der Einträge.

filter-alt

Alte Ansicht der Suchfilter auf einer discoverize Suchseite - am Beispiel von glamping.info

filter-neu

Neue Ansicht der Suchfilter mit hervorgehobenen Suchfilter-Gruppen-Buttons und dem aktiven-Filter-Button

Such-Filter prominenter darstellen

Nachdem wir von vielen Besuchern das Feedback bekommen hatten, dass die Filter auf der Suchseite leicht zu übersehen sind, haben wir folgende Design-Änderungen umgesetzt:

  • die ehemals grauen Leisten wurden durch individuelle Buttons in der Primär-Farbe des Portals ersetzt. Dies sorgt für mehr Kontrast und eine deutlich einladerende Präsenz
  • alle Buttons erhalten entsprechend der Gruppe ein eigenes Icon, das visuell den Inhalt verständlich machen soll
  • die Anzahl der Filter pro Gruppe haben wir entfernt, da die Informationen keinen signifikanten Mehrwert hat und somit nur visual noise erzeugt
  • zusätzlich zeigen wir einen Link zum großen Popup mit allen Filtern an

Aktive Filter hervorheben

Ein weiteres Feedback war, dass das Entfernen von bereits gesetzten Filtern nicht einfach genug war. Um das Zurücksetzen der Filter zu vereinfachen haben wir folgende Punkte umgesetzt:

  • sobald ein ausgewählt ist, wechselt der aktive-Filter-Button von Grau zur Sekundär-Farbe. Dadurch sticht er sofort heraus und die Besucher erkennen visuell, dass sie Filter gesetzt haben
  • das Entfernen aller Filter geht jetzt über das Kreuz-Icon im aktive-Filter-Button mit nur einem Klick
  • sollten gar keine Ergebnisse mehr zu sehen sein, zeigen wir im Bereich der Ergebnisliste 2 Buttons an mit denen man ebenfalls die Filter oder die Karte komplett zurücksetzen kann

No Comments

Add a Comment