8 weitere Ideen für die Navigation

Werbung

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.

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

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.

Screenshot

Noch einmal Pfeile, hier bei MyRule Media.

Screenshot

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

Screenshot

Weitere Beiträge:

Über 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 10. September 2008 at 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 10. September 2008 at 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 10. September 2008 at 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 10. September 2008 at 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 11. September 2008 at 00:27 #

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

  6. Jemand 11. September 2008 at 15:08 #

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

  7. Ronny 11. September 2008 at 17:56 #

    Vielen Dank für die Blumen! :)

  8. Tobias Pfau 12. September 2008 at 12:54 #

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

    http://www.tobiaspfau.de/de

  9. Philipp 12. September 2008 at 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 12. September 2008 at 16:58 #

    @Andreas
    genial..

  11. Meerblickzimmer 15. September 2008 at 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.

Trackbacks

  1. FAMI-Blog » Navigation Inspiration - 16. September 2008

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

  2. Designanregungen für Menüleisten | Grafikdesign-Magazin - 26. September 2008

    [...] 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. [...]

  3. 9 elegante Navigationsmenüs | Dr. Web Magazin - 10. Oktober 2008

    [...] 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 [...]

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free