25 Webdesigns mit ungewöhnlichen Navigationsideen
Alle Webseiten sind gleich, aber manche sind gleicher! Dieser Artikel zeigt 25 ungewöhnliche Ideen zur Navigation im Webdesign. Wer sich von alternativen Navigationsmöglichkeiten für die eigene Website inspirieren lassen möchte, sollte diese Beispiele unbedingt kennen.
24 Ways
24 Ways ist ein Adventskalender der besonderen Art. Seit 2005 erscheint jeweils vom 1. Dezember bis zum 24. Dezember ein neuer Tipp zum Webdesign und der Webentwicklung. Jeder Artikel steht für eine Tür im Adventskalender und man darf gespannt sein, welche Tipps es dieses Jahr wieder geben wird.
Blue Bug Digital
Das besondere an Blue Bug Digital ist schnell entdeckt. Sobald man die Maus bewegt, kann man sich um 360° drehen und die Firmenräume sehen. Die Navigation erfolgt über Symbole, die im Raum angeordnet sind. Dabei gibt es einiges zu entdecken und es macht Spass das Büro zu erkunden.
Bounty Bev
Bei Bounty Bev sind alle Inhalte auf der Startseite zu finden. Man scrollt sich nach unten durch und folgt der Straße. In regelmäßigen Abständen findet man die verschiedenen Inhalte, zu denen man aber auch direkt über die horizontale Navigationsleite springen kann. Erst ganz am unteren Ende der Seite findet man das Bounty Mobil mit dem das Bier ausgeliefert wird.
Fat Man Collective
Die Seite von Fat Man Collective erinnert mich irgendwie an ein Gedicht. Wie auf der Grafik bereits zu erkennen ist, werden verschiedene Wörter wiederholt, um diese “Digital Creatives” vorzustellen. Sobald man den Links dieser Auflistungen folgt, erscheint links der entsprechende Inhalt.
Forsman & Bodenfors
Die Startseite von Forsman & Bodenfors ist sehr raffiniert. Das mittlere ovale Feld dient einerseits als Eingabefeld für die Suchfunktion und andererseits erscheint dort der Text der verschiedenen Unterseiten, sobald man die Maus über die verschiedenen Bilder bewegt.
Got Milk
Bei Got Milk wird die lange Ladezeit gleich benutzt, um dem Kunden erste Informationen zu vermitteln. Diese Seite stellt eine Fabrik dar, bei der jedes Tier ein eigenes Schild mit einer individuellen Werbebotschaft hat, welches durch einem Hover Effekt angezeigt wird.
Hello Goodlooking
Die Navigation von Hello Goodlooking erinnert an Brainstormingmethoden. Es wird gezeigt wie die Seiten untereinander vernetzt sind. Wenn man auf ein Element klickt, öffnen sich solange hierachische Unterseiten, bis schließlich der Seiteninhalt eingeblendet wird.
Im Design
Auch die Webseite von Im Design überrascht durch eine sehr ungewöhnliche Navigation. Gleich am Anfang erscheint eine kurze Anleitung, wie man sich mit der Tastatur durch die Seite navigieren kann. man fliegt förmlich über die einzelnen Navigationselemente. Dabei kann man auch noch den Betrachtungswinkel ändern.
Mandchou
Bei Mandchou sollte man eventuell den Ton einschalten, wenn man einen vollständigen Eindruck von der Seite erhalten möchte. Im Mittelpunkt der Webseite stehen die bisherigen Projekte.
Marc Anton Dahmen
Auch bei Marc Anton Dahmen erscheint zunächst eine kurze Anleitung, wie man die Seite mit der Tastatur erkunden kann. Die Seiteninformationen sind als Visitenkarten angeordnet. Sobald man eine dieser Karten anklickt, erscheint die jeweilige Karte groß im Zentrum.
Marc Ecko
Marc Ecko präsentiert sich auf seiner Webseite vor einer Wand stehend. Die Seiteninhalte erscheinen als Bilder an dieser Wand. Der Bildschirm meines Notebooks ist zu klein, um die gesamte Breite der Seite anzuzeigen. Sobald ich den Mauszeiger bewege, verschiebt sich auch der Seiteninhalt und ich kann trotzdem die ganze Seite sehr gut überblicken. Erst wenn man die Maus nach oben bewegt, fährt ein horizontales Menü aus.
Mareen Fischinger
Die Webseite der deutschen Fotografin Mareen Fischinger aus Düsseldorf stellt die Bilder in den Mittelpunkt der Seite. Die verschiedenen Bilderserien kann man im linken Auswahlfeld wechseln. Mit dem Scrollrad der Maus kann man sich die wirklich sehr professionellen Bilder sehr bequem ansehen. Bei jedem Aufruf der Seite erscheint zufällig eine andere Fotoserie.
Okay Dave
Die Navigation von Dave Werner lebt von den Bildern. Alternativ kann man aber auch die Navigationszeile unten auf der Seite benutzen.
Salinas
Salina ist eine Seite für brasilianische Bademode. Die Seite braucht sehr lange beim Laden. Dann setzt die Musik ein und erst wenn man die Maus über die einzelnen Buchstaben führt, gibt es einen Überraschungs-Effekt. Wer diese Seite nicht kennt, wartet vermutlich selten, bis diese vollständig geladen ist.
Sensi Soft
Die Seite von Sensi Soft beinhaltet als zentrales Element eine Litfaßsäule. Jede Unterseite zeigt diese Litfaßsäule in einer anderen Stadt mit einer anderen Hintergrundmusik. Die Inhalte werden dabei auf der Säule angezeigt.
Snuggle Fux
Die Navigation bei Snuggle Fux ist sehr minimalistisch und übersichtlich. Es erscheint nur das Datum und die Überschrift eines Artikels. Sobald man auf einen Artikel klickt, fährt dieser aus und der Inhalt erscheint.
Steven Holl Architects
Bei Steven Holl Architects erscheint bei jedem Seitenaufruf ein anderes Bild bisheriger Architektur-Projekte. Die Navigation wirkt minimalistisch und ist trotzdem funktional.
Studio Output
Die Navigation bei Studio Output erfolgt über die Bilder. Sobald man mit der Maus über ein Bild fährt, erscheinen weitere Informationen zu den einzelnen Unterpunkten. Diese Navigation kann eventuell den Benutzer neugierig machen, die Seite zu erkunden. Ein gezieltes Suchen von Informationen ist allerdings nur schwer möglich.
The Anthropologist
Auf dieser Seite wird schrittweise ein Text eingeblendet, der die Links zu den jeweiligen Unterseiten enthält. Die Idee ist interessant und die Seite kommt ohne Bilder bei der Navigation aus.
The Architects
Bei The Architects dachte ich zunächst, man hätte die Bilder vergessen. Diese erscheinen jedoch, sobald man mit der Maus über die freien Flächen fährt. Wenn man auf eines der Bilder klickt, erscheinen auch alle anderen Bilder des jeweiligen Projektes.
The United Network
Bei United Network ist ein Kreis, der vermutlich die Welt symbolisieren soll im Zentrum. Die verschiedenen Weltstädte, in denen das United Network aktiv ist, werden jeweils durch ein Wahrzeichen repräsentiert. Das ist eine sehr interessante Möglichkeit, um z.B. auf Zweigniederlassungen hinzuweisen.
Thibaud
Bei Tribaut wird die Navigation in Form von verschiedenen Fächern dargestellt. Wenn man einen Bereich auswählt, klappt der jeweilige Fächer auf.
Whistles
Das Grundprinzip der Navigation bei Whistles ist sehr ähnlich wie bei der bereits erwähnten Seite von Marc Ecko. Das besondere an Whistles ist, dass es sich hierbei um einen E-Commerce Shop handelt
Wonder Wall
Die Webseite von Wonderwall wirkt durch die würfelartige Navigation sehr dreimensional und lebendig. Dadurch hat diese Seite definitiv einen großen Wiedererkennungseffekt.
Work Life Balance Centre
Beim Work Life Balance Centre wirkt die horizontale Navigationsleiste zunächst sehr dezent. Wenn man einen dieser Navigationspunkte auswählt vergrößert sich die entsprechende Spalte deutlich und blendet die Unternavigationselemente sehr dominant vor einem schwarzem Hintergrund ein.
Hilfreiche Quellen
Diese Seiten kannnte ich natürlich nicht alle selbst. Auf die Idee mich mit ungewöhnlichen Navigationsideen kam ich, da ich Webdemar bei Twitter folge. Simon entdeckte einen Artikel zum Thema bei acrisdesign.com Aus dieser Übersicht habe ich sechs Beispiele übernommen. Weitere neun Beipiele fand ich bei noupe.com. Die weiteren Ideen habe ich in der großen Auswahl bei siteinspire.net gefunden.
Es gibt natürlich noch viele weitere Beispiele für ungewöhnliche Navigationsideen. Dies waren die 25, die mir persöhnlich besonders aufgefallen sind. Kennt jemand noch weitere Beispiele für ungewöhnliche Navigationsideen, die ihn beeindruckt haben?
Design-Inspiration - Platten-Cover von Putumayo
20 richtig schicke Webseiten im Retro-Stil - Beispiele & Ressourcen
15 Webseiten die auf Holz setzen - Teil 2
Top 15 "One Page" Webseiten
Trackbacks