Les interfaces riches débarquent : un exemple avec le nouveau site de la Fnac
Publié le 14 avr 08 à 07:22 | Catégorie : Ergonomie | 16 commentaires
Avertissement : cet article est sponsorisé par Fnac.
Les interfaces des sites Internet ont beaucoup évolué ces cinq dernières années et n’ont plus rien à voir avec ce qui se faisait auparavant. Les technologies se sont démocratisées et de plus en plus de personnes les maîtrisent (et les utilisent correctement, grâce entre autre à la reconnaissance progressive de standards).
De nouvelles professions sont apparues et celles que l’on connaissait se sont morcelées. Là où un web designer suffisait, il est courant de faire aujourd’hui appel à plusieurs personnes différentes avec des expertises bien déterminées pour travailler sur la partie cliente (et donc visible) d’un site Internet :
- un web designer : conception de l’identité graphique et du design du site
- un intégrateur : conversion du design en ressources Internet (fichiers HTML, images, feuilles de styles, …)
- un développeur web : mise en place des fonctionnalités et des traitements qui seront exécutés sur le navigateur Internet de l’utilisateur
- un ergonome : travail sur l’interface, amélioration de l’utilisabilité et plus généralement de l’expérience utilisateur
- un architecte de l’information : définition et organisation du contenu du site
D’autres experts pourraient également intervenir suivant les besoins, comme par exemple un expert en référencement ou un graphiste spécialisé en Flash. Les interfaces riches constituent donc très certainement la prochaine évolution technologique, comme le souligne Wikipedia :
Les Rich Internet Applications (RIA) sont des applications web qui partagent les caractéristiques des applications autonomes sur l’ordinateur. A long terme, les RIA favorisent la fusion des logiciels traditionnels et les logiciels client-serveur de type internet. La dimension interactive et la vitesse d’exécution sont particulièrement soignées dans ces applications web.
Le nouveau site de la Fnac en est un très bon exemple. L’enseigne que l’on ne présente plus a en effet complètement revu la navigation de son univers informatique afin d’aider les utilisateurs dans leur choix en incorporant de nombreux éléments dynamiques. Et cette refonte de la partie cliente a certainement sollicité plusieurs personnes…
Le système de filtres (présent dans la colonne de gauche) est maintenant bien plus clair. Mais le plus intéressant ici concerne surtout la section Aide au choix qui permet de trier les produits suivant différents critères de recherche (la liste étant automatiquement mise à jour à chaque changement) :
Les résultats magazine disposent d’un effet de zoom sympathique lorsqu’on clique sur un article (l’agencement des autres articles étant alors modifié pour s’accommoder avec la place disponible). Mais je trouve que ce type de présentation n’est pas aussi lisible que celle présentant les articles sous forme de liste :
Le comparateur est vraiment très efficace (une fonctionnalité qui devrait être obligatoire sur tous les sites ecommerce high-tech). Celui de la Fnac est un modèle du genre (animé et supportant le glisser-déposer). La bonne idée provient des codes couleurs qui permettent de mettre en évidence les meilleures caractéristiques :
Certains éléments sont néanmoins discutables, comme les flèches de navigation présentes de part et d’autre d’un article sur la page d’accueil de l’univers informatique. Il faudrait étudier leur taux de conversion pour vérifier si ce genre de mécanisme est véritablement utilisé et profitable.
De la même manière, l’encart qui met en avant le mécanisme d’aide au choix n’est pas cliquable alors qu’on pourrait s’attendre à voir le menu apparaître. Enfin, les accessoires indispensables (sur la page avec le panier d’achat) sont affichés avec un système d’onglets dont il faudrait mesure l’efficacité.
Le site de la Fnac n’est pas qu’un exemple et de plus en plus de sites adoptent ces technologies. Ces interfaces riches sont plus complexes à concevoir et demandent des compétences plus pointues, mais elles offrent à l’utilisateur la possibilité de naviguer sur un site Internet de façon plus fluide et plus intuitive. Ou devrais-je plutôt dire avec moins de restrictions…
A lire également
Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :
Les visiteurs qui ont vu cette page ont consulté ensuite :
- Peut-on encore créer une application web 2.0 tout seul ? (49 lectures)
- A Propos de Loomiz (17 lectures)
- A propos (9 lectures)
A savoir
La rédaction de cet article a nécessité 2 heures et 13 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.




