Mindmanipollution.com
Interface Design – ALA
Die Aufgabenstellung für diese Arbeit war, für eine Seite unserer Wahl eine Art erweiterter Sitemap zu erstellen, die über die weit verbreitete Listendarstellung hinaus geht. Ich habe mich dabei damit auseinander gesetzt, wie man den Inhalt einer stetig wachsenden Seite wie alistapart.com sinnvoll, schnell und intuitiv durchsuchen und mit einander in Bezug setzen kann.
Bilder
Erläuterungen:
Bild 1
Die Suchmaske und der Inhalt im Ausgangszustand. Rechts oben befindet sich die Auswahl der Suchkriterien:
Tags, mit denen die Artikel der Seite versehen sind, Dropdown-Listen zur Auswahl von Autoren und der
verschiedenen Ausgaben und ein Button um die Artikel entsprechend der gewählten Kriterien neu zu
sortieren.. Unten befinden sich die Artikel der Seite als kleine Boxen.
Bild 2
Drei Tags und Zeitraum sind ausgewählt. Die Tags, die auf einen Artikel zutreffen, werden als kleine
Balken entsprechend der Farbcodierung in der Auswahl repräsentiert.
Bild 3
Ein Testbild um zu überprüfen wie die leichte Hervorhebung relevanter Artikel wirkt, wenn
sie über die Fläche verteilt liegen.
Bild 4
Zustand nach dem Sortieren, die Artikel werden nach Relevanz oberhalb der anderen Artikel angeordnet.
Bild 5
Mögliche Darstellung eines Tooltips beim Überfahren einzelner Artikelboxen, falls man schon
vorher genaueres über einen Artikel erfahren möchte.