Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Filterfunktion auf Websites Vorlagen für die Gestaltung von Wireframes für Filterfunktionen (Facettennavigation, Faceted Search) auf der Basis von Best-Practices.

Ähnliche Präsentationen


Präsentation zum Thema: "Filterfunktion auf Websites Vorlagen für die Gestaltung von Wireframes für Filterfunktionen (Facettennavigation, Faceted Search) auf der Basis von Best-Practices."—  Präsentation transkript:

1 Filterfunktion auf Websites Vorlagen für die Gestaltung von Wireframes für Filterfunktionen (Facettennavigation, Faceted Search) auf der Basis von Best-Practices facets-stencil 1.0 Kerstin Reinhard

2 Zusammenfassung Vorlage zur Gestaltung von Wireframes für Filterfunktionen auf Websites (auch: Facettennavigation, Faceted Navigation, Faceted Search). Vorgegeben ist beispielhaft ein Filter für einen Online-Shop, der Kleidung anbietet. Einsatz für Papier-Prototypen: Kategorien anpassen, ausdrucken und einzelne Elemente ausschneiden Einsatz für Wireframes in Powerpoint oder anderen Programmen Hintergrund – Autor: Kerstin Reinhard – Diese Vorlage wurde im Rahmen einer Magisterarbeit an der Universität Hildesheim im Studiengang IIM erstellt: Vergleichende Usability-Evaluation zur Ermittlung von Best- Practice-Lösungen bei Facettennavigation Weitere Informationen – Zusammenfassung: – Magisterarbeit zum Download: vergleichende-usability-evaluation-zur-ermittlung-von-best-practice-loesungen-bei-fhttp://www.bookrix.de/_title-de-kerstin-reinhard- vergleichende-usability-evaluation-zur-ermittlung-von-best-practice-loesungen-bei-f

3 Ihre Auswahl Für Wen? Damen Herren Kinder Preis: Suche verfeinern Marke Marke X Marke Y Marke Z Damen > Marke X > Marke Z > Ihre Suche ergab X von Y Treffern Ergebnisliste Alles zurücksetzen Damen Marke X Marke Z a2a 2a2a Übersicht Auswahlmöglichkeiten für Filter. Aktuelle Auswahl ist jeweils hervorgehoben 1 1 Anzeige der aktuellen Auswahl oberhalb des Filters Anzeige der aktuellen Auswahl über ein Breadcrump 2a2a 2a2a 2b2b 2b2b 2b2b 2b2b 3 3 Anzeige der Ergebnisse Anzahl der Treffer in der Ergebnisliste

4 Radiobuttons Für Wen? Damen Hosen Röcke Links hierarchisch Für Wen? Dropdown Für Wen? Damen Herren Kinder Links Marke Marke X Marke Y Marke Z Checkboxen Farbfelder Farbe Schieberegler Preis 0100 Eingabefelder Auswahlelemente EinfachauswahlMehrfachauswahl Intervallauswahl Marke Marke X Marke Y Marke Z Farbe Preis bis Filtern Preis bis Filtern 2060 Preis Herren Für Wen? Damen Herren Kinder Für Wen? Damen Herren Kinder Für Wen? Damen Hosen Röcke Für Wen? Damen Herren Kinder

5 Marke Marke X Marke Y Marke Z Größe Marke Marke X Marke Y Marke Z S M L XL Größe Darstellung bei sehr vielen Facetten und Ausprägungen

6 Tipps Einfache Interaktionsmöglichkeiten lassen sich durch verlinkte Folien realisieren. (siehe auch )http://www.boxesandarrows.com/view/interactive Nutzer können an der Gestaltung einer Filterfunktion beteiligt werden (siehe Magisterarbeit) – Hierfür einzelne Elemente vorbereiten, ausdrucken und gruppieren lassen. Magisterarbeit Für das gleichmäßige Ausrichten der Elemente auf der Seite ist die Raster-Funktion (Raster und Führungslinien bei MS-Powerpoint oder Raster sichtbar bei OO-Impress) hilfreich. Weitere Gestaltungselemente für Wireframes von Websites (Stencils), etwa Menüs, Drop- Downs, Breadcrumps, finden sich unter: – Übersicht: – Stencil für Powerpoint: wireframe-stencils-as-free-download/http://www.michaelgaigg.com/blog/2009/01/23/powerpoint- wireframe-stencils-as-free-download/ – Stencil für Powerpoint: – (speziell Powerpoint 2007)


Herunterladen ppt "Filterfunktion auf Websites Vorlagen für die Gestaltung von Wireframes für Filterfunktionen (Facettennavigation, Faceted Search) auf der Basis von Best-Practices."

Ähnliche Präsentationen


Google-Anzeigen