Optimiser l’ergonomie
de votre site Internet
pour mieux convertir
2
Agence web spécialisée dans l’optimisation
de l’experience de l’utilisateur
AVANT DE	

COMMENCER…
Yoann Bourdon
Co-fonda...
3
A) Répondre au besoin du visiteur	

B) Améliorer mon référencement	

C) Améliorer mon graphisme	

D) Mieux convertir
A Q...
4
A) Répondre au besoin du visiteur	

B) Améliorer mon référencement	

C) Améliorer mon graphisme	

D) Mieux convertir
A Q...
5
ERGONOMIE	

!
EXPERIENCE 	

UTILISATEUR	

!
CONVERSION
VISITEUR
CLIENT
6
2 BONNES RAISONS DE
TRAVAILLERVOTRE ERGONOMIE
PLAIRE À ….
Vos visiteurs Google
CopyrightTous droits réservés par Alfredo...
GRANDS	

PRINCIPES
8
1/ PENSEZ AU DESIGN	

LAISSEZ DE L’ESPACE…
9
1/ PENSEZ AU DESIGN	

LAISSEZ DE L’ESPACE !
10
1/ PENSEZ AU DESIGN	

LAISSEZ DE L’ESPACE !
11
2/ NAVIGATION : 	

LA RÈGLE DES 3 CLICS
Accéder à n’importe 	

quel contenu en 3 clics
12
3/ ÉQUILIBRE ENTRE LIBERTÉ ET
ACCOMPAGNEMENT DUVISITEUR
13
4/TESTEZVOS MODIFICATIONS
MON PLAN 	

D’ACTION	

CONVERSION
15
MON PLAN D’ACTION	

CONVERSION
Ma page	

d’accueil
Mes boutons 	

d’appels à l’action
Mon formulaire	

de contact
Ma pa...
16
PENSEZ ERGONOMIE	

DÈS LA STRUCTURE
Facilitez la navigation pour le visiteur !
17
1/ LA PAGE 	

D’ACCUEIL
Attention
Intérêt
Désir
Action
18
ATTIRER
L’ATTENTION
PHOTOS VIDEOS ACCROCHE
19
SUSCITER	

L’INTÉRÊT
Expliquez vos bénéfices	

Démontrez votre valeur ajoutée	

Parlez à votre audience
20
PROVOQUER	

LE DÉSIR
Apportez des preuves à vos arguments
Témoignages Portfolio Logos clients
21
UTILISER DES 	

TÉMOIGNAGES CLIENTS
+12.5%de conversion
22
INCITER À 	

L’ACTION !
Objectif : inciter le visiteur à 	

prendre une décision, et à agir
COMMENCEZ MAINTENANT
23
BOUTON D’APPEL 	

À L’ACTION
24
BOUTON D’APPEL 	

À L’ACTION
25
BOUTON D’APPEL 	

À L’ACTION
- Encapsuler le bouton	

- Contraste de couleur	

- Aérer le design
- en faire trop… pas p...
PAGE D’ACCUEIL	

!
LES QUESTIONS
PIÈGES
FAUT-IL UN 	

CARROUSEL?
DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?
DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?
DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?
Le Meilleur téléphone 	

pour toute la famille
Un téléphone	

différent
32
QUELLE LONGUEUR POURVOTRE
PAGE D’ACCUEIL ?
UNE RÈGLE SIMPLE
PLUSVOUS EN DEMANDEZ	

PLUSVOUS DEVEZ DONNER
33
COURTE PAGE EXEMPLE	

STARTUPVOUS OFFRE UNE MANIÈRE D’AMÉLIORERVOTRE SANTÉ GRATUITEMENT
34
LONGUE PAGE : EXEMPLE	

PLUS DE 4000€/MOIS DEMANDÉ !
35
SURVOTRE	

PAGE D’ACCUEIL
- Un message clair	

- Une valeur ajoutée qui
saute aux yeux	

- Des boutons d’appel à
l’acti...
36
2/ LE FORMULAIRE 	

DE CONTACT
SOIGNEZ VOTRE
FORMULAIRE
37
A) 2 champs	

B) 3 champs	

C) 6 champs	

D) 8 champs
Quel est le nombre de champs parfait pour un
formulaire de contac...
38
A) 2 champs	

B) 3 champs	

C) 6 champs	

D) 8 champs
Quel est le nombre de champs parfait pour un
formulaire de contac...
39
EXEMPLE
VS
40
SURVOTRE	

PAGE D’ACCUEIL
- Demandez le nécessaire
et…. c’est tout !
- Texte au dessus du
champs à remplir
- Travaillez...
41
4/VOTRE PAGE PRODUIT	

UNE PAGE D’ACCUEIL “SPÉCIFIQUE”
A I D A
Mais objectif unique qui est de vendre un produit ou ser...
42
5/ ERGONOMIE & SEO 	

MAKE LOVE ! NOT WAR !
43
6/ L’ERGONOMIE 	

