Ergonomie : 5 idées pour améliorer son tunnel de conversion Quand tout le tunnel tient sur une seule page

Le tunnel de conversion du portail marchand de Gap est un modèle du genre. D'abord, il est possible de rassembler dans le même panier des produits issus des cinq marques du groupe et de mener l'achat jusqu'à son terme de façon transparente pour l'utilisateur. D'un point de vue ergonomique, le tunnel d'achat de Gap.com se distingue en particulier par le fait que toutes les étapes sont regroupée en une seule page, s'organisant en un système d'onglets que l'internaute plie et déplie.

Identification, livraison, option d'emballage cadeau, paiement et codes de réduction, validation : il renseigne chaque étape l'une après l'autre et peut toujours revenir éditer des informations déjà renseignées. Un récapitulatif du panier occupe la partie droite de l'écran, le total à payer se mettant à jour en fonction des choix de livraison et d'options effectués par l'internaute. Le site du libraire américain Barnes and Noble propose également un check-out en "plier-déplier" sur une page unique. 

Sans doute moins élégant mais tout aussi efficace, le tunnel de conversion de l'e-commerçant américain Panic Goods tient sur une seule page. Chacune des cinq étapes est ramenée à l'essentiel. Le récapitulatif de commande, tout en haut, fait office de panier, au sein duquel il est par exemple possible de modifier les quantités. Suivent les coordonnées, l'adresse de livraison et les informations de paiement. Le total à payer s'affiche au bas de la page, suivi par un bouton de validation de la commande.