Blog inspirant depuis 2008

Ces sites avec navigation verticale vous feront abandonner vos menus classiques

Sur la grande majoritĂ© des sites web, on utilise des menus horizontaux pour naviguer d’une rubrique Ă  l’autre. Pour autant, il n’est pas impossible de proposer une belle expĂ©rience utilisateur avec la navigation verticale : voici 10 preuves pour vous convaincre !

Le gĂ©ant Amazon, par exemple, mobilise trĂšs bien le concept et d’autres sites, moins connus et dans tous les univers, sont caractĂ©risĂ©s par une excellente interface Ă  l’horizontale.

Laissez-vous sĂ©duire par ces diffĂ©rents concepts et parcourez les sites, ils pourront vous donner de l’inspiration.

1. The Metrick System

L’agence de publicitĂ© The Metrick System a mobilisĂ© la navigation verticale pour concevoir un menu simple et intuitif. CouplĂ© avec un design soignĂ©, le menu est prĂ©sentĂ© dans un style moderne et Ă©purĂ©.

2. Medienstadt. koeln

Le menu vertical du site allemand medienstadt. koeln n’est pas visible au premier coup d’Ɠil. Au dĂ©part, il s’agit d’un « hamburger ». Un simple clic suffit pour trouver diffĂ©rentes catĂ©gories : une interface trĂšs lisible.

3. Michael Ngo

Le portfolio de Michael Ngo est innovant. Sur le menu vertical, on trouve seulement trois catĂ©gories. C’est trĂšs Ă©purĂ©, vraiment simple Ă  utiliser et plutĂŽt joli Ă  regarder. Et mĂȘme si la page dĂ©file, le menu reste accessible : pratique !

4. Nua Bikes

L’interface de Nua Bikes est trĂšs soignĂ©e. Minimaliste et Ă©purĂ©e, elle est en cohĂ©rence totale avec les attentes des internautes. Le menu vertical, plutĂŽt volumineux, se transforme en hamburger quand on rĂ©trĂ©cit la fenĂȘtre. Un site modulable selon les pratiques de chacun.

5. Corum

Le menu vertical du site Corum charge trÚs vite et reste trÚs facile à utiliser. Il se décline sur un format hamburger pour la version mobile, ce qui permet une navigation trÚs simple sur tous les supports. Une expérience vraiment satisfaisante.

6. Amazon

Inutile de vous prĂ©senter Amazon, le gĂ©ant du e-commerce. Sur un site trĂšs dense, le menu vertical est trĂšs facile Ă  moduler : il permet de filtrer simplement ses recherches et demeure toujours intuitif dans l’usage.

7. Mammoth Media

Le site Mammoth Media ne recĂšle pas une grande quantitĂ© de contenus. Mais leur organisation est millimĂ©trĂ©e, grĂące Ă  un menu vertical Ă©lĂ©gant, rapidement comprĂ©hensible. Dans certains cas — comme dans celui-ci, la simplicitĂ© est un vĂ©ritable atout.

8. Smokey Bones

Dans le domaine de la restauration, le site web Smokey Bones est en mesure d’aiguiser votre appĂ©tit ! De grandes images donnent littĂ©ralement l’eau Ă  la bouche et une navigation verticale permet de dĂ©couvrir les menus et autres spĂ©cialitĂ©s de la structure.

9. Arbor Restaurant

Sur le site d’Arbor Restaurant, le menu vertical s’accompagne d’un autre bloc vertical avec des contenus. Au premier abord, la comprĂ©hension de l’interface est assez complexe mais, au final, on apprĂ©cie quand mĂȘme cette prĂ©sentation trĂšs crĂ©ative.

10. Van Gogh Museum

L’expĂ©rience sur le site du Van Gogh Museum est vraiment unique. Plusieurs blocs verticaux permettant de s’informer ou d’aller d’une rubrique Ă  l’autre ont Ă©tĂ© mis en place. MalgrĂ© l’abondance de renseignements, on peut facilement s’y retrouver, preuve de l’efficacitĂ© d’un menu vertical !

Source : Webdesignerdepot

Laisser un commentaire