La usabilidad es uno de los objetivos de cualquier sitio web, y navegación accesible es algo que cada sitio necesita, ya que determina cómo los usuarios interactuarán con el sitio. Sin navegación accesible, todo se convierte en un caos. Los menús necesitan ser simples para que el usuario lo pueda entender, pero pueden contener otros elementos para guiar al usuario en el recorrido por el sitio web. Con creatividad e inspiración, eso sí.

Os presentamos 50 menús de navegación bonitos, hechos en CSS, CSS + Javascript y diseños Flash. Todos ellos tienen algo en común: Son amigables de cara al usuario y combinan perfectamente con el diseño del sitio web que le corresponde.

1. CSS-Based Navigation Menus

Loodo

Acko.net

Web Design Ledger

UX Booth

Nopokographics

Icon Designer

Cosmicsoda

Designsensory

Smallstone

TNVacation

Clearleft

45royale

Design Intellection

Ronnypries.de

Jiri Tvrdek

Water’s Edge Media

Matt Dempsey

Cognigen

District Solutions

Jayme Blackmon

Jeff Sarmiento

Studioracket

Cultured Code

Screenshot

Nando Designer

Screenshot

Bonfiremedia

Artgeex

Screenshot

Gloobs

Screenshot

South Creative

Screenshot

Mac Rabbit

Screenshot

RapidWeaver

No dispone de accesibilidad suficiente ya que si desactivamos las imágenes el menú no se muestra.

Screenshot

DFW UPA

Screenshot

Revolution Driving Tuition

Screenshot

Duarte Pires

Screenshot

Valetin Agachi

Screenshot

Tutorial9

Screenshot

2. CSS Menus con JavaScript

Agami Creative

Screenshot

Whitehouse.gov

Screenshot

AppStorm

Screenshot

Eric Johansson

Screenshot

Coda

Screenshot

Dragon Interactive

Screenshot

Bern

Screenshot

Abduzeedo

Screenshot

3. Menus basados en Flash

Iipvapi

Screenshot

Not Forgotten: The Movie

Screenshot

Nick Tones

Screenshot

woonky.ideas

Screenshot

Gotmilk

Screenshot

Spectra Visual Newsreader

Screenshot

NickAD

Screenshot

Sensi Soft

Screenshot

4. Navegación altamente utilizable

tap tap tap

Screenshot

Apple

Screenshot

Alex Buga

Screenshot

CREASENSO

Screenshot

polargold

Colourpixel

Screenshot

DVEIN

Screenshot

Alexandru Cohaniuc

Screenshot

Porsche Canada

Screenshot

Jeremy Levine Design

Screenshot

firstborn

Screenshot

Benjamin David

Screenshot

Thibaud’s Portfolio

Screenshot

Jason Reed Web Design

Screenshot

Marius Roosendaal

Screenshot

5. Navegación vertical

Danny Blackman

Screenshot

Tomas Pojeta

Screenshot

volll

Screenshot

Mediocore

Screenshot

6. Menús sidebar amigable al usuario

FreelanceSwitch

Screenshot

Fubiz

Screenshot

Checkout

Screenshot

Ruby Tuesday

Screenshot

Concentric Studio

Barack Obama

Screenshot

GABBO DESIGN

Screenshot

Vía | Smashingmagazine