9 règles pour concevoir un site E-commerce en responsive design
quatrepointzero_conception_repsonsive_design

Proposer des interfaces responsive pour les sites de e-commerce permet de booster considérablement les ventes. A titre d’exemple, eBay a plus que doublé ses transactions mobiles par rapport à 2011.

Le facteur déclenchant l’achat d’un e-client reste le respect des critères ergonomiques dans la conception du site. Quelles sont les règles à respecter permettant d’avoir une expérience utilisateur satisfaisante ?

  1. Proposer une page d’accueil riche
    Eléments indispensables : des produits d’appel, l’accès au catalogue de produits et une recherche par mots clés.
  2. Proposer la même architecture de l’information sur tous les terminaux
    L’arborescence doit être la même pour que les utilisateurs aient des éléments connus d’un support à l’autre.
  3. Proposer les mêmes fonctionnalités sur tous les terminaux
    Le risque est de frustrer l’utilisateur habitué à une version desktop lorsqu’il navigue sur la version mobile simplifiée.
  4. Offrir une recherche par mots-clés performante
    Le moteur de recherche reste l’outil privilégié par beaucoup d’utilisateurs.
  5. Adapter la taille des contenus au device utilisé
    Prendre en compte le fait que le mode d’interaction n’est pas le même en fonction des supports (souris vs tactile). Exemple : les checkboxs doivent être assez grosses pour pouvoir les sélectionner.
  6. Adapter la navigation au terminal utilisé
    Adapter les éléments interactifs (boutons, menus déroulants) en fonction du type de support.
  7. Proposer des fonctionnalités spécifiques au terminal utilisé
    Par exemple la localisation pour les smartphone et tablette est apprécié par les consommateurs puisque le contexte d’usage est mobile (proposer d’indiquer l’enseigne la plus proche de la position de l’e-client).
  8. Afficher le parcours d’achat
    Souvent délaissé sur les versions mobiles il reste un élément indispensable pour des sites de e-commerce.
  9. Limiter le temps de chargement
    Optimiser le poids des pages pour les smartphone qui utilisent des débits « limités ».

 

A retenir

– Concevoir 3 versions distinctes de son site e-commerce

– Utiliser les avantages qu’apportent chacun des supports

Homogénéiser les contenus et les fonctionnalités

– Adapter la taille des contenus et les interactions au support utilisé

Publié le 31 mars 2014 / Design, E-commerce

Partager cet article

Haut de page