EN E-COMMERCE
Attention
Intérêt
Désir
Action
44
MIEUX CONVERTIR SUR SON
SITE ECOMMERCE
Comme dans la vraie une grande partie
des utilisateurs ne font que du “lèche-vit...
45
MIEUX CONVERTIR SUR SON
SITE ECOMMERCE
1. Réduire les étapes pour ajouter
un produit au panier	

2. Réduire et séparer ...
46
EXEMPLE E-COMMERCE	

BON PROCESSUS
47
EXEMPLE E-COMMERCE	

BON PROCESSUS
48
EXEMPLE E-COMMERCE	

MAUVAISE PAGE CATÉGORIE
49
EXEMPLE E-
COMMERCE	

BONNE PAGE
PRODUIT
50
POUR FINIR,ADAPTEZ-VOUS 	

À LA MOBILITÉ DEVOS CLIENTS !
MOBILE PC TABLETTE
27% de la totalité des
visites sur Internet...
51
DE MANIÈRE	

GÉNÉRALE
Ne prenez pas tous ces conseils à la lettre. Utilisez ces
conseils et techniques comme une check-...
52
DES QUESTIONS ?
YOANN BOURDON
!
06 71 54 21 32
YOANN@POWEBCO.FR
WWW.POWEBCO.FR/AUDIT
Un doute sur la performance de vot...
Optimisez l'ergonomie de votre site pour convertir
Prochain SlideShare
Chargement dans…5
×

Optimisez l'ergonomie de votre site pour convertir

4 129 vues

Publié le

Inscrivez-vous au prochain Jeudi du Webmarketing ici http://goo.gl/7HMsvy

Présentation de Powebco pour l'atelier du Jeudi du Webmarketing #7 - "Entrepreneurs, convertissez !"

Découvrez les aspects fondamentaux de l'ergonomie web : une méthode concrète pour faire une revue de votre site internet en fonction de vos objectifs et de vos ressources et un panel d’astuces pour améliorer le nombre de personne qui achètent vos produits en ligne, vous donnent leur contact, s'inscrivent à un événement ...

Publié dans : Marketing
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 129
Sur SlideShare
0
Issues des intégrations
0
Intégrations
361
Actions
Partages
0
Téléchargements
34
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Optimisez l'ergonomie de votre site pour convertir

  1. 1. Optimiser l’ergonomie de votre site Internet pour mieux convertir
  2. 2. 2 Agence web spécialisée dans l’optimisation de l’experience de l’utilisateur AVANT DE COMMENCER… Yoann Bourdon Co-fondateur de Powebco www.powebco.fr
  3. 3. 3 A) Répondre au besoin du visiteur B) Améliorer mon référencement C) Améliorer mon graphisme D) Mieux convertir A QUOI SERT L’ERGONOMIE SUR UN SITE WEB ? A QUOI SERT L’ERGONOMIE ?
  4. 4. 4 A) Répondre au besoin du visiteur B) Améliorer mon référencement C) Améliorer mon graphisme D) Mieux convertir A QUOI SERT L’ERGONOMIE SUR UN SITE WEB ? A QUOI SERT L’ERGONOMIE ?
  5. 5. 5 ERGONOMIE ! EXPERIENCE UTILISATEUR ! CONVERSION VISITEUR CLIENT
  6. 6. 6 2 BONNES RAISONS DE TRAVAILLERVOTRE ERGONOMIE PLAIRE À …. Vos visiteurs Google CopyrightTous droits réservés par Alfredo Cáceres
  7. 7. GRANDS PRINCIPES
  8. 8. 8 1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE…
  9. 9. 9 1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE !
  10. 10. 10 1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE !
  11. 11. 11 2/ NAVIGATION : LA RÈGLE DES 3 CLICS Accéder à n’importe quel contenu en 3 clics
  12. 12. 12 3/ ÉQUILIBRE ENTRE LIBERTÉ ET ACCOMPAGNEMENT DUVISITEUR
  13. 13. 13 4/TESTEZVOS MODIFICATIONS
  14. 14. MON PLAN D’ACTION CONVERSION
  15. 15. 15 MON PLAN D’ACTION CONVERSION Ma page d’accueil Mes boutons d’appels à l’action Mon formulaire de contact Ma page “service” Mon site e-commerce
  16. 16. 16 PENSEZ ERGONOMIE DÈS LA STRUCTURE Facilitez la navigation pour le visiteur !
  17. 17. 17 1/ LA PAGE D’ACCUEIL Attention Intérêt Désir Action
  18. 18. 18 ATTIRER L’ATTENTION PHOTOS VIDEOS ACCROCHE
  19. 19. 19 SUSCITER L’INTÉRÊT Expliquez vos bénéfices Démontrez votre valeur ajoutée Parlez à votre audience
  20. 20. 20 PROVOQUER LE DÉSIR Apportez des preuves à vos arguments Témoignages Portfolio Logos clients
  21. 21. 21 UTILISER DES TÉMOIGNAGES CLIENTS +12.5%de conversion
  22. 22. 22 INCITER À L’ACTION ! Objectif : inciter le visiteur à prendre une décision, et à agir COMMENCEZ MAINTENANT
  23. 23. 23 BOUTON D’APPEL À L’ACTION
  24. 24. 24 BOUTON D’APPEL À L’ACTION
  25. 25. 25 BOUTON D’APPEL À L’ACTION - Encapsuler le bouton - Contraste de couleur - Aérer le design - en faire trop… pas plus de 2 - des appels à l’action trop longs - des appels à l’action 
 pas assez engageants
  26. 26. PAGE D’ACCUEIL ! LES QUESTIONS PIÈGES
  27. 27. FAUT-IL UN CARROUSEL?
  28. 28. DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ?
  29. 29. DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ?
  30. 30. DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ? Le Meilleur téléphone pour toute la famille Un téléphone différent
  31. 31. 32 QUELLE LONGUEUR POURVOTRE PAGE D’ACCUEIL ? UNE RÈGLE SIMPLE PLUSVOUS EN DEMANDEZ PLUSVOUS DEVEZ DONNER
  32. 32. 33 COURTE PAGE EXEMPLE STARTUPVOUS OFFRE UNE MANIÈRE D’AMÉLIORERVOTRE SANTÉ GRATUITEMENT
  33. 33. 34 LONGUE PAGE : EXEMPLE PLUS DE 4000€/MOIS DEMANDÉ !
  34. 34. 35 SURVOTRE PAGE D’ACCUEIL - Un message clair - Une valeur ajoutée qui saute aux yeux - Des boutons d’appel à l’action - Gros blocs de texte - Pas de positionnement ou de ciblage - Mauvais design : force de la première impression - Utiliser un slider… svp...
  35. 35. 36 2/ LE FORMULAIRE DE CONTACT SOIGNEZ VOTRE FORMULAIRE
  36. 36. 37 A) 2 champs B) 3 champs C) 6 champs D) 8 champs Quel est le nombre de champs parfait pour un formulaire de contact ? 2/ LE FORMULAIRE DE CONTACT
  37. 37. 38 A) 2 champs B) 3 champs C) 6 champs D) 8 champs Quel est le nombre de champs parfait pour un formulaire de contact ? 2/ LE FORMULAIRE DE CONTACT Passer de 3 à 6 le nombre de champs de votre formulaire… vous fera perdre en moyenne 10% de conversion.
  38. 38. 39 EXEMPLE VS
  39. 39. 40 SURVOTRE PAGE D’ACCUEIL - Demandez le nécessaire et…. c’est tout ! - Texte au dessus du champs à remplir - Travaillez le titre de votre formulaire - Isolez-le ou créez une page spécifique - Certains mots à proscrire “soumettre” - Demander l’âge - Appliquer nos conseils à la lettre !
  40. 40. 41 4/VOTRE PAGE PRODUIT UNE PAGE D’ACCUEIL “SPÉCIFIQUE” A I D A Mais objectif unique qui est de vendre un produit ou service spécifique. ! • Mettez en avant les bénéfices • Illustrez vos propos • Prouver votre légitimité • Un seul appel à l’action • Une page optimisée pour le partage
  41. 41. 42 5/ ERGONOMIE & SEO MAKE LOVE ! NOT WAR !
  42. 42. 43 6/ L’ERGONOMIE EN E-COMMERCE Attention Intérêt Désir Action
  43. 43. 44 MIEUX CONVERTIR SUR SON SITE ECOMMERCE Comme dans la vraie une grande partie des utilisateurs ne font que du “lèche-vitrine” Création d’une liste de souhait > Email ! Faites-le s’inscrire à la Newsletter contre un bon cadeau
  44. 44. 45 MIEUX CONVERTIR SUR SON SITE ECOMMERCE 1. Réduire les étapes pour ajouter un produit au panier 2. Réduire et séparer les étapes qui mènent à l’achat Faciliter le processus d’achat 1. Toujours proposer plusieurs options 2. Préciser les coûts et délais de livraison
  45. 45. 46 EXEMPLE E-COMMERCE BON PROCESSUS
  46. 46. 47 EXEMPLE E-COMMERCE BON PROCESSUS
  47. 47. 48 EXEMPLE E-COMMERCE MAUVAISE PAGE CATÉGORIE
  48. 48. 49 EXEMPLE E- COMMERCE BONNE PAGE PRODUIT
  49. 49. 50 POUR FINIR,ADAPTEZ-VOUS À LA MOBILITÉ DEVOS CLIENTS ! MOBILE PC TABLETTE 27% de la totalité des visites sur Internet se fait sur mobile et tablette 25 millions de mobinautes actifs chaque mois en France.
  50. 50. 51 DE MANIÈRE GÉNÉRALE Ne prenez pas tous ces conseils à la lettre. Utilisez ces conseils et techniques comme une check-list. ! Votre stratégie de conversion dépend de vos clients et leurs attentes. Elle vous est propre. ! Mesurez - Testez - Optimisez : faites des tests et utilisez les outils d’analyse pour comprendre le comportement des utilisateurs sur votre site. Et adaptez-le en conséquence.
  51. 51. 52 DES QUESTIONS ? YOANN BOURDON ! 06 71 54 21 32 YOANN@POWEBCO.FR WWW.POWEBCO.FR/AUDIT Un doute sur la performance de votre site ? Profitez de l’audit gratuit sur :

×