Scot 1748

Scots 1748 me semble un bel exemple de e-commerce utilisant intelligemment l’Ajax et le dHtml (je rappelle ici que ce qui est parfois pris pour de l’Ajax n’est souvent que du dHtml, technique vieille comme le web, mais revenu au goût du jour, grâce à Ajax, justement). Ici, pas de gadget, pas d’effets visuels inutiles, rien que du malin, du pratique, de l’usabilité bien pensée.

Prenez la page d’accueil, pour commencer. Si, comme partout ailleurs, les produits (ici, des pull en laine de je sais pas quoi) sont disposés en colonne, il suffit d’un geste de souris de passer sur la photo pour que tout le détail technique du pull apparaisse dans une bulle d’information. C’est un moyen intelligent de mettre plus de contenus sans encombrer la page et de renseigner le client sans avoir à la recharger. Autre information intelligemment affichée, l’état du stock : les produits non disponibles sont clairement signalés par un encadré rouge. L’erreur, toutefois, c’est d’avoir autant de produits affichés hors stocks dès la page d’accueil. C’est un peu comme si vous entriez dans une boutique à la vitrine à moitié vide : pas très attirant.

Un simple clic sur la photo produit vous permet ensuite d’afficher immédiatement sans avoir à recharger la page (Ajax) le détail du produit et les fonctionnalités de la fiche produit. Ici, le gain de temps avec un rechargement de page est très net et surtout, permet de fluidifier la navigation en la rendant beaucoup plus agréable.

Le panier a également été finement pensé. Affiché en bas de page dans une bande prenant toute la largeur de l’écran, chaque produit y est inséré visuellement et donne à l’internaute une excellente compréhension de son contenu. Les fonctionnalités de suppression et de commande y sont clairement affichées, ainsi que le montant total de la commande, souligné par l’utilisation d’une grande taille de caractères.

Dommage que le reste du site ne soit pas à l’identique -le formulaire d’inscription et le processus de commande restent tout à fait classiques -,mais les quelques idées que je viens de présenter sont à prendre pour améliorer votre propre site et montre encore une fois tout le parti que l’on peut tirer d’Ajax pour le e-commerce, même si, comme toujours, reste la grande question du SEO (Search engine Optimization : optimisation du site pour les moteurs de recherche), puisque les fiches produits ne disposent pas de leur propre URL, réduisant, par là, le nombre de pages indexées par Google. On pourrait également se demander quels sont les avantages d’une telle technologie par rapport à Flash ? Il me semble que la réponse évidente est la maintenabilité du site : Ajax, dHtml, HTML et PHP sont, pour moi, plus homogènes, que l’imbrication de Flash avec le HTML et PHP, qui possède sa propre logique et oblige à des “pirouettes” pour se connecter à une base de données, par exemple.

Autre défaut flagrant : je ne sais pas quel est le cours du dollar australien, mais si c’est le même que le dollar américain, ça fait les cher les pulls en laine de mouton vachement rare et vachement beaux qui vivent dans le désert.

Partagez cet article :
  • del.icio.us
  • Digg
  • Facebook
  • Google
  • blogmarks Quand Ajax aide intelligemment le e-commerce : Scott 1748
  • BlogMemes Fr
  • Live
  • Pownce
  • Scoopeo
  • StumbleUpon
  • Technorati
  • Wikio FR
  • TwitThis
  • Furl
  • MisterWong

Related Post

Trackback

6 commentaires

  1. Et en prime un vilain debug sous firefox lorsque l’on ajoute son premier produit au panier, ouille !
    Sinon, y’a-t-il sur le même principe des boutiques qui en plus intègrent en ajax la navigation dans l’arborescence d’un catalogue, ainsi que la recherche de produits ?
    youx

  2. La gestion du panier est une copie de Panic Goods ( http://www.panic.com/goods/ ) mais en moins bien ;)

  3. Capitaine Commerce @ 2007-07-19 18:18

    Salut Mr Peer, Effectivement, le panier est carrément plus marrant sur Panic Goods. Par contre, je trouve la manière de supprimer des articles du panier un peu moins intuitive. Mais bon, c’est vrai que le site s’adresse aux d’jeunes qui ne risquent pas d’être trop déroutés par ce genre d’interface.

  4. A noter tout de même que Scott 1748 me semble reférençable, en effet il marche presque sans Javascript (je pense surtout au fiche produit), alors que http://www.panic.com/goods/ ne marche pas du tout sans javascript …

  5. Comme le dit Pulp, le site est tout à fait référençable, chaque page possède sa propre URL. En effet, on tombe sur une fiche produit classique si on désactive le javascript (ex : scots1748.myshopify.com/p… ). Il faut savoir que les robots des moteurs de recherche parcours les pages sans javascript, ils peuvent donc indexer toutes les pages comme sur un site classique…

  6. En effet, l’alert lors de l’ajout au panier fait plutôt peur… Sinon, le reste est bluffant, dommage !

Ajoutez un commentaire