it-swarm.com.de

Wie kann eine große Anzahl von Filtersteuerelementen horizontal auf einer Seite untergebracht werden?

Da die linke Spalte von der linken Navigation belegt ist, bleibt nur der mittlere Bereich zum Platzieren von Filtersteuerelementen. Es besteht jedoch die Notwendigkeit, in Zukunft mehr Filteroptionen bereitzustellen. Wie können in einem solchen Szenario die Filtersteuerelemente in dem begrenzten Bereich untergebracht werden? Ist es ratsam, eine Schriftrolle (vertikal/horizontal) oder einen Chevron oder etwas anderes zu verwenden?

2
Kartik G

Blenden Sie alle bis auf 2-3 gängigsten Filteroptionen aus und fügen Sie eine erweiterte Filteroption auf einer separaten Seite hinzu.

3
Lie Ryan

Ich denke, die Ryan-Option ist in Ordnung, wenn die Suche nicht das Hauptmerkmal auf der Website ist. Lassen Sie mich das erklären.

Der Punkt ist, dass Sie, um die beste Art der Anzeige der Filter zu planen, über das Benutzerverhalten nachdenken müssen ...

  • Wenn die Hauptfunktion auf der Seite die Suche ist und Benutzer häufig suchen müssen und die Verwendung mehrerer Filter zum Ausblenden einiger von ihnen keine gute Idee ist, müssen Benutzer Filter sichtbar und handlich haben, da sie nun die Kriterien zur Verfügung haben müssen, für die sie verfügbar sind hinzufügen. In diesem Fall müssen Sie eine Möglichkeit finden, alle Filter zusammen anzuzeigen.

    Außerdem empfehle ich nicht, den Filterbereich zu scrollen. Wenn ein Benutzer etwas in einer Eingabe auswählt und dann nach unten scrollt und die Eingabe nicht sichtbar ist, muss er nach oben und unten (oder nach links und rechts) scrollen, um zu sehen, was er ist Schreiben ... das kann sie verrückt machen.

Ich habe darüber nachgedacht, wie ich ohne Bildlauf oder erweiterte Suchoption Platz gewinnen kann, und ich habe eine "verrückte" Idee ... Ich füge hier ein Modell der verschiedenen Schritte hinzu:

enter image description here

Dies erfordert eine gründliche Analyse, aber ich denke, es wird eine coole Möglichkeit sein, ein Suchwerkzeug anzuzeigen. Wenn Sie es verwenden möchten, empfehle ich, einen detaillierten Prototyp zu erstellen und tief zu testen, bevor Sie es dem Endprodukt hinzufügen.

  • Wenn die Suche nicht so häufig durchgeführt wird und dies nicht die Hauptfunktion auf der Seite ist, können Sie versuchen, Hauptfilter zu definieren und nur 2 oder 3 sichtbar zu halten und andere auf der Ebene der erweiterten Filter auszublenden. In diesem Fall kann die von Lie vorgeschlagene Lösung gut sein (dh: http://awesomescreenshot.com/076j64ff2 )

Hoffe das kann dir helfen :)

6
Kulyn

Zuerst müssen Sie über Ihren Minimalfall nachdenken, dh Benutzer, die nur 1 Filter verwenden. Dazu muss der Suchbereich eine Benutzeroberfläche sein, an die die meisten Benutzer bereits gewöhnt sind (wie die Google-Such-Benutzeroberfläche). Erst dann entwickeln wir die Idee weiter und bieten Steuerelemente für mehrere Filter.

enter image description here

Unten,

  • Klicken Sie auf "Anderen Filter hinzufügen" und Sie können aus den Kriterien "Name, Geschlecht, Alter" auswählen.
  • Basierend auf der Auswahl stellen wir entweder ein Text-/Dropdown-Feld zur Verfügung.

Hier sind Sie nicht durch die Anzahl der Filter eingeschränkt (es handelt sich lediglich um eine längere Dropdown-Liste), und der Bildlauf wird nur dann erheblich erhöht, wenn die Benutzer über eine Vielzahl von Filtern verfügen.

zusätzlich ein Kontrollkästchen zum vorübergehenden Deaktivieren eines Filters und der Suche.

enter image description here

3
Kashyap

Ich möchte alle meine Filterkriterien in einem seitenweiten Akkordeon haben. Es wird geöffnet, wenn sie darauf klicken und dann alle meine Kriterien anzeigen. Sie können es dann auch schließen, sobald sie ihre Kriterien ausgewählt haben. Die Auswahl filtert die Daten automatisch.

0
MB34

Eine funktionsreiche Implementierung der facettierten Suche und Navigation finden Sie unter [http: // mspace.fm/ weibliches (http: // mspace.fm/)). Probieren Sie die Demo-Schaltfläche oben rechts aus.

Hier haben sie eine sehr dynamische Suchfunktion mit horizontalen Facetten, bei der Sie aus einer Vielzahl von Kategorien auswählen können, die zunächst angezeigt werden sollen oder die der Benutzer wechseln kann. Sie können zunächst die wahrscheinlichsten Kernfacetten auswählen.

0
Roger Attrill