Information Mapping  Seminar am FB Design der FH Aachen im WS 2000/2001
 
   Meldungen Beschreibung Agenda Besprechungen Themen Projekte Links
Web-Site Maps am Beispiel von MAPA
Von rbresser@mac.com, am 22.10.00 um 0:08:08 Uhr.

Was zeigt das Beispiel wie? Was wird gemapped?

Gemapped wird die hierarchische Struktur und die Navigation einer beliebigen Web-Site. Die einzelnen Seiten werden dabei als Karten in einem 2.5 Dimensionalen Raum dargestellt (Z-Diagramm). Die Homepage befindet sich dabei in der linken, unteren Ecke. Die darunter liegenden Ebenen führen in die rechte obere Ecke. Zur weiteren Verdeutlichung der Ebenen werden bestimmte Farben eingesetzt.

dynamic diagrams mapa 1:

Die aktuelle Seite ist weiss, mit einer roten Markierung. Alle Seiten rechts davon befinden sich tiefer in der Hierarchie. Direkte Unterseiten (Childs) werden grün, deren Unterseiten (Grandchilds) blau dargestellt. Da die Karten wenig Platz bieten, erfährt man, beim Rollover mit der Maus, deren Inhalt.

dynamic diagrams mapa 2:

Darüber liegende Ebenen werden Orange dargestellt. Klickt man in den dunklen Teil einer Karte, verschiebt sich die gesamte Karte animiert: Die Karte selbst wird Weiss und verschiebt sich in die linke untere Ecke, ihre Unterseiten Grün, darüber liegende Seiten Orange u.s.w..

dynamic diagrams mapa 3:

Wer entwickelte die Darstellung für wen?

MAPA wurde von Dynamic Diagrams entwickelt. Zunächst benutzte Dynamic Diagrams das Z-Diagramm, um große Web-Sites zu planen, dann wurde es für die Benutzung durch Internet-User weiterentwickelt und auf verschiedenen Websites eingesetzt (z.B. IBM).

Was ist an dem Beispiel Besonderes (im Vergleich zu anderen)?

MAPA kann in einem extra Browserfenster ständig geöffnet bleiben und ermöglicht so dem User sehr schnell sich innerhalb grosser Web-Sites zurechtzufinden. Auf einen Blick ist erkennbar, wo man sich gerade befindet und was es auf dieser Site noch zu sehen gibt.

Die Benutzung ist intuitiv und bedarf keiner Erklärung.

Durch die Platzsparende Art der Darstellung, können in einer sehr übersichtlichen Weise auch sehr grosse Web-Sites dargestellt werden.

Durch die dynamische Art, kann der User in Interaktiv durch die Site-Map navigieren.

Was läßt sich nennenswertes in Bezug auf das Design von dem Beispiel lernen/erkennen?

MAPA ist eine sehr "ausgefallene" Art eine Site-Map darzustellen. Zum einen ist sie sehr interessant und reizt den User tiefer in die Web-Site einzudringen, zum anderen verliert man nie den Gesamtzusammenhang der geasmten Site aus den Augen. Damit kann man sich nicht innerhalb grosser Sites verirren und es ist einem möglich, eine bestimmte Seite, auch bei einem weiteren Besuch, wieder zufinden.

Die 2.5d Darstellung ermöglicht eine grosse Anzahl von Seiten übersichtlich darzustellen.

Einzig die Benutzung eines Applets benötigt bestimmte Arten von Browsern.

Discuss

Impressum · © Fachbereich Design der FH Aachen 2003