Navigation

8 weitere Ideen für die Navigation

10. September 2008
von

Gab es schon mal, nämlich im Mai. Und hier kommt die Fortsetzung. Es sieben weiteren Menüs, denen man sich vielleicht und unter Umständen etwas abschauen kann.

Ähnliche, frühere Beiträge, die man auch gesehen haben sollte:

Ganz was Neues ist Ronny Pries eingefallen, die Navigation seines Blogs hat einen Wohnungsplan zum Vorbild.

ronny foto

Bern Unlimited (Tschechische Republik)
Ein Klappmenü und schon wieder im Grunge-Look.

bern foto

Gianmarco Lauriola geht es düster an. Die Menüpunkte hovern jeweils unterschiedlich.

lauriola foto

Ebenfalls aus der Tschechische Republik. Hier sorgt ein Transparenz-Effekt für das gewisse Extra.

izolage foto

Senrechte Menüpunkte sieht man eher selten. Nopoko Graphics nutzt den eingearbeiteten Pfeil ebenso wie einen starken Hover-Effekt.

nopoko foto

Die Menüpunkte in diesem Beispiel verschieben sich einmal angeklickt auf dem Brett (ohne Flash). Das überrascht und sieht auch prima aus, die Menüpunkte geben jedoch kaum Auskunft über ihr Ziel.

taptap foto

Noch einmal Pfeile, hier bei MyRule Media.

myrule foto

Groß und grell. Soup Studios aus den USA präsentieren sich überhaupt farbenfroh.

pottery foto

 foto

Sven Lennartz

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

14 Kommentare zu „8 weitere Ideen für die Navigation

  1. Meerblickzimmer am 10. September 2008 um 08:40

    Wie immer Danke für die Inspirationen. Jedoch sollte man mal taptaptap (nr. 6) mal mit deaktivierten Javascript ansurfen. Da merkt man, wie schnell “überrascht und sieht auch prima aus” zum aussperren führen kann. Und trotzdem ist es nett und man fragt sich, kann man ein solches Risiko als Webdesigner eingehen oder nicht? Was steht über wem? Die fancy Funktion über dem übervorsichtigen Internetnutzer?

    Gruss. M

  2. Thorsten am 10. September 2008 um 11:43

    taptaptap gefällt mir, auch wenns lästig ist, das so viele Seiten nur funktionieren, nachdem ich noscript deaktiviert habe für die Seite.

    @Sven: Der Satz klingt merkwürdig:
    “Es sieben weiteren Menüs, denen man sich vielleicht und unter Umständen etwas abschauen kann.”

  3. Philipp Küng am 10. September 2008 um 12:02

    @Meerblickzimmer
    Auch wenn taptaptap schön aussieht, würde ich immer noch eine hässlichere aber dafür für alle zugängliche Version vorziehen. Denn momentan sind nicht nur die Browser mit deaktiviertem Javascript ausgeschlossen, sondern auch Lesehilfen von Behinderten, oder die mobilen Browser auf Mobiltelefonen.

    Ein guter Designer allerdings sollte auch fähig sein etwas zu entwerfen, dass toll aussieht, ohne gleich alle Standards zu ignorieren, und potentielle Besucher vor den Kopf zu stossen.

  4. Lukas am 10. September 2008 um 15:46

    Ja, es sind schon ein paar schicke dabei, die meisten vorgestellten funktionieren jedoch nicht schnell genug (Hover-Image wird geladen..). http://www.ronnypries.de/ und http://www.nopokographics.com/ gefallen mir besonders gut.

  5. Andreas am 11. September 2008 um 00:27

    Hier ist auch noch eine nette Navigation: http://www.donmckenzie.ca/

  6. Jemand am 11. September 2008 um 15:08

    @Andreas
    Schöne Seite und schönes Design, allerdings wird bei deaktiviertem JavaScript diese Seite komplett unzugänglich.

  7. Ronny am 11. September 2008 um 17:56

    Vielen Dank für die Blumen! :)

  8. Tobias Pfau am 12. September 2008 um 12:54

    Hier ist ebenfalls eine nette Navigation
    - mit IE6 CSS-Hack für transparent PNG´s

    http://www.tobiaspfau.de/de

  9. Philipp am 12. September 2008 um 13:16

    Wenn man HTML deaktiviert, werden die meisten Navigationen auch nicht angezeigt o_O

    Entweder wollt ihr schöne animierte Navigationen, oder aber eine für alle Zugängliche. Beides geht in den allermeisten Fällen nicht.

    Und da ca. 93% aller User JS aktiviert haben, würde ich den Punkt “Geht aber ohne JS nicht” einfach mal ignorieren.

    Wer in den heutigen Zeiten JS deaktiviert, ist sich doch eh im klaren darüber was das für ihn bedeutet.

  10. Lukas am 12. September 2008 um 16:58

    @Andreas
    genial..

  11. Meerblickzimmer am 15. September 2008 um 12:02

    @Philipp: Seh ich aber völlig anders. Javascript ist ein Beiwerk, ein Zusatz für nette features. Wenn diese Features aber dazu führen, das mir der Inhalt verwehrt bleibt ist es halt der falsche Weg. Klar, ohne Javascript gibts keine tolle Navi – aber der Inhalt sollte immer noch erreichbar sein. Schon mal was von Barrierefreiheit gehört? Scheinbar nicht.

  12. FAMI-Blog » Navigation Inspiration am 16. September 2008 um 15:25

    [...] 8 Ideen für die Gestaltung einer Navigation. Sind wirklich ein paar sehr schöne dabei! [...]

  13. [...] Dr. Web hat einen Interessanten Artikel veröffentlicht, der Designanregungen für Menüleisten beinhaltet. Die Designs, die dort vorgestellt werden, sehen ziemlich gut aus. Wer also auf der Suche nach Anregungen für eine Menüleiste für seine Website ist, der sollte unbedingt dort vorbeischauen. [...]

  14. 9 elegante Navigationsmenüs | Dr. Web Magazin am 10. Oktober 2008 um 08:01

    [...] Ansätze – sie sollen attraktiv wirken und Nutzer beeindrucken. Ein paar interessante Ansätze haben wir schon gesammelt. Hier noch ein paar interessante Lösungen zum Anschauen und [...]

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*