Le site jquerylist.com nous propose de lister tous les plugins jQuery existants (plus de 250 à ce jour) triés par type : les formulaires, les utilitaires pour gérer les navigateurs, travailler avec les CSS, des galeries d’images.. et bien d’autres encore. Une vrai boît à outils à bookmarker.. ce que je viens de faire :)

Description du site : jQuery Ajax tutorials to jQuery UI examples, the ultimate list of tutorials and plugins for jQuery!

Voir le site

Woork nous propose un petit tutorial pour les amateurs de PHP qui souhaitent utiliser et travailler avec l’API de Twitter. Comme vous le savez sans doute, l’un des principales atouts de Twitter est son ouverture et l’API qu’il met à disposition pour toute personne qui souhaite jouer un peu avec le service et nous réaliser de super applications dérivées ;) Voilà donc un article pour vous aider à commencer à appréhender cette API…

Description du site : Apple Applications Gadgets Google Microsoft Social Networks Tech News … Subscribe RSS Feed ReTweet Share on Facebook Add to Technorati. In this post I want to …

Voir le site

La création de diaporama photo est habituellement réalisée par des logiciels dédiés ou des applications de gestions de photos permettant ce genre de création. De plus en plus, des services en ligne permettent ce genre de réalisation souvent sous le forme d’un simple lecteur de photos en flash ou Javascript exportable. Animoto va plus loin… beaucoup plus loin même en réalisant une vraie vidéo de vos photos en les animant en musique et de façon très moderne !

Exemple de diaporama réalisé avec Animoto.com

Plutôt que de vous faire un long discours pour décrire le rendu, je me suis amusé à justemment créer un diaporama avec quelques fonds d’écran Apple… le tout en 10min chrono. Voci le résultat :

^{Plutôt sympa non comme rendu final ?}

Fonctionnement du service

Concrètement, le service vous permet de créer des vidéos/diaporamas de 30 secondes (gratuitement mais payant pour plus long) à partir de photos sur votre ordinateur ou depuis Flickr, Facebook, Picasa, etc., de choisir ensuite une musique (libre de droit) depuis votre ordi ou depuis leur bibliothèque de musiques disponibles et puis vous laissez le service travailler… En quelques minutes, la vidéo est prête et vous pouvez l’exportez sur votre blog (comme ci-dessus), sur Youtube, la télécharger (payant).

^{Interface de création d’un diaporama}

Conclusion : un service à tester

Oui animoto.com est clairement un service à tester. Il est simple à utiliser (interface en full flash bien pensée), donne un résultat vraiment sympa (même dans sa version gratuite) et utilisable facilement. A cela s’ajoute une version iPhone pour faire vos vidéos depuis votre mobile (!!) et une version facebook. Enfin, la version payante permet encore plus de libertés avec la possibilité de télécharger le résultat final, de l’utiliser à des fins commerciales, ou d’utiliser le service en marque blanche et donc sans le logo d’animoto..

Vous en connaissez d’autres dans le même style ? Je suis preneur ^_^

Je suis tombé par hasard sur ce site plutôt original : « The Do’s & Don’ts of Modern Web Design » liste les
ressources (articles, réflexions, tutoriaux, etc) intéressantes sur le sujet du webdesign et plus exactement sur ce qu'il faut faire pour concevoir des interfaces modernes et au contraire ce qu'il ne faut pas faire ! Une approche intéressante pour les curieux comme moi mais aussi pour les pro du domaine je pense…

Description du site : Tips & tricks for the modern day web designer … Drop us an e-mail at hi (at) webdosanddonts.com. Submit a tip. Your Submission: Your name * Your e-mail. Your website. The link …

Voir le site

Une page d’accueil riche

A peine arrivé sur le site, j’ai vite compris la démarche entreprise par Axa : proposer à ses visiteurs une ergonomie et une interactivité innovantes sous la forme d’une interface riche.
La prise de parti est importante pour un acteur d’ordinaire non-web : menu en 3D, effet de transparence, recherche prédictive à la Google (en même plus intelligent !),
carrousels d’images, des champs de recherche prédictifs, etc. Le plus marquant est certainement la page d’accueil où la mise en oeuvre de ces changements donne de la profondeur au site.

Des pages intérieures plus classiques

Au fil des pages, je découvre la baseline de l’assureur : «réinventons notre métier» qui je trouve colle plutôt bien avec cette nouvelle interface (si ce n’est pas l’inverse :) ).
Les pages intérieures sont plus classiques, l’information est plutôt bien structurée et le contenu est proposé de manière organisée.
Pour palier au grand nombre de pages de contenus existantes, les concepteurs du site ont choisi de mettre en place un menu qui s’affiche au survol et qui prend une place énorme sur le site (ce que l’on voit de plus en plus sur le web en ce moment et que je n’aime pas du tout !). Cela apporte une bonne visibilité de toutes les entrées disponibles pour le sous-menu mais occupe une place quasiment aussi grande que le site en lui-même. Dommage je trouve.

Des services encore limités

Mis à part les contenus froids (texte de fiches produits, contenu légaux, etc.), le site propose quelques services comme l’adhésion en ligne ou la génération d’attestation d’assurance en ligne. Une gestion de l’espace client est également présente mais je n’ai pu la tester n’étant pas client personnellement. On trouve donc les services de bases que l’on attend de ce genre de site. Il est regrettable qu’Axa n’ait pas poussé l’innovation plus loin en proposant par exemple un comparateur riche (flash ou autre). De même, certains problèmes persistent comme les résultats de recherche qui s’affichent avec des problèmes d’encodage de caractères, etc.

Une démarche au final innovante mais sans excès

Quid d’un tel changement sur un site à l’origine ciblant des internautes classiques et donc peu expérimentés ? Je dois dire que même si le changement est marqué et que l’interface riche apporte beaucoup (plus d’un point de vue graphique que fonctionnel), cette mise en oeuvre se fait sans excès : avec la retenue nécessaire pour ne pas perdre les internautes classiques et l’innovation suffisante pour se démarquer.
J’en retiens toutefois un beau pas avant pour un acteur dont le coeur de métier n’est pas le web mais qui considère visiblement ce canal avec de plus en plus d’attention…

article rédigé à la demande de Blogrider

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 !

Retrouvez les URL de tous les services montrés dans cette vidéo dans l’article de Galdric.

L’auteur, interactive designer et freelance de métier, nous propose ainsi tout un ensemble d’exemples concrets en AIR mais aussi des tutoriaux, de l’actualité et quelques ressources pratiques pour les développeurs. Le site est bien fait et met surtout en avant les différents applications AIR invitant les lecteurs à les notes ou à les commenter.

Deux applications ont particulièrement attiré mon attention :

• Finetune qui est un player audio en développement depuis les premières release de AIR et qui commence vraiment à proposer une expérience intéressant aux utilisateurs.
• WebKut qui est une application pour faire des captures d’écran très facilement avec des possibilités de ne captures que certaines parties de l’écran

Ce catalogue d’applications en ligne me fait beaucoup penser au catalogue d’applications en Flex lancé par Adobe il y a quelques mois. Dommage que comme celui-ci, freshAIRapps.com ne soit pas réalisé lui-même dans une technologie riche.

Bref ce site est une belle idée à suivre pour tout ceux qui s’intéressent aux technologies riches et plus particulièrement à AIR.

Vous savez sans doute que je suis assez fan de toutes les évolutions du web et en particulier de cette belle évolution qui est entrain de se mettre en place petit à petit au niveau des interfaces web à savoir les Rich Internet Application ou RIA sur lesquelles j’ai déjà eu l’occasion d’écrire (présentation des applications riches). A ce titre, la Fnac vient de mettre en ligne au début du mois, une nouvelle interface pour ses produits informatique et devrait étendre rapidement ce mode de navigation aux autres rubriques. L’interface est pour une partie basée sur la technologie OpenLaszlo qui permet une certaine souplesse pour se connecter au Système d’Informations tout en générant du Flash permettant une interface riche. Pour le reste du site, on retrouve du Dhtml mis judicieusement en œuvre pour améliorer l’expérience utilisateur et la rendant plus interactive.

Concrètement, cette interface permet aux visiteurs une navigation plus fluide entre les produits sans rechargement de page mais aussi le drag & drop pour déplacer des produits sélectionnés de façon plus fluide. Enfin certaines fonctionnalités ont été également revue pour gagner en intuitivité comme le système de filtres sur une liste de résultat qui devient un véritable assistant en conseil d’achat pour trouver le produit de son choix comme si l’utilisateur recevait les conseil d’un vendeur. Par ailleurs, il est intéressant de noter que la Fnac a également mis en place un système de fourchette de prix visuellement claire tout en restant facilement utilisable dont j’apprécie la mise en œuvre sur la liste de résultats.

Personnellement, je trouve cette première mouture plutôt réussie. Le résultat n’est pas parfait et certains points demanderaient des évolutions mais la Fnac a réussi à mettre en place un parcours utilisateur intuitif via une interface riche sans pour autant dérouter les habitués et les clients plus traditionnels je pense. Je serai curieux de connaître l’évolution de leur ROI suite à ce changement et vois quels sont les retours des utilisateurs non-initiés. Pour ce qui est des RIA, je ne peux que saluer comme je le disais cette belle initiative de se lancer dans un univers encore en plein développement et où les acteurs cherchent encore à prouver la valeur ajoutée de telles interfaces. Nice move ! Si cela pouvait montrer aux autres enseignes que les RIA sont une belle avancée entrain de se démocratiser, cela ne pourrait que lancer une belle course à la créativité j’en suis sur ! Il reste encore tellement à inventer dans ce domaine.

Disclosure : article sponsorisé

Certes Photoshop Express ne permet pas toutes les fonctionnalités d’un Photoshop normal mais je dois avouer que l’expérience utilisateur est assez géniale ! Le Flex apporte son lot de possibilité en termes d’interfaces et Adobe a sur le exploiter aux mieux pour rendre l’application simple et intuitive. Par ailleurs la fonctionnalité « pein écran » prend ici tout son sens en donnant la possibilité à l’utilisateur de sortir du navigateur classique pour avoir une application occupant tout l’espace de son écran.

En termes de fonctionnalités de retouche, on retrouve tous les classiques comme rogner une image, modifier l’exposition, retoucher le niveau de saturation , la balance des blancs, ou encore laisse l’application régler les couleurs automatiquement. Certains effets sont aussi disponibles comme le passage en noir et blanc, une distorsion de la photo ou encore un coloriage automatique de la photo assez bluffant ! Le site propose également tous les outils pour gérer ses albums et donc organiser ses photos.

On peut dors et déjà tester l’application sans s’inscrire mais si vous souhaitez uploader vos propres images, il faudra vous inscrire au préalable. Vous disposerez alors de 2Go d’espace gratuit.

Enfin il est intéressant de noter que Ryan Stewart nous parle déjà d’une future version AIR/offline de Photoshop Express ! Une belle évolution logique !

Je vous laisse, je retourne tester cette petite merveille !