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

1. ergonomie & design dans le e-commerce
comment augmenter la performance de votre site ?

2. avant de parler d’ergonomie…

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. le cycle du e-commerce
1. création
construire un site e-commerce techniquement fonctionnel, « dans les règles de l’art »
2. promotion
communiquer et augmenter le volume de trafic
3. conversion
transformer les visiteurs en clients
4. fidélisation
faire revenir les clients régulièrement
comment améliorer sa performance ?

5. optimiser le taux de conversion
améliorer l’expérience utilisateur pour qu’un maximum de visiteurs
soient convertis en clients

6. en pratique

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. où peut-on agir ?
l’entonnoir de conversion :

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. la page d’accueil

11. la page d’accueil

12. la page d’accueil

13. la page d’accueil

14. la page d’accueil

15. la page d’accueil

16. la page d’accueil

17. la liste des produits
• visuels
• prix & promotions
• tris
• filtres
• quick view (aperçu rapide)

18. la liste des produits

19. la liste des produits

20. la liste des produits

21. la liste des produits

22. la liste des produits

23. la liste des produits

24. la liste des produits

25. la liste des produits

26. la fiche produit
• titre & description
• visuels & médias
• call-to-action
• disponibilité & livraison
• options
• avis consommateurs

27. la fiche produit

28. la fiche produit

29. la fiche produit

30. la fiche produit

31. la fiche produit

32. la fiche produit

33. la fiche produit

34. le panier et la commande
Les 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. 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. le panier et la commande

37. le panier et la commande

38. le panier et la commande

39. le panier et la commande

40. le panier et la commande

41. le panier et la commande

42. le panier et la commande

43. comment valider ses choix ?

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. le split testing
Le 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. le split testing
Version A
Version B
Exemples de tests sur http://visualwebsiteoptimizer.com

47. le split testing
Le 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. 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. En résumé
• l’ergonomie pour booster les ventes
• chaque détail compte
• des améliorations en continu
• tester pour augmenter la performance !

50. à propos de Net Design

51. notre agence
agence de communication digitale depuis 1998 à Annecy et Genève
conseil et stratégie design & technologie web-marketing
Stratégie de marque Identité visuelle et webdesign SEO, SEA
Stratégie digitale Développement Drupal, WordPress Affiliation, emailing, cross-media
Conception / Rédaction E-commerce (Prestashop, Magento) Social marketing
Architecture de l’information Interfaçages ERP / CRM Suivi de performance et statistiques
Ergonomie et expérience utilisateur Mobiles & tablettes Advergames
E-commerce : financement, business plan Intranet / Extranet Testing
Certification Google AdWords Certification Prestashop Expertise Magento

52. nos clients

53. merci de votre attention !
Retrouvez-nous sur le stand B48
aux côtés de Prestashop,
pour un audit « ergonomie et statistiques » de votre site web
et sur www.agencenetdesign.com