Alors qu’Adobe vient de mettre à jour Flash Player sur Mac pour corriger des bugs et surtout ajouter le support du décodage vidéo H264 par la carte graphique, vous vous êtes peut-être déjà demandé comment connaître la version exacte installée sur votre machine. Plutôt que d’essayer de trouver l’information dans les sous-sous-menus de Flash Player, le site MyFlashPlayer.net vous donne l’info immédiatement ! Pratique comme service non ?

→ Voir le site

Il existe de nombreux outils en ligne pour « jouer » avec les couleurs et trouver des gammes chromatiques ou les bonnes couleurs à accorder avec la couleur de son choix. Parmi ces outils, j’ai découvert ce week-end le très simple et efficace Elvan Online. Il s’agit d’un générateur de thèmes chromatiques. A partir d’une couleur au hasard ou de la couleur de votre choix, l’outil vous fournit les couleurs en harmonie correspondantes et différentes variations. Le genre d’outil pratique pour les designers ou les simples curieux qui cherchent quelles gamme de couleurs utiliser avec une couleur de base. Dans le même genre, je vous avais déjà présenté l’excellent outil d’Adobe : Adobe Kuler.

Vous en connaissez d’autres ?

Vous avez très certainement déjà vu la démo d’un site proposant un magazine en lecture numérique via une interface en Flash reproduisant un journal réel : vous pouvez tourner les pages à la main, zoomer/dézommer sur du contenu, etc. A ce sujet, je viens de découvrir MegaZine 3 :un moteur de rendu en Flash permettant de réaliser ce genre d’interface. Le tout est développé en AS3, paramétrable via du XML et gratuit !

→ Voir le site

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.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-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

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

^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 ?

^{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…

^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.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

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 !

^{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.

^{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…

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.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.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

^{Merixstudio.com}

Audiko fait parti des sites qui ne font qu'une chose mais qui le font bien ! Vous pouvez ici très facilement créer une sonnerie pour téléphoné portable (et notamment iPhone) gratuitement et directement en ligne depuis un MP3. Vous l'uploadez, choisissez le passage de la chanson que vous voulez en sonnerie et hop le fichier correspondant (et dans le bon format) vous est proposé immédiatement. Le tout via une interface en Flash bien pensée. A garder de côté

Description du site : Audiko is a simple service which helps you to make a ringtone of your favorite song!

Voir le site

je vous invite à découvrir ici un article de WebDesignerWall qui y compile une quizaine d'exemples de galeries photos en Flash plutôt bien pensées que ce soit d'un point de vue ergonomique, d'un point de vue graphique ou encore au niveau des animations… du plaisir pour les yeux…

Description du site : At Best Web Gallery, I occasionally come across good Flash sites. In this post, I want to feature the best photographer sites (with amazing photos …

Voir le site

Vous l’aurez sans doute remarqué : on voit de plus en plus de carrousels sur les sites Internet ou les applications de nos ordinateurs. Ces petits composants qui permettent de naviguer de manière originale et visuelle dans les médias comme les photos apportent une expérience différente aux utilisateurs et repoussent un peu plus loin les limites de l’interaction avec les interfaces.

J’ai trouvé une très très bonne vidéo de SmartExperience qui retrace l’histoire du carrousel (créé par Apple si on en croit leur sources). Vous le découvrirez dans cette vidéo en anglais d’un peu plus de 5 minutes, il existe des dizaines et des dizaines de carrousels différents plus ou moins bien pensés et réalisés.

Le narrateur de la vidéo va plus loin que de simplement présenter divers exemples, il montre aussi ce qu’apporte fonctionnement ce genre de composants et les possibilités qu’ils offrent pour enrichir nos interfaces.

Personnellement, j’ai un avis mitigé sur l’utilisation de ces composants. On peut distinguer deux principales raisons à mettre en place un carrousel sur son site : l’enrichir graphiquement ou fonctionnellement. Graphiquement, le gain est immédiat et très visible. Fonctionnement, c’est plus difficile d’allier l’utile à l’agréable. Tous les sites ou services n’y parviennent pas. Si je ne devais citer qu’un exemple d’une mise en place réussie, je parlerais évidemment de Cooliris qui a très certainement contribué à l’évangelisation de ces tels modules.. En proposant une interface magnifique (et vraiment très fluide) et une utilisation simplifée et intuive, ce carousel reste un des meilleurs exemples.

Et vous, vous les aimez ces fameux carrousels ?

Certains le savent sans doute, j’apprécie particulièrement toutes les interfaces web riches. Je trouve qu’elles apportent une dimension nouvelle dans l’approche d’Internet et dans l’interaction qu’un utilisateur peut avoir avec un site Internet. Bien loin des sites full-flash d’il y a 4 ou 5 ans, ces nouvelles interfaces sont moins lourdes, conçues sur des technos plus robustes (Flex en tête) et permettent une maintenabilité presque supérieure à des technos plus classiques.

En 2007, j’avais consacré un dossier sur le thème des RIA en 3 parties : présentation et définition des RIA, technologie et exemples de RIA, et enfin une partie sur l’avenir des RIA. Aujourd’hui c’est une présentation SlideShare que je souhaite vous faire découvrir. Camille Roux a en effet donné un cours de 2 h en décembre dans une école d’ingénieur de Nice et partage ces quelques 135 slides sur le thème des RIA et de Flex. Merci à lui

La présentation se décompose en deux parties :

1. Présentation et définition des clients riches.
2. Présentation de la technologie d’Adobe : Flex / Air.

Voici les slides :

Pour les curieux, n’hésitez pas à faire un retour sur le catalogue d’exemples d’applications Flex !