caroco.de

Facettierte Navigation – Strukturierung der Facettenwerte

Veröffentlicht am: 20 Juli 2010

James Kalbach hat eine nette Zusammenstellung von aktuell verwendeten Darstellungen von Möglichkeiten der Wertauswahl bei facettierter Navigation erstellt. Er gliedert sie in:

• Hierarchie (z.B. über eine Baumstruktur)
• Liste (flache Liste von Werten zu einer Facette)
• Binär (oft mit Checkboxen)
• Kontinuum (z.B. über Sliderauswahl oder Direkteingabe von Werten)
• Skala (z.B. als fixe Von-Bis-Werte)

Eine der größten Herausforderungen ist sicherlich die Darstellung von langen Wert-Listen. Ebay löst dies über die Verwendung von “Mehr/Weniger”-Buttons pro Facette, die jedoch durch einen vollen Seiten-Reload das Verlieren des optischen Fokus’ beim User zur Folge haben.

Bei Zappos.com werden die gelisteten Werte einer Facette teils in Tabellen, teils als normale Listen dargestellt, die jedoch in in der Höhe begrenzen, scrollbaren Boxen stecken, was die Bedienung unnötig erschwert und auch optisch grenzwertig aussieht.

Einen recht ungewöhnlichen Weg geht der Shop von Stylus.com, der zum einen auf stark optische Navigation setzt und die Facetten sehr dezent als Dropdown-Reihe über die Produkliste setzt. Auf diese Weise sind die Werte einer Facette platzsparend verstaut, jedoch für den User nicht mehr auf einen Blick scanbar.

Auf dawanda.de wird das Problem der langen Werte-Listen zwar auch nicht konsistent gelöst, jedoch werden Werte, die eine andere Darstellung als Text erlauben, entsprechend anders dargestellt (z.B. die Auswahl von Farben) oder durch entsprechende Icons unterstützt.

Einen weiteren interessanten Ansatz zur Darstellung von Facettenwerten in Listenform stellt das Projekt “Elastic lists” von Moritz Stefaner vor. Als platzsparende Variante kommt es jedoch auch nicht in Frage, erhöht durch die sichtbare Interaktion aber den Spaß beim Bedienen.