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 :)
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.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 !
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
TapTapTap.com
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 :)
ericj.se
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 ?
JohnnySlack.com
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…
Mobilux.eu
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.com
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
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 !
JonathanYuen.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.
MatthiasDittrich.com
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…
Aigahonolulu.org
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.com
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.ru
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
Merixstudio.com
1. www.tanek.fr avec Tanek » Blog Archive » links for 2009-06-23 le 23 juin 2009.
1. Commentaire posté par deili le 22 juin 2009 à 20 h 50 min
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. Commentaire posté par Fred H. le 22 juin 2009 à 21 h 13 min
Ya aussi celui-ci qu’un ami vient de me faire découvrir : http://www.bananacafe.com.br/
@+
3. Commentaire posté par eiffair le 22 juin 2009 à 21 h 16 min
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. Commentaire posté par Alexandre le 22 juin 2009 à 22 h 12 min
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. Commentaire posté par Thierry le 22 juin 2009 à 23 h 13 min
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. Commentaire posté par Frédéric Cozic le 23 juin 2009 à 7 h 18 min
@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. Commentaire posté par xrecipes.net le 27 juin 2009 à 13 h 17 min
Excellent… best post.
8. Commentaire posté par top juegos le 14 juillet 2009 à 18 h 59 min
exelent post! gracias!!!
9. Commentaire posté par mesorigines.fr le 17 août 2009 à 21 h 17 min
Excellent… Merci
10. Commentaire posté par Simon le 18 septembre 2009 à 15 h 48 min
Ah oui là on touche vraiment aux musts ultimes ! :)