15 Ideen für die Navigation

von Sven Lennartz | Veröffentlicht am 05.05.2008 | Letzte Änderung am 5.05.2008. Rubriken: Navigation, Reiter | 19 Kommentare

Immer wieder findet man Neues. Nicht alles passt überall hin und ist immer praktisch. Doch gute Ideen machen Spaß und beflügeln die eigene Kreativität. Was man mit Farbe, Schrift und wenigen Zutaten so alles anstellen kann...

Wer mehr sehen will, es gibt weitere Beiträge zum Thema:

Wire&Twine ist ein Shop im derzeit aktuellen Bastellook mit Klebestreifen, Holztextur und papierähnlichen Reitern

Ähnliches im nächsten Fall. Papier kommt sowohl waagerecht oben als auch senkrecht vor

Auch hier: Papier. Bei Mausberührung wird die Pappe passend gelocht

Die Navigation des Weblogs Cultfoo erinnert nicht zufällig an eine eindimensionales Tagwolke

Die gewählte Rubrik macht sich auf besondere Weise bemerkbar

Farbenfroh

Screenshot

Nicht eben ein Ausbund an Eindeutigkeit. Hat dafür nicht jeder. Die seitlich angebrachten Reiter klappen sich bei Berührung aus

Ein bisschen Grunge

Augenschmaus für Typofreunde: Bonfire Media

Ein ähnliches Prinzip. Hier hovert es zusätzlich noch farbig

Auch Artgeex nutzt die Möglichkeiten der Schrift

Und was ist das hier? Hinter jedem Klötzchen verbirgt sich ein Bild

Mit Aufwand iconisiert

Flash mit Farbeffekt

Reichlich verziert und auch noch aufgehängt: Webagentur-Meerbusch

Über Sven Lennartz

Sven ist der Erfinder und Leiter des Dr. Web Magazins. Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Autor früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH. Website. Weitere Beiträge für Dr. Web: 1226

19 Kommentare zu “15 Ideen für die Navigation”

Philipp Küng schreibt am 5.05.2008 um 00:32:
Solches Anschauungsmaterials ist immer wieder gut zu gebrauchen, um auch die Designer-Ader in mir zu befriedrigen.
Doch leider machen einige immer noch viele Fehler bei ihrem Design. Denn es genügt halt nicht eine gute Grafik auf der Seite zu haben (resp. ein schönes Menü) sondern der Rest des Seiteninhaltes sollte auch zum Grunddesign passen. (Was durchaus nicht immer einfach ist)
Moser schreibt am 5.05.2008 um 00:49:
Wobei man anmerken sollte, dass auch die Rechtschreibung beachtet werden sollte, Design alleine ist auch nicht alles, und Schreibfehler in der Navigation sind schon sehr peinlich. Bei der Webagentur-Meerbusch sind mehrere Fehler oder zumindest Streitfälle: Nach Fragen (Wer, Was, Warum) kommt ein Fragezeichen, kein Ausrufezeichen, bei "Wer sind wir den?" Fehlt ein "n", ausserdem kommt vor Satzzeichen kein Space.

Partner Seiten, Web-Design etc. würde ich zusammenschreiben, wenn es getrennt sein soll, dann zumindest auch das zweite Wort in Großschreibung und immer mit Bindestrich. Sollte zumindest einheitlich sein.

Bei einer solchen Agentur würde ich niemals eine Website in Auftrag geben!
Stephan schreibt am 5.05.2008 um 06:29:
@ Moser: Stimmt. Achja, laufen schreibt man klein!
Marcus Scheller schreibt am 5.05.2008 um 08:30:
danke für die sammlung.

am ende muss ich sagen dass - wieder mal - die tab navigation (1) am überzeugendsten ist …
Rainer schreibt am 5.05.2008 um 12:02:
Der alte Spruch "außen hui, innen pfui" trifft leider auch immer wieder im Verhältnis "Design / Text" zu.

Zitat aus schon erwähnter Website:
"Die Webagentur-Meerbusch Erstellt Seite einigen Jahren intensiv professionellen Internetseiten."

Ich will hier keinen isolierten Fall aburteilen und es liegt mir fern, damit jemanden lächerlich zu machen, aber sowas schreckt aufmerksame Auftraggeber ab. Wer es nicht besser kann, aus welchem Grund auch immer (vielleicht Legasthenie?), sollte sich von Leuten helfen lassen, die es sicher beherrschen. Das ist im professionellen Geschäftsauftreten unbedingt wichtig.
Matthias schreibt am 5.05.2008 um 13:08:
Der Link bei "Ein ähnliches Prinzip. Hier hovert es zusätzlich noch farbig" ist falsch.
Mark Rotmund schreibt am 5.05.2008 um 16:00:
Hi,

sehr schicke Navis sind da dabei. Die aber beste Navi die ich gesehen habe ist auf idesignhp ~ kreatives Webdesig zu finden.

gruß
Janaros schreibt am 5.05.2008 um 16:08:
Warum lassen diese Leute nicht mal Bekannte einen Blick drauf werfen, denn werden solche Fehler vermieden.
Ingo schreibt am 5.05.2008 um 16:47:
Ja, ja
Meine Herren ich habe verstanden !!;-)
Ich werde mich um ein Unternehmen für die Texte bemühen.

Aber nicht das Thema aus den Augen verlieren.
tom schreibt am 6.05.2008 um 22:49:
Hmm, wennn ich mich recht erinnern kann haben sich die Gestalter der Agentur Meerbusch auch stark von einer bereits vorhandenen Website inspirieren lassen. Leider finde ich die Domain im Moment nicht, aber es war irgendwas mit oat (oat eng. = Hafer), die hatte einen ganz ähnlichen Aufbau und auch ähnliche Elemente in der Headgrafik. Kennt die jemand von euch?

Kann natürlich auch sein, dass ich mich täusche, ich will hier nix anprangern...
matze schreibt am 7.05.2008 um 11:00:
Ich glaube die,gestaltung von der oben genannten Agentur, war ehr da. Zumindest habe ich die Seite ca. vor einem 3/4 Jahr schon mal gesehn. Nicht ganz so ausgebaut aber der Header mit den Büchern und den Eiern war schon drin.
tom schreibt am 7.05.2008 um 17:01:
Vielleicht war´s ja auch umgekehrt
Aber die Seite die ich zuerst gesehen hab, war technisch auf jeden Fall sauberer umgesetzt, kann mich echt nicht mehr an die URL erinnern - kennt die keiner?! Wie gesagt, irgendwas mit oat...

Aaaah ich hasse das
wolfi schreibt am 8.05.2008 um 16:07:
sorry, aber die webagentur meerbusch seite ist grauenvoll...
webpixelkonsum schreibt am 9.05.2008 um 21:46:
Mein persönlicher Favorit ist gleich das erste Navigationsbeispiel.

Ralph
Hanno schreibt am 10.05.2008 um 13:01:
Warum http://www.idesignhps.de so gut sein soll kann ich nicht erkennen.
Kazim Karadag schreibt am 16.01.2010 um 12:01:
Hallo die sind alle gut denke ich
danke schön