ergonomie & design dans le e-commercecomment augmenter la performance de votre site ?
avant de parler d’ergonomie…
l’offre avant tout  tarifs compétitifs                             modes de paiement                                      ...
le cycle du e-commerce1. créationconstruire un site e-commerce techniquement fonctionnel, « dans les règles de l’art »2. p...
optimiser le taux de conversionaméliorer l’expérience utilisateur pour qu’un maximum de visiteurssoient convertis en clients
en pratique
sur quoi peut-on agir ?                               taux de conversion                                                  ...
où peut-on agir ?l’entonnoir de conversion :
la page d’accueil• identité, secteur d’activité• téléphone, localisation, contact• produits, nouveautés• promotions, offre...
la page d’accueil
la page d’accueil
la page d’accueil
la page d’accueil
la page d’accueil
la page d’accueil
la page d’accueil
la liste des produits• visuels• prix & promotions• tris• filtres• quick view (aperçu rapide)
la liste des produits
la liste des produits
la liste des produits
la liste des produits
la liste des produits
la liste des produits
la liste des produits
la liste des produits
la fiche produit• titre & description• visuels & médias• call-to-action• disponibilité & livraison• options• avis consomma...
la fiche produit
la fiche produit
la fiche produit
la fiche produit
la fiche produit
la fiche produit
la fiche produit
le panier et la commandeLes raisons de l’abandon de panier :• le prix de la livraison est trop élevé• je veux comparer ava...
le panier et la commande• prix total• frais de livraison• bouton « payer ma commande »• éléments de réassurance• compte cl...
le panier et la commande
le panier et la commande
le panier et la commande
le panier et la commande
le panier et la commande
le panier et la commande
le panier et la commande
comment valider ses choix ?
les tests utilisateurs• utilisateurs représentatifs de la cible• un scénario à réaliser, en pensant à voix haute• eye-trac...
le split testingLe test A/B : quel design est le plus efficace ?• deux versions différentes d’une même page• trafic est ré...
le split testing                                Version A                                Version B                   Exemp...
le split testingLe test multivarié : quelle combinaison fonctionne le mieux ?• choix de plusieurs zones d’une page à teste...
l’analyse des statistiques• suivre les indicateurs de performance et les évaluer• mesurer l’impact des modifications• avoi...
En résumé• l’ergonomie pour booster les ventes• chaque détail compte• des améliorations en continu• tester pour augmenter ...
à propos de Net Design
notre agenceagence de communication digitale depuis 1998 à Annecy et Genèveconseil et stratégie                      desig...
nos clients
merci de votre attention !Retrouvez-nous sur le stand B48aux côtés de Prestashop,pour un audit « ergonomie et statistiques...
Prochain SlideShare
Chargement dans…5
×

[salon eCom 2012 Genève] Ergonomie & design des sites e-commerce

2 745 vues

Publié le

Support de conférence salon eCom Genève 2012 : ergonomie & design des sites e-commerce

Publié dans : Technologie
1 commentaire
2 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
2 745
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
0
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

