14 sites qui proposent des interfaces ou navigations vraiment originales

Ce qui est génial avec le web, c’est qu’il se réinvente tous les jours.. Chaque nouvelle journée est souvent l’occasion de découvrir de belles nouveautés imaginées par les développeurs ou concepteurs web… Aujourd’hui je vous propose une sélection de quelques unes des interfaces ou style de navigation qui sortent de l’ordinaire…

Vous le constaterez comme moi, ces exemples sont loin d’êtres tous exploitables dans le cas d’un site web classique mais représentent des prototypes ou des concepts, souvent sources d’inspiration. Pour visiter les sites, il vous suffit de cliquer sur les images :)

AgencyNet.com

Pour un site en full-flash, je dois dire que cette webagency y ait allé fort : pour naviguer dans leur site et découvrir qu’ils sont, il suffit de se balader dans leurs locaux virtuels redessinés pour l’occasion…

agencynet-screenshot - aysoon.png

AgencyNet.com

Red-Issue.com

Dans ce site en full-flash, la navigation se fait au clavier (avec les flèches) ou en traçant à la souris le lieu où vous voulez vous rendre( uen flèche « > » pour aller à gauche par exemple). Original, oui c’est sûr… utile ? franchement non !

red-isue-screenshot - aysoon.png

Red-Issue.com

TapTapTap.com

Ce site nous propose un design soigné avec une navigation basée sur les différentes icônes d’applis iPhone qu’ils développent. Un placement intéressant d’une barre de menu classique

tap tap tap ~ tasty bits for your iPhone.png

TapTapTap.com

ericj.se

Ce site d’un designer suédois (qui semble aimer aussi le scooter) m’a clairement fait rire avec sa navigation plus qu’originale sous la forme d’un grand scroll horizontal.. à visiter absolument :)

Eric-Johansson-screenshot - aysoon.png

ericj.se

JohnnySlack.com

Proposant une interface sur deux niveaux : colonne et ligne, ce site permet de naviguer facilement de contenu en contenu. Cela me fait penser un peu à la Sony PSP (même si je n’en possède pas).. quelqu’un confirme ?

Johnny-Slack-screenshot - aysoon.png

JohnnySlack.com

Mobilux.eu

Ce site a attiré mon attention pour sa galerie photo présentée sous la forme d’une roue (qui tourne :) ). Simple mais plutôt originale…

SC-Mobilux-SRL-screenshot - aysoon.png

Mobilux.eu

Nickad.com

Vous connaîtrez peut-être déjà ce site que l’on a souvent vu cité comme « innovant » : la navigation se fait ici en laissant le clic droit enfoncé ce qui masque la page actuelle pour faire apparaître un menu où l’on navigue ensuite en glissant la souris.

Nickad-screenshot - aysoon.png

Nickad.com

Ai interactive Media

Plus complexe à appréhender, ce site porpose une navigation basée sur des disques à drag & droper pour naviguer parmi les contenus. Original mais j’ai rapidement passé mon chemin…

Ai-interactive-Media-screenshot - aysoon.png

Ai interactive Media

JonathanYuen.com

Ce site est aussi très connu et il y a de quoi ! Si vous ne l’avez jamais visité, je vous invite à le faire sans vous en dire plus afin de vous laisser apprécier le moment !

Jonathan-Yuen-screenshot - aysoon.png

JonathanYuen.com

MatthiasDittrich.com

Voici une navigation encore différente sur la base d’une colonne d’info où chaque ligne peut être dépliée pour accéder au contenu.

Matthias-Dittrich-interaction - aysoon.png

MatthiasDittrich.com

Aigahonolulu.org

Ce site est un bon exemple de ce que l’on voit de plus en plus sur le web : une immense zone de contenue avec une vue zoomée et que l’on peut déplacer. Cela donne l’impression d’être sur un immense site Internet où l’on peut se balader…

AIGA-HI-50 - aysoon.png

Aigahonolulu.org

Sugarrhyme.com

Très belle navigation verticale pour ce site présentant des réalisations de graphismes. L’idée est bonne et la réalisation sympa (être graphiste, ça aide, y a pas de secret..)

Sugarrhyme-screenshot - aysoon.png

Sugarrhyme.com

Media5.ru

Même si la navigation de ce site est plutôt classique : un menu tout bête, les actions qui en découlent (animations, changement d’écrans, etc.) valaient le coup que je cite ce site ici, non ?

media5-screenshot - aysoon.png

Media5.ru

Merixstudio.com

Pour finir sur un site qui n’est pas en Flash (ben oui, on peut faire original, sans flash !), ce site propose un simple scroll horizontal ( un peu à la Apple) mais où j’ai particulièrement apprécié la bonne interaction avec la souris : à tester pour se rendre compte

Merix Studio - Website Design & Development Agency - aysoon.png

Merixstudio.com

Découvrez aussi les sous-titres à télécharger

Trouver le sous-titre pour Homeland. Il n'y a pas meilleur manière de trouver un sous-titre rapidement et de le télécharger rapidement.
12 Commentaires (ajouter le vôtre)
  1. deili

    Merci pour tous ces liens que je connaissais pas. Mon coup de coeur revient pour JonathanYuen.com qui est magnifique en tout point. De tres bonnes idées dégagent de ce site.

  2. Fred H.

    Ya aussi celui-ci qu’un ami vient de me faire découvrir : http://www.bananacafe.com.br/
    @+

  3. Sélection très sympathiques.
    Même si les délires de graphistes accouchent parfois de sites à l’ergonomie en retrait. Dans ce cas la double navigation est la bonne solution.

  4. Le guichet virtuel de la poste suisse est aussi assez original comme navigation Flash : http://www.poste.ch/fr/index/uk-privatkunden/uk-virtueller-postschalter.htm

  5. Exact pour JohnnySlack.com. Navigation très ressemblante à celle de la PSP. Et c’est plutôt malin de l’avoir adapté au web. J’aime bien ce genre de navigation mais ça devient limite lorsqu’il y a plus de 4 niveaux de hiérarchie.
    Très bon article qui donne de bonnes idées.

  6. Frédéric Cozic, auteur de cet article

    @deili : oui il reste une genre de référence sur le sujet ;)
    @Fred H. : ah oui effectivement, Bananacafe.com.br/ est sacrement original aussi, il mérite le détour
    @eiffair : oui cela peut être une bonne idée de toujours veiller à ce que l’internaute ne soit pas perdu. Une navigation classique restera toujours un bon secours…
    @Alexandre : pas mal non plus même si plus classique
    @Thierry : ah je savais bien que c’était comme sur la PSP :)

  7. [...] 14 sites qui proposent des interfaces ou navigations vraiment originales (tags: navigation inspiration UX) [...]

  8. Excellent… best post.

  9. exelent post! gracias!!!

  10. Excellent… Merci

  11. Ah oui là on touche vraiment aux musts ultimes ! :)

© 2006-2017 Frédéric Cozic  
Propulsé par Wordpress sous licence Creative Commons