50 Fantastici Menu per una navigazione User-Friendly

L’usabilità è qualcosa di cui ogni sito web ha veramente bisogno. Stabilisce dove gli utenti vengono guidati e come interaggiscono con il sito. Senza una cura della navigazione dei buoni contenuti, difficili da raggiungere sono quasi inutili. I menu devono essere semplici da comprendere ma anche descrittivi ed informativi, per guidare velocemente l’utente nella scelta delle informazioni.

Di seguito presento una lista di 50 Fantastici Menu per una navigazione User-Friendly basati su CSS+JavaScript e su Flash COmunque hanno tutti qualcosa in comune: sono tutti user-friendly creativi e perfettamente in linea con lo stile grafico dei loro rispettivi siti.

1. Menu di navigazione realizzati con CSS

Loodo
Un menu colorato in sintonia con il sito.

Screenshot

Acko.net
Una prospettiva inusuale ma un impatto assicurato!

Screenshot

Web Design Ledger
Un menu un po’ over-size ma non disturba nell’insieme del sito.

Screenshot

UX Booth
Interessante utilizzo di una box di sotto testo per ogni menu.

Screenshot

Nopokographics
La navicazione verticale è utilizzata raramente perchè è difficile da usare. A volte i designer utilizzano un approccio inusuale. qui freccia e un effetto on-mouse over migliorano l’uso del menu.

Screenshot

Icon Designer
Un menu basato su una grande imagine. In questo modo l’attenzione degli utenti è focalizzata sul menu.

Screenshot

Cosmicsoda
Non passa inosservato questo colorato menu.

Screenshot

Designsensory
Un menu drop-down intuitivo con 2 colori utile per differenziare la navigazione attiva dalla passiva.

Screenshot

Smallstone
questo menu di una casa discografica si adatta perfettamente al target ed al messaggio, rimanendo utilizzabile ed intuitivo.

Screenshot

TNVacation
I menu a cascata sono difficili da rendere gradevoli ecco un esempio efficace.

Screenshot

Clearleft
un paio di pezzi di carta per la navigazione?

Screenshot

45royale
semplice ed efficace navigazione.

Screenshot

Design Intellection
Un esempio eccellente.

Screenshot

Ronnypries.de
Un menu non deve esere per forza tradizionale per funzionare, la creatività può essere utilizzata per rendere il menu accattivante e pur sempre intuitivo.

Screenshot

Jiri Tvrdek
Un esempio di creatività memorabile.

Screenshot

Water’s Edge Media
Sicuramente originale!

Screenshot

Matt Dempsey
Un colpo di pennello per evidenziare i link.

Screenshot

Cognigen
Una navigazione chiara pulita ed intuitiva.

Screenshot

District Solutions
Anche le tabbelle laterali sono utilizzate raramente ma possono dare un bellissimo effetto!

Screenshot

Jayme Blackmon
Una lista delle cose da fare: visto questo… questo…

Screenshot

Jeff Sarmiento
Non sempre pa specularità e la precisione geometrica paga, un esempio?

Screenshot

Studioracket
Un menu disegnato a mano per una navigazione veramente inusuale!

Screenshot

Cultured Code
Leggero e bilanciato, semplice ed efficace.

Screenshot

Nando Designer
una navigazione ed un menu con scritte a mano.

Screenshot

Bonfiremedia
Qualche scritta a volte può bastare…

Screenshot

Artgeex
Interessante menu tipografico.

Screenshot

Gloobs
Francobolli nel menu dei contatti!

Screenshot

South Creative
Un menu largo comodo ed un gradevole effetto al passaggio del mouse.

Screenshot

Mac Rabbit
Un ulteriore esempio di menu largo e comodo..

Screenshot

RapidWeaver
Un grande sub-menu ed un menu raffinato.

Screenshot

DFW UPA
Un menu a base di icone.

Screenshot

Revolution Driving Tuition
Un menu grunge style!

Screenshot

Duarte Pires
Il menu è molto vicino al contenuto ed è di facile utilizzo. Forse le icone non sono il massimo, ma sono gradevoli.

Screenshot

Valetin Agachi
Menu descrittivo e chiaro.

Screenshot

Tutorial9
un menu molto usabile.

Screenshot

2. Menu di navigazione in CSS e JavaScript

Agami Creative
Un tooltip per un menu originale. Accopiata vncente!

Screenshot

Whitehouse.gov
Ecco un eccelletne esempio di come organizzare una gran quantità di contenuti.

Screenshot

AppStorm
Un menu in J-query per un menu a discesa.

Screenshot

Eric Johansson
Immagini molto alte per questo menu.

Screenshot

Coda
Un ottimo menu.

Screenshot

Dragon Interactive
Un altro menu a base dijQuery con un grande effetto visivo.

Screenshot

Bern
Un menu ben realizzato, veramente bello.

Screenshot

Abduzeedo
Un menu a slide.

Screenshot

3. Menu di navigazione realizzati con Flash

Iipvapi
Colorato e divertente.

Screenshot

Not Forgotten: The Movie

Screenshot

Nick Tones
Menu colorato ed usabile.

Screenshot

woonky.ideas
Ogni ogetto rivela cosa si può trovare all’interno, un menu originale ed utile.

Screenshot

Gotmilk

Interessante, semplice e funzionale!

Screenshot

Spectra Visual Newsreader
Un bellissimo e colorato menu in flash.

Screenshot

NickAD
Una navigazione facile da usare.

Screenshot

Sensi Soft
Questo menu in flash ha una navigazione intuitiva e avvolgente.

Screenshot

4.Menu di navigazione altamente utilizzabili

tap tap tap
Grandiosi effetti in questo menu.

Screenshot

Apple

Screenshot

Alex Buga
Un menu largo e comodo.

Screenshot

CREASENSO
Un menu per organizzare bene tutti i contenuti.

Screenshot

polargold
Un portfolio in flash con menu veramente utile.

Screenshot

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. Menu di navigazione in verticale

Danny Blackman

Screenshot

Tomas Pojeta

Screenshot

volll

Screenshot

Mediocore

Screenshot

6. Menu laterali User-Friendly

FreelanceSwitch

Screenshot

Fubiz

Screenshot

Checkout

Screenshot

Ruby Tuesday

Screenshot

Concentric Studio

Screenshot

Barack Obama

Screenshot

GABBO DESIGN

Screenshot

Fonte : sm.

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...