[salon eCom 2012 Genève] Ergonomie & design des sites e-commerce

  1. 1. ergonomie & design dans le e-commercecomment augmenter la performance de votre site ?
  2. 2. avant de parler d’ergonomie…
  3. 3. l’offre avant tout tarifs compétitifs modes de paiement disponibilité des produits garanties une offre attractive, adaptée au e-commerce services modes de livraison frais de livraison délais de livraison SAV
  4. 4. le cycle du e-commerce1. créationconstruire un site e-commerce techniquement fonctionnel, « dans les règles de l’art »2. promotioncommuniquer et augmenter le volume de trafic3. conversiontransformer les visiteurs en clients4. fidélisationfaire revenir les clients régulièrement comment améliorer sa performance ?
  5. 5. optimiser le taux de conversionaméliorer l’expérience utilisateur pour qu’un maximum de visiteurssoient convertis en clients
  6. 6. en pratique
  7. 7. sur quoi peut-on agir ? taux de conversion taux de rebond panier moyen indicateurs de performance abandons de panier nombre d’articles par commande fidélité des visiteurs inscriptions newsletter
  8. 8. où peut-on agir ?l’entonnoir de conversion :
  9. 9. la page d’accueil• identité, secteur d’activité• téléphone, localisation, contact• produits, nouveautés• promotions, offres spéciales• moteur de recherche• éléments de réassurance
  10. 10. la page d’accueil
  11. 11. la page d’accueil
  12. 12. la page d’accueil
  13. 13. la page d’accueil
  14. 14. la page d’accueil
  15. 15. la page d’accueil
  16. 16. la page d’accueil
  17. 17. la liste des produits• visuels• prix & promotions• tris• filtres• quick view (aperçu rapide)
  18. 18. la liste des produits
  19. 19. la liste des produits
  20. 20. la liste des produits
  21. 21. la liste des produits
  22. 22. la liste des produits
  23. 23. la liste des produits
  24. 24. la liste des produits
  25. 25. la liste des produits
  26. 26. la fiche produit• titre & description• visuels & médias• call-to-action• disponibilité & livraison• options• avis consommateurs
  27. 27. la fiche produit
  28. 28. la fiche produit
  29. 29. la fiche produit
  30. 30. la fiche produit
  31. 31. la fiche produit
  32. 32. la fiche produit
  33. 33. la fiche produit
  34. 34. le panier et la commandeLes raisons de l’abandon de panier :• le prix de la livraison est trop élevé• je veux comparer avant d’acheter• je ne suis pas prêt maintenant• je n’ai pas envie de créer un compte• le site est trop lent• le formulaire est trop long / trop compliqué• il manque un moyen de paiement
  35. 35. le panier et la commande• prix total• frais de livraison• bouton « payer ma commande »• éléments de réassurance• compte client ou « invité » ?• formulaires
  36. 36. le panier et la commande
  37. 37. le panier et la commande
  38. 38. le panier et la commande
  39. 39. le panier et la commande
  40. 40. le panier et la commande
  41. 41. le panier et la commande
  42. 42. le panier et la commande
  43. 43. comment valider ses choix ?
  44. 44. les tests utilisateurs• utilisateurs représentatifs de la cible• un scénario à réaliser, en pensant à voix haute• eye-tracking : suivi du regard et des fixations visuelles• test filmé et enregistré test qualitatif : relever des défauts de conception ou des problèmes techniques insoupçonnés
  45. 45. le split testingLe test A/B : quel design est le plus efficace ?• deux versions différentes d’une même page• trafic est réparti également entre les 2 versions• un même utilisateur ne voit qu’une seule des deux versions• trafic et la durée du test pour des statistiques fiables• augmenter le nombre de versions avec un test A/B/C/D…
  46. 46. le split testing Version A Version B Exemples de tests sur http://visualwebsiteoptimizer.com
  47. 47. le split testingLe test multivarié : quelle combinaison fonctionne le mieux ?• choix de plusieurs zones d’une page à tester (ex : titre, photo, bouton)• plusieurs versions pour chaque zone• test de toutes les combinaisons possibles
  48. 48. l’analyse des statistiques• suivre les indicateurs de performance et les évaluer• mesurer l’impact des modifications• avoir des indications sur les principales zones de friction et pages à améliorer (pages de sortie, temps passé, abandons de panier…)
  49. 49. En résumé• l’ergonomie pour booster les ventes• chaque détail compte• des améliorations en continu• tester pour augmenter la performance !
  50. 50. à propos de Net Design
  51. 51. notre agenceagence de communication digitale depuis 1998 à Annecy et Genèveconseil et stratégie design & technologie web-marketingStratégie de marque Identité visuelle et webdesign SEO, SEAStratégie digitale Développement Drupal, WordPress Affiliation, emailing, cross-mediaConception / Rédaction E-commerce (Prestashop, Magento) Social marketingArchitecture de l’information Interfaçages ERP / CRM Suivi de performance et statistiquesErgonomie et expérience utilisateur Mobiles & tablettes AdvergamesE-commerce : financement, business plan Intranet / Extranet Testing Certification Google AdWords Certification Prestashop Expertise Magento
  52. 52. nos clients
  53. 53. merci de votre attention !Retrouvez-nous sur le stand B48aux côtés de Prestashop,pour un audit « ergonomie et statistiques » de votre site webet sur www.agencenetdesign.com

×