16 commentaires à propos de “Les interfaces riches débarquent : un exemple avec le nouveau site de la Fnac” :
Pas un mot sur Open Laszlo qui est pourtant la techno utilisée, comment avez-vous fait ?
C’est un produit open source qui mérite d’être cité.
Quant au fait que cet article soit payé par la FNAC, “sponsorisé” comme il faut dire,
çà ne me gène pas trop.
J’ai trouvé amusant que l’annonce du paiement de l’article par la FNAC se fasse
seulement une fois l’article complet affiché et non pas sur la page de garde.
rno le 14 avril 2008 à 09:47 (#1)
je n’aime pas les articles sponsorises on ne peut pas mélanger pub et information surtout de cette façon
tout le monde sais les et le poids ses annonceurs sur la linge éditorial dans la presse classique les articles dans le sens du poil de annonceurs, pour cette raison on apprécie les blogues pour leur indépendance leur franchise pour le moment…
jorge le 14 avril 2008 à 10:06 (#2)
C’est bien pour cette raison que je ne fais que très rarement des articles sponsorisés Jorge (ce ne sont pas les sollicitations qui manquent) et seulement lorsque toutes les conditions sont réunies (lorsqu’une proposition va dans le sens du blog et que le sujet m’intéresse tout particulièrement). A partir du moment où l’article est clairement indiqué comme sponsorisé, je ne vois vraiment pas où est le problème.
Concernant l’indication qui n’est pas présente sur la page de garde Rno, c’est tout simplement par manque de temps et parce que cette page n’est pas aussi visitée que celle de l’article lui-même. Et je n’ai pas parlé d’Open Laszlo, car je ne connais pas encore très bien ces nouvelles plateformes de développement et je ne tenais pas à trop rentrer dans des détails techniques. Maintenant, qu’est-ce que vous pensez de ce type d’interfaces riches ? Est-ce qu’elles seront capables de remplacer complètement les technologies actuelles (HTML, CSS, Javascript) dans le futur ?
Stéphane le 14 avril 2008 à 10:38 (#3)
Je vois le titre du billet dans mon lecteur rss “Les interfaces riches débarquent : un exemple avec le nouveau site de la Fnac”, je viens voir, je lis “aticle sponsorisé par… LA FNAC”.
mdr, je lis même pas le billet. Et je vais voir ailleurs.
joire le 14 avril 2008 à 10:44 (#4)
Et un flux RSS de moins dans mon lecteur, je supporte pas ce genre d’article…
Scull le 14 avril 2008 à 12:40 (#5)
Comme l’a dit Stéphane plus haut, l’article est indiqué comme sponsorisé dès le début donc je ne vois pas où est le problème. Après on aime ou on aime pas, on lit ou on ne lit pas, mais je trouve vos réactions excessives.
Ciao.
Vévé le 14 avril 2008 à 14:51 (#6)
Rho les rabajoies. Stéphane précise bien que c’est un billet sponsorisé. Il en arrive un de temps en temps et qui plus est est en rapport avec les thèmes généralement abordés.
Maxime le 14 avril 2008 à 16:26 (#7)
Avant d’avoir ce genre de réaction, avez vous noté la qualité éditoriale de ce blog ? Je vois pas en quoi un article sponsorisé de temps en temps nuirait à cette qualité…
Si en + les thèmes des articles sponsos sont en accord avec la ligne éditoriale du blog, je vois encore moins le problème.
redpeppers le 14 avril 2008 à 17:16 (#8)
Je lis régulièrement ce blog et commente pour la première fois. Le caractére publi-rédactionnel de l’article est annoncé dès le début ; en outre, l’article est du même acabit que la majorité des articles de Stéphane çàd : bien écrit, précis, soigné et relativement juste techniquement. Donc je ne vois pas bien ce que l’on peut reprocher au rédacteur.
Je critique tout de même : j’ai beaucoup de mal à voir un réel bénéfice dans ces interfaces riches ; une bête case à cocher associée à chaque produit permet tout aussi facilement de comparer différents modèles, sans passer par des glisser-déposer hyper-anti-ergonomiques. Précisément un ergonomiste trouverait sans doute à redire à ces technos qui allongent le travail plutôt qu’elles ne le raccourcissent.
antoine le 14 avril 2008 à 17:44 (#9)
Ce qui m’a le plus décontenancé c’est d’avoir déjà vu cet article sur d’autres blogs.
Cependant, je serais bien ingrat de m’offusquer de cet petit encart ( écart ? ;o) ; moi qui vient souvent ici pécher de bonnes informations.
A vrai dire je préfererai un petit bandeau vertical google, très classique , sur un coté.
Il n’y aurait aucune ambiguité possible.
En tout cas ce billet fait réagir ; peut-être était-ce un des objectifs non avoués ?
Domi le 14 avril 2008 à 21:12 (#10)
Je précise également qu’une fois que j’ai vu l’avertissement, je n’ai pas lu l’article.
Si c’était indiqué dans le titre, je n’aurais même pas cliqué…
Fardeen le 14 avril 2008 à 23:29 (#11)
Il y a vraiment des tripé sur terre ! J’aimerai vraiment qu’on m’explique pourquoi, il existe encore de tordu qui la ramène quand on vois des article sponsorisé ???
Non, mais attendez… si stéph, ne l’avais pas stipulé (alors qu’il en a totalement le droit), nous ne nous serions jamais posé la question de savoir, si c’est le cas, ou pas ! Il lui arrive fréquemment d’écrire des articles en rapport avec les interface web, ou plus spécialement les sites, qu’il apprécie et celui-ci rentre complètement dans la ligne éditorial de ce blog, alors arrêtez une fois pour toute. Il y en a ra le c”"”l.
Comme la bien dit @Maxime, vous êtes des rabajois. Si ça lui permet de toucher quelques petits sous en plus par mois, pour le temps qu’il passe sur le blog, je vois pas en quoi c’est mal ! pffff, moi ça me fais grimper aux rideaux !!!
Sinon, je trouve très bien, que les grandes du marché traditionnel, se mettent aux nouvelles tendances du web. Cependant, pour moi cela ne change rien, vue que je n’utilise pas ce site et qu’en suisse, on a encore l’ancienne version.
Mais merci de la découverte
Badoux C le 15 avril 2008 à 19:03 (#12)
C’est peut être indiscret mais ça rapporte combien un billet sponsorisé par la fnac ?
LeFreelance le 15 avril 2008 à 23:11 (#13)
J’aime bien les interfaces riches. Je pense que c’est “the next big thing”. Il y a un réel apport ergonomique pour l’utilisateur.
Au sujet du fait que l’article soit sponsorisé ça ne me gène pas.
Contrairement à la presse papier ou à la télé les bloggeurs en général et stéphane en particulier ne comptent pas sur ça pour vivre. La demande des annonceurs se limite souvent à parler du produit ou du service et à donner son avis.
Tant que l’article est dans la ligne éditoriale du blog et que le bloggeur donne un avis sincère, il n’y a pas de problèmes de conflits d’intérêts.
Je commence une démarche similaire sur mon blog et je m’attends à avoir des réactions de ce type. En france la relation à l’argent est hypocrite.
Il est difficile pour des non bloggeurs d’imaginer le temps que prends la gestion d’un blog et ce genre d’article permet de se dédommager un peu !
Michael le 16 avril 2008 à 14:22 (#14)
Un article pertinent et assez juste. Je ne reviendrais pas sur la fait que l’article soit sponsorisé ou non, connaissant un peu Stéphane je le comprend et je trouve cela normal d’essayer de tirer un peu de bénéfice de son blog, surtout d’un blog comme SimpleEntrepreneur qui est un blog de grande qualité et qui traite de sujet similaire à ce billet.
Pour revenir au billet, je pense que les RIA sont en effet de la partie pour l’avenir de nos interfaces web. Mais pas question d’utiliser les RIA pour les utiliser, d’un point de vue utilisateur elle doivent servir à simplifier la vie de l’utilisateur. Il faut qu’il se pose moins de question, trouve rapidement ce qu’il cherche et ne soit pas gêné dans sa navigation. D’un point de vue du développeur, je trouve ces techno encore jeune et peu aboutis. Oui on peut faire de joie effets graphique, simplement.Mais quand il faut tenir en compte un cahier des charges ultra rigoureux,ou l’accessibilité prime sur le reste et bien il devient franchement complexe de proposer une double interface (une avec RIA et une sans), tout en poussant au maximum le potentiel des deux interfaces sans créer deux fois le code et les algorithmes nécessaires à la mise en place des deux interfaces.
Avec les RIA on ne doit pas revenir à l’ancienne mode de développé pour deux publique distincts. Avant certains sites étaient développé avec une version par navigateur, pour prendre le mieux possible en compte les disparités de fonctionnement de chaque navigateur. Maintenant avec la démocratisation des plate-formes mobile (qui ne supportent pas forcément le JS), et l’utilisation massive des “framework” JS on as de plus en plus de mal à avoir des interfaces harmonisé quelles que soit la plateforme.
Voilà c’était mon avis d’utilisateur “early adopters”, de développeur web, et d’ergonome.
Bonne continuation Stéphane, je lit ton blog avec toujours autant de plaisir !
Pierre
P.S.: pour tout les raleurs, le jour on vous tiendrais un blog de même qualité que celui de Stéphane, vous aurez le droit de venir critiquer ici. D’ici là garder vos réflections pour vous, il y en as qui essais de faire de leur mieux pour produire un travail de qualité, il est normal de vouloir être reconnu. Même si cette reconnaissance passe par l’argent. A bon entendeur, salut !
Pierre le 12 mai 2008 à 10:56 (#15)
Très bon point Pierre. Outre le fait que l’on ne connaît pas encore le nom de la plateforme RIA qui réussira à s’imposer, il faut également composer avec les navigateurs qui ne posséderont pas la bonne extension pour pouvoir les mettre en oeuvre. La standardisation de ces nouvelles technologies risque de prendre un certain nombre d’années…
Stéphane le 14 mai 2008 à 17:42 (#16)
Ajouter un commentaire