http://www.interfacesriches.fr Toute l'actualité des interfaces riches (Flash, HTML5, 3D...) Wed, 13 Mar 2013 06:40:23 +0000 fr-FR hourly 1 http://wordpress.org/?v=3.5.2-alpha RIA + Finance en ligne = TradeMonster http://www.interfacesriches.fr/2009/04/08/ria-finance-en-ligne-trademonster/ http://www.interfacesriches.fr/2009/04/08/ria-finance-en-ligne-trademonster/#comments Wed, 08 Apr 2009 21:04:33 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=438 En ce moment les traders n’ont pas la côte (sans mauvais jeux de mot), il n’empêche que je souhaiterais vous faire découvrir une très belle interface riche à destination des boursicoteurs : TradeMonster. L’ambition de ce service est de vous proposer un outil professionnel sans rien télécharger, une application en ligne qui rivalise avec les meilleurs logiciels :
L'écran principal de TradeMonster
L'écran principal de TradeMonster

Derrière cette interface très sobre se cache une interface visiblement très bien conçue car modulaire (possibilité de modifier la disposition des blocs), souple (de nombreux panneaux dépliables ou de fenêtres nodales) et efficace (surtout la vue “Market Watch” avec un rafraîchissement automatique et silencieux) :

Le Market Watch de TradeMonster
Le Market Watch de TradeMonster

Pour une visite guidée ça se passe ici (impossible d’encapsuler la vidéo) : TradeMonster – Trading Overview. Vous y apprécierez les transitions et la fluidité des écrans. Impossible de savoir quelle est la technologie derrière cette interface (Ajax ? Flash ? Java ?) mais d’après mes premières investigations ça serait du Flex (à confirmer).

En tout cas un très bon cas d’école d’application métier “critique” portée par une interface riche de qualité. J’adorerais avoir un compte de démo…

(via SocialTimes)

]]> http://www.interfacesriches.fr/2009/04/08/ria-finance-en-ligne-trademonster/feed/ 1 C’est quoi Flash ? http://www.interfacesriches.fr/2009/01/12/cest-quoi-flash/ http://www.interfacesriches.fr/2009/01/12/cest-quoi-flash/#comments Mon, 12 Jan 2009 09:50:34 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=249 Depuis maintenant près de 10 ans que la technologie Flash existe, nous sommes maintenant dans une situation de marché où “Flash” désigne plus un écosystème qu’une technologie. Ce n’est d’ailleurs pas un hasard si Adobe parle maintenant de Flash Platform et est en train de transformer un nom de produit en une marque ombrelle.

C’est dans ce contexte que Lee Brimelow publie un article (Flash is being redefined) où il s’interroge sur la terminologie autour de Flash :

Bref, difficile pour le moment de savoir comment la gamme Flash va évoluer mais Adobe aurait tout intérêt à clarifier tout ça pour ne pas noyer les nouveaux entrants dans l’écosysteme Flash.

Bon je ne sais pas pour vous mais moi je n’ai pas encore réussi à trouver ma place dans cet écosystème. Plus grâve, je ne m’y retrouve pas dans le workflow décrit ici : Designer Developer Workflows are Lacking a Critical Component.

]]> http://www.interfacesriches.fr/2009/01/12/cest-quoi-flash/feed/ 12 Des tutoriaux Flex, Flash et AS3 http://www.interfacesriches.fr/2008/12/28/des-tutoriaux-flex-flash-et-as3/ http://www.interfacesriches.fr/2008/12/28/des-tutoriaux-flex-flash-et-as3/#comments Sun, 28 Dec 2008 03:56:22 +0000 Kim Auclair http://www.interfacesriches.fr/?p=231 Plutôt intéressant comme découverte, des tutoriaux vidéos portant sur Flex, Flash et AS3 qui ont été réalisés par Michaël Chaize et Thibault Imbert sont en ligne sur le site Adobe.TV.

- Flex et les Charting Components: premiers pas dans l’implémentation de graphiques dans une application Flex.
- Communication entre AIR et LiveCycle: Définition d’un processus et d’un canal de communication entre AIR et la fondation LiveCycle ES.
- Génération de PDF avec LiveCycle Data Services: Astuces pour générer des PDF en associant un modèle XDP et un flux de données XML issues de Flex.

Les vidéos de Thibault portent plus sur Flash et l’AS3:
- Génération de PDF avec AlivePDF: Librairie OpenSource écrite par Thibault pour générer à la volée des PDF.
- WiiFlash: Découvrez comment connecter une WiiMote à votre application Flash.
- Programmation Bitmap en AS3: La spécialité de Thibault pour optimiser les performances de vos applis Flash.

Bon visionnement !

Source : Le blogue de Michaël Chaize

]]> http://www.interfacesriches.fr/2008/12/28/des-tutoriaux-flex-flash-et-as3/feed/ 2 Nouveau site pour les dégustateurs de vin : VinoTinto http://www.interfacesriches.fr/2008/10/24/ergonomie-web-vinotinto/ http://www.interfacesriches.fr/2008/10/24/ergonomie-web-vinotinto/#comments Fri, 24 Oct 2008 20:11:02 +0000 Kim Auclair http://www.interfacesriches.fr/?p=148 Logo VinoTinto

Pour les amateurs de vins, le site Web VinoTinto est un véritable succès, ou presque… ( Les “vrais” connaisseurs de vins trouvent que le site Web est pauvre en contenus informatifs. À voir si le site a été testé auprès de sa clientèle cible )

Le design Web de l’interface, développé avec les technologies Flex et Flash est bien réussie.

Ergonomie Web VinoTinto

L’ergonomie Web, par contre ne m’interpelle pas. Prenons par exemple le bouton “English”. Il se retrouve à gauche, en bas de l’écran. J’ai fais quelques tests utilisateurs avec des gens de mon entourage et j’en conclus que l’usager n’est pas habitué à y retrouver ce genre d’information à cet endroit.

Ergonomie Web VinoTinto

Il manque également de la finition dans les pages de contenus. Je parle, entre autres, de la page “Nos sélections” que je trouve lourde . Je me demande si le choix de typographie est juste. Suis-je la seule à trouver la lecture difficile ?

Je tiens toutefois à lever mon chapeau à l’agence Digi-tales qui fait preuve d’innovation en donnant une nouvelle image à un site de vente de vin en ligne.

P.S. J’aime bien le petit lézard qui se promène dans l’interface. Il ajoute un plus à l’expérience utilisateur.

Source : Presse-Citron

]]> http://www.interfacesriches.fr/2008/10/24/ergonomie-web-vinotinto/feed/ 4 Monster lance eDays, un salon virtuel du recrutement http://www.interfacesriches.fr/2008/10/14/monster-lance-edays/ http://www.interfacesriches.fr/2008/10/14/monster-lance-edays/#comments Tue, 14 Oct 2008 13:40:54 +0000 Kim Auclair http://www.interfacesriches.fr/?p=129 Monster a ouvert, hier, le site eDays, un salon virtuel du recrutement.

Monster eDays

Ne souhaitant pas répéter ce qui a été dit sur le blogue de Korben, je vous fais part de mes premières impressions.

L’interface, développée avec la technologie FLEX est agréable à utiliser, mais, selon moi, elle ne rend pas la navigation facile. En effet, lors de ma première visite, je me suis demandé par où débuter. Des indications précises sont manquantes.

À un endroit, dans le test d’affinité, nous pouvons cocher plus de choix que le nombre limite. Contrairement aux autres questions, il n’y a pas d’avertissements ou de messages qui nous rappellent notre limite. C’est un peu dérangeant pour l’utilisateur. J’ai éprouvé ce problème, à la question Parmi ces critères lesquels sont les 2 les plus importants.

De plus, il y a beaucoup d’informations. Il semble que l’ergonomie ne soit pas encore à son meilleur. Pour revenir au manque d’indications par exemple, il aurait été intéressant, à mon avis, de retrouver une proposition de navigation sur la page d’accueil. ( Étape 1, Étape 2, Étape 3 etc. )

Bref, le concept au air de “Second Life” est quand même très bien puisqu’on se rapproche de la réalité. Bien que Edays soit ciblé, je me demande si nous en sommes vraiment rendues à utiliser ce genre d’interface. Qu’en pensez-vous ?

Pour ceux qui se sont inscrits, quelles sont vos impressions ?

Source : le blogue de Korben

]]> http://www.interfacesriches.fr/2008/10/14/monster-lance-edays/feed/ 3 SproutBuilder + UGG = PlayCrafter http://www.interfacesriches.fr/2008/07/28/sproutbuilder-ugg-playcrafter/ http://www.interfacesriches.fr/2008/07/28/sproutbuilder-ugg-playcrafter/#comments Mon, 28 Jul 2008 08:21:33 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=60 J’ai comme l’impression que la mode est aux outils de création en ligne : après la vague des outils de retouche de photo (Picnik…) et les outils de création de widgets (SproutBuilder…), nous assistons maintenant à une prolifération d’outils de création de jeux en ligne (cf. EA se lance dans les User Generated Games).

Dernier en date, PlayCrafter semble être aussi un des plus aboutis, du moins en terme d’interface (riche). Il y a tout d’abord une très belle page d’accueil qui fait sauter les conventions et adopte un look résolument cartoon :

Il y a ensuite ce très bel éditeur de jeux, tout en glissé-déposé avec des très beaux contrôles :

Il y a enfin ces fameux jeux où le moteur physique est particulièrement soigné (gestion des collisions et de l’inertie). Une fois créés, ces derniers peuvent être encapsulés dans un blog ou une page perso par l’intermédiaire d’un widget.

Pour mieux appréhender la puissance du moteur de création, je vous recommande cette vidéo de démonstration :

[youtube UjBTU02cCVY]

C’est encore une fois du très bon travail de la part des éditeurs de cet outil en ligne réalisé en Flex. Décidément, cette plateforme technologique risque de devenir le standard des outils de création et d’édition en ligne.

(via RWW)

]]> http://www.interfacesriches.fr/2008/07/28/sproutbuilder-ugg-playcrafter/feed/ 4 La nouvelle version de LogoMaker http://www.interfacesriches.fr/2008/07/21/la-nouvelle-version-de-logomaker/ http://www.interfacesriches.fr/2008/07/21/la-nouvelle-version-de-logomaker/#comments Mon, 21 Jul 2008 06:50:37 +0000 Kim Auclair http://www.interfacesriches.fr/?p=54 HP a lancé dernièrement la nouvelle version de LogoMaker. Selon moi, son évolution est un bel exemple qui prouve, encore une fois, l’efficacité des interfaces riches.

L’utilisation de FLEX dans cette version, actuellement en beta, permet de simuler des comportements qui se rapprochent de plus en plus d’Illustrator et de Photoshop.

Logo Maker HP
Avant
/Après

Parmi les modifications apportées, on constate, par exemple, un nouveau sélecteur de couleur plus performant. Que dire aussi de la nouvelle ergonomie de l’application qui nous permet de personnaliser un logo plus rapidement.

Toutefois, j’aurais aimé y retrouver des outils de sélections, de rotations et d’agrandissements qui se rapprochent davantage de ceux qui sont utilisés dans Adobe® Creative Suite® 3.3 .

Qu’en pensez-vous ?

]]> http://www.interfacesriches.fr/2008/07/21/la-nouvelle-version-de-logomaker/feed/ 0 Dabbleboard expérimente le paperboard en ligne intelligent http://www.interfacesriches.fr/2008/07/12/dabbleboard-experimente-le-paperboard-en-ligne-intelligent/ http://www.interfacesriches.fr/2008/07/12/dabbleboard-experimente-le-paperboard-en-ligne-intelligent/#comments Sat, 12 Jul 2008 16:27:18 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=51 Il existe déjà plusieurs solutions de paperboard en ligne (“tableau blanc” en français) mais Dabbleboard propose une approche tout à fait intéressante : la reconnaissance de forme.

Le principe est simple : vous créer une page, commencez à dessiner dessus et là hop ! Les formes grossièrement dessinés sont réinterprétés en formes vectorielles (ronds, carrés, triangles…) :

DabbleBoard.jpg

Ça n’a l’air de rien mais cette fonction de reconnaissance de gribouillis se révèle être terriblement pratique.Pour vous rendre compte du potentiel de cette application en ligne, je vous recommande la visite guidée.

Vous avez également la possibilité de modifier la forme, de sélectionner un groupe de plusieurs formes, d’en changer la couleur… Bien évidement, une fois votre “création ” terminée, il ne vous reste plus qu’à la publier en précisant les droits d’accès. Un bon compromis pour ne pas alourdir l’application avec de l’édition simultanée.

En allant fouillé dans la galerie publique je suis tombé sur des tests de maquettes fonctionnelles qui me semblent tout à fait intéressantes :

DabbleBoard2.jpg

Très intuitif et puissant, Dabbleboard pourrait-il être l’outil de prototypage rapide ultime ? (via The Inquisitr)

]]> http://www.interfacesriches.fr/2008/07/12/dabbleboard-experimente-le-paperboard-en-ligne-intelligent/feed/ 2 Un centre de ressources en ligne sur les interfaces riches http://www.interfacesriches.fr/2008/06/29/un-centre-de-ressources-en-ligne-sur-les-interfaces-riches/ http://www.interfacesriches.fr/2008/06/29/un-centre-de-ressources-en-ligne-sur-les-interfaces-riches/#comments Sun, 29 Jun 2008 21:21:19 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=47 Oyé-oyé braves gens, vous cherchez des informations sur les interfaces riches ? L’anglais ne vous rebute pas ? Le discours des éditeurs non plus ? Alors je vous propose ceci : User Interface Resource Center.

UIRC.jpg

Ne vous fiez pas à son nom, ce portail est bel et bien dédié aux interfaces riches. Et pour cause, la très renommée agence EffectiveUI en est le principal sponsor.

Vous trouverez donc sur ce portail un ensemble d’articles, de livrets blancs, de liens… sur des technologies comme Flash, Flex et Silverlight, le tout cautionné et alimenté par Microsoft et Adobe.

(via RIApedia)

]]> http://www.interfacesriches.fr/2008/06/29/un-centre-de-ressources-en-ligne-sur-les-interfaces-riches/feed/ 0