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 La marque de vêtements Beams fête son 25ième anniversaire ! http://www.interfacesriches.fr/2009/04/28/beams-25ieme-anniversaire/ http://www.interfacesriches.fr/2009/04/28/beams-25ieme-anniversaire/#comments Tue, 28 Apr 2009 20:35:48 +0000 Kim Auclair http://www.interfacesriches.fr/?p=468

Hier, j’ai pris connaissance du micrositeBeams Women 25the Anniversary” lancé par la marque de vêtements Beams qui fête actuellement ses 25 ans.

J’ai adoré visionner chaque produit.

Même s’il s’agit d’un effet déjà vu, j’ai trouvé que le zoom et la qualité des photos donnent un résultat vraiment intéressant.

J’aurais aimé, par contre, avoir la possibilité de voir les produits sous différents angles.

Et que dire de la navigation, je trouve qu’elle est pertinente, surtout pour présenter des vêtements.

À droite, en haut, vous remarquerez qu’il est possible de visionner les items selon deux critères.

Qu’en pensez-vous ?

Source : Users-experiential

]]> http://www.interfacesriches.fr/2009/04/28/beams-25ieme-anniversaire/feed/ 2 Les gagnants des prix Boomerang 2008 http://www.interfacesriches.fr/2008/12/09/les-gagnants-des-prix-boomerang-2008/ http://www.interfacesriches.fr/2008/12/09/les-gagnants-des-prix-boomerang-2008/#comments Tue, 09 Dec 2008 04:15:42 +0000 Kim Auclair http://www.interfacesriches.fr/?p=228 Inutile de vous dire que je n’ai pas été surprise en apprenant que le site de Tourisme Montréal a reçu le grand prix Boomerang 2008, le 4 décembre dernier, à Montréal.

Lancé en mai dernier, le site Web, conçu par l’agence Sid Lee , de Tourisme Montréal en a fait jaser plus d’un. J’en avais d’ailleurs parlé sur dans un billet qui se retrouve sur le blogue de Mikimya : Le nouveau site de Tourisme Montréal

En lisant le cours billet, vous constaterez que le site de Tourisme Montréal, qui vise à faire vivre une expérience utilisateur unique aux touristes et à planifier leur voyage en ligne, avait reçu plusieurs réactions autant négatives que positives.

Voici mon point fort que j’avais relevé au niveau de l’interface, développée en flash :

Mon point fort, excepté la richesse du visuel a été, évidemment l’expérience utilisateur. Les concepteurs ont pensé d’abord aux types d’utilisateurs qui pouvaient avoir sur le site Web (Je suis : Touriste, Gai ou lesbienne, Planificateur, etc. ) Puis, aux actions qu’ils pouvaient poser, c’est-à-dire de lire ou de regarder le site Web. Quant à mon point faible, il s’agit, comme la plus part des professionnels, du fait que le site ne soit favorable au SEO.


Au sujet des autres gagnants….

Vous ferez sûrement de très belles découvertes en découvrant ces derniers sur le site des Prix Boommerangs 2008.

Outre le fait que j’ai adoré l’expérience utilisateur sur le site de Tourisme Montréal, j’ai particulièrement aimé la navigation sur l’interface du site ” Créateur d’émotions “.

Et vous ?

P.-S. Pour votre information, les Prix Boomerang est un concours organisé à Montréal par les Éditions Infopresse. Le concours vise à récompenser les meilleures communications interactives et les sites Web conçus par des Québécois.

]]> http://www.interfacesriches.fr/2008/12/09/les-gagnants-des-prix-boomerang-2008/feed/ 0 District Montréal, découvrir Montréal autrement http://www.interfacesriches.fr/2008/11/25/district-montreal/ http://www.interfacesriches.fr/2008/11/25/district-montreal/#comments Tue, 25 Nov 2008 14:46:17 +0000 Kim Auclair http://www.interfacesriches.fr/?p=197

Logo District Montréal

District Montréal est un projet que j’admire beaucoup. Même s’il s’agit d’un projet en ligne depuis plusieurs mois, il est toujours intéressant d’en parler.

District Montréal regroupe avant tout des centaines et des centaines de photos de Montréal. L’idée est de faire découvrir l’immensité et la richesse des diversités et des multiples beautés de la ville de Montréal.

Site Web District Montréal

Mais qu’est-ce qui rend District Montréal exceptionnel ?

Le concept “humain” est ce qui rend District Montréal enrichissant. Le projet est réel. Les gens de Montréal sont invités à toucher les photos, voire marcher dessus dans le Centre Eaton, au centre-ville de Montréal.

Site Web District Montréal

Crédits : Chantal Barbin

Site Web District MontréalCrédits : Chantal Barbin

C’est une œuvre d’art immense qui n’existerait pas sans la participation des photographes amateurs qui s’amusent à partager leurs photos directement à partir de l’interface. De plus, les utilisateurs sont en mesure de télécharger leur photos à partir de Facebook et de Flickr, ce qui est très intéressant.

À noter : Il peut y avoir près de 28 millions de visiteurs au Centre Eaton durant une année, ce qui en fait une place de choix pour exposer des photos.

Découvrir Montréal autrement !

Comme vous pouvez le voir, l’interface du site Web de District Montréal, développé en flash, n’apporte rien de nouveau. Elle est dotée d’une navigation souvent utilisée pour les sites Web en flash… On y retrouve même la possibilité de voir les photos selon plusieurs critères : les districts, l’évocation, le genre, l’happening, etc..

 Menu Site Web District Montréal

Qu’en est-il de l’ergonomie Web ?

Site Web District Montréal

Je reproche d’abord le même problème que dans le site de Vinotinto. Quelques informations, dont le choix de la langue ainsi que le “login” devraient, à mon avis, se retrouver en haut.

Je trouve également qu’il y aurait place à amélioration pour certaines options. Prenez par exemple le mode “plein écran”. Lorsqu’il est actif, la mention ” plein écran” est toujours présente. Il aurait été intéressant de reformuler celle-ci ou encore de penser à y ajouter un visuel qui ferait comprendre à l’utilisateur qu’il peut quitter ce mode. Vous remarquerez d’ailleurs qu’il est possible de le faire présentement en appuyant sur “Echap”. (une fonction du navigateur internet). À mon avis, ça ne devrait pas être le cas. Ça doit être une fonction disponible sur le site.

L’option “login” est aussi un point que j’aurais peaufiné. Pour faciliter l’inscription sur le site Web, j’aurais remplacé “login” par deux items, soit “inscription” et “connection”. Qu’en pensez-vous ?

Ce que j’en retiens ?

Que… malgré tout, il n’y a pas seulement la navigation et l’ergonomie Web qui peuvent rendre une interface riche ! :)

P.-S. Je serais intéressée à connaître votre opinion de District Montréal. Existe-t-il un projet de ce genre en Europe ?

]]> http://www.interfacesriches.fr/2008/11/25/district-montreal/feed/ 4 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 Écouter de la musique selon l’ambiance souhaitée http://www.interfacesriches.fr/2008/08/29/ecouter-de-la-musique-selon-l%e2%80%99ambiance-souhaitee-grace-musicovery/ http://www.interfacesriches.fr/2008/08/29/ecouter-de-la-musique-selon-l%e2%80%99ambiance-souhaitee-grace-musicovery/#comments Fri, 29 Aug 2008 21:07:33 +0000 Kim Auclair http://www.interfacesriches.fr/?p=59 Musicovery Logo

Vous direz sans doute que je suis en retard en vous parlant de Musicovery, ce site où il est possible d’écouter de la musique selon l’ambiance souhaitée.

À mon avis, je crois qu’il est toujours bon d’en parler. Musicovery est un autre exemple ou l’interface riche est basée sur l’intérêt et les goûts de l’utilisateur.

Musicovery Controle

Musicovery est un mélange de Liveplasma et de Rockola. Pour ceux qui ne le connaissaient pas encore, Musicovery permet de créer rapidement une liste de lecture qui correspond à une « ambiance » musicale souhaitée. Pour vous donner une idée du fonctionnement, voici une courte vidéo trouvée sur Youtube.

Source : Accessoweb

]]> http://www.interfacesriches.fr/2008/08/29/ecouter-de-la-musique-selon-l%e2%80%99ambiance-souhaitee-grace-musicovery/feed/ 4 Quand les interfaces riches nous rapprochent des sujets, qui au départ, ne nous intéressent pas ! http://www.interfacesriches.fr/2008/08/07/interfaces-riches-sujets-rapprochement/ http://www.interfacesriches.fr/2008/08/07/interfaces-riches-sujets-rapprochement/#comments Thu, 07 Aug 2008 01:39:59 +0000 Kim Auclair http://www.interfacesriches.fr/?p=64 À mon avis, il est intéressant de voir combien les interfaces riches peuvent nous rapprocher de sujets qui, à l’origine, ne nous intéressaient pas particulièrement.

L’interface en FLEX de Chesscube, un jeu d’échecs en ligne, en est un bon exemple parmi plusieurs.

Contrairement aux jeux d’échecs développés sur des interfaces en java et pauvre sur le plan visuel Chesscube apporte un nouveau regard pour ce type de jeu.

Inscription Chesscube

L’inscription sur le site est particulièrement facile grâce au formulaire dynamique ( que j’adore ! ).

Chesscube

Une fois inscrit, on vous propose une visite guidée dans le jeu. L’intégration des outils 2.0 est bien pensée, on peut y retrouver par exemple, un système de gestion d’amis, de chat, de statistiques, etc. Un moteur de recherche est également présent pour vous permettre de trouver des utilisateurs selon leur niveau de joueur. Il existe également d’autres options dont une, en beta, qui vous invite à écouter des parties d’échecs.

ChesscubeChesscube

Bref, … Chesscube = des heures de plaisirs pour les habitués et novices du jeu d’échecs. En ce qui concerne l’expérience utilisateur, de mon côté , ça s’est particulièrement bien passé. Est-ce le cas pour ceux qui sont moin geek que moi ?

Au fait, quels sont les sites qui, grâce aux interfaces riches, vous ont permis d’avoir un nouveau regard sur un sujet en particulier ?

Correction : J’ai publié ce billet en mode “brouillon” trop rapidement. J’ai également modifié les copies d’écrans après la lecture des commentaires. La source du sujet provient de : www.hebiflux.com


]]> http://www.interfacesriches.fr/2008/08/07/interfaces-riches-sujets-rapprochement/feed/ 5 InSuggest : le moteur de recommandations http://www.interfacesriches.fr/2008/07/31/insuggest-le-moteur-de-recommandations/ http://www.interfacesriches.fr/2008/07/31/insuggest-le-moteur-de-recommandations/#comments Wed, 30 Jul 2008 22:39:02 +0000 Kim Auclair http://www.interfacesriches.fr/?p=63 Les interfaces riches basées sur l’intérêt et les goûts de l’utilisateur sont selon moi les plus intéressantes à visiter.

inSuggest, lancé en janvier 2008, est un des nombreux exemples que j’ai en tête ! (Je prévois vous en montrer d’autres prochainement)

Développé dans le même esprit de WhoIsLikeIt, inSuggest se différencie par son interface en Ajax, sa fonction glissée déposée ainsi que la recherche de photos et la suggestion de sites en accord avec vos tags et bookmarks del.icio.us.

Recherchez des sites similaires :

InSuggest
En saisissant et validant l’URL d’un site que vous appréciez dans le champ de recherche en haut de la page, inSuggest vous propose rapidement une sélection de sites similaires à celui suggéré, sous la forme de vignettes cliquables. Vous pouvez ensuite continuer en glissant une vignette sur un espace de suggestion. Le moteur affiche ainsi une nouvelle liste de sites similaires.

Recherchez des photos similaires à celle que vous donnez comme modèle :

InSuggest
En saisissant et en validant un ou des mots clés, inSuggest affiche images qui se retrouvent sur la base de donnée de Flickr. Puis, en glissant une image sur un espace de suggestion, vous obtiendrez une nouvelle liste d’images semblables.

Recherchez des sites en accord avec vos tags et bookmarks del.icio.us :

InSuggest
En soumettant votre identifiant Del.icio.us, inSuggest vous propose des signets en relation avec ce que vous bookmarkez.

Je me questionne maintenant du moment ou il sera possible de permettre la recherche de vidéos similaires sur Insuggest ! Qu’en pensez-vous ?

]]> http://www.interfacesriches.fr/2008/07/31/insuggest-le-moteur-de-recommandations/feed/ 5 Uvlayer, l’interface simplifiée pour Youtube http://www.interfacesriches.fr/2008/07/21/uvlayer-interface-pour-youtube/ http://www.interfacesriches.fr/2008/07/21/uvlayer-interface-pour-youtube/#comments Mon, 21 Jul 2008 20:45:20 +0000 Kim Auclair http://www.interfacesriches.fr/?p=58 UvLayer est la nouvelle interface pour Youtube qui offre une expérience utilisateur totalement différente de la version classique.

Interface Uvlayer

UvLayer permet d’ouvrir plusieurs fenêtres de recherches et de vidéos en même temps soit par mot clé ou par un tag dans le champ prévu à cet effet. De plus, grâce à une fonction sociale intégrée vous pouvez suivre vos contacts, publier et partager vos découvertes et réalisations.

Gratuit et développé en flash, UvLayer est doté d’une interface riche accessible à tous !

]]> http://www.interfacesriches.fr/2008/07/21/uvlayer-interface-pour-youtube/feed/ 3 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