optimisez l'ergonomie de votre site pour convertir
DESCRIPTION
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 ...TRANSCRIPT
![Page 1: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/1.jpg)
Optimiser l’ergonomie de votre site Internet pour mieux convertir
![Page 2: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/2.jpg)
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
![Page 3: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/3.jpg)
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 ?
![Page 4: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/4.jpg)
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 ?
![Page 5: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/5.jpg)
5
ERGONOMIE !
EXPERIENCE UTILISATEUR
!
CONVERSION
VISITEUR
CLIENT
![Page 6: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/6.jpg)
6
2 BONNES RAISONS DE TRAVAILLER VOTRE ERGONOMIE
PLAIRE À ….
Vos visiteurs GoogleCopyright Tous droits réservés par Alfredo Cáceres
![Page 7: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/7.jpg)
GRANDS PRINCIPES
![Page 8: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/8.jpg)
8
1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE…
![Page 9: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/9.jpg)
9
1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE !
![Page 10: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/10.jpg)
10
1/ PENSEZ AU DESIGN LAISSEZ DE L’ESPACE !
![Page 11: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/11.jpg)
11
2/ NAVIGATION : LA RÈGLE DES 3 CLICS
Accéder à n’importe quel contenu en 3 clics
![Page 12: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/12.jpg)
12
3/ ÉQUILIBRE ENTRE LIBERTÉ ET ACCOMPAGNEMENT DU VISITEUR
![Page 13: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/13.jpg)
13
4/ TESTEZ VOS MODIFICATIONS
![Page 14: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/14.jpg)
MON PLAN D’ACTION
CONVERSION
![Page 15: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/15.jpg)
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
![Page 16: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/16.jpg)
16
PENSEZ ERGONOMIE DÈS LA STRUCTURE
Facilitez la navigation pour le visiteur !
![Page 17: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/17.jpg)
17
1/ LA PAGE D’ACCUEIL
Attention Intérêt Désir Action
![Page 18: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/18.jpg)
18
ATTIRER L’ATTENTION
PHOTOS VIDEOS ACCROCHE
![Page 19: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/19.jpg)
19
SUSCITER L’INTÉRÊT
Expliquez vos bénéfices Démontrez votre valeur ajoutée
Parlez à votre audience
![Page 20: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/20.jpg)
20
PROVOQUER LE DÉSIR
Apportez des preuves à vos arguments
Témoignages Portfolio Logos clients
![Page 21: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/21.jpg)
21
UTILISER DES TÉMOIGNAGES CLIENTS
+12.5%de conversion
![Page 22: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/22.jpg)
22
INCITER À L’ACTION !
Objectif : inciter le visiteur à prendre une décision, et à agir
COMMENCEZ MAINTENANT
![Page 23: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/23.jpg)
23
BOUTON D’APPEL À L’ACTION
![Page 24: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/24.jpg)
24
BOUTON D’APPEL À L’ACTION
![Page 25: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/25.jpg)
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
![Page 26: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/26.jpg)
PAGE D’ACCUEIL !
LES QUESTIONS PIÈGES
![Page 27: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/27.jpg)
FAUT-IL UN CARROUSEL?
![Page 28: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/28.jpg)
![Page 29: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/29.jpg)
DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ?
![Page 30: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/30.jpg)
DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ?
![Page 31: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/31.jpg)
DOIS-JE METTRE MES CARACTÉRISTIQUES PRODUITS ?
Le Meilleur téléphone pour toute la famille
Un téléphone différent
![Page 32: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/32.jpg)
32
QUELLE LONGUEUR POUR VOTRE PAGE D’ACCUEIL ?
UNE RÈGLE SIMPLE PLUS VOUS EN DEMANDEZ PLUS VOUS DEVEZ DONNER
![Page 33: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/33.jpg)
33
COURTE PAGE EXEMPLE STARTUP VOUS OFFRE UNE MANIÈRE D’AMÉLIORER VOTRE SANTÉ GRATUITEMENT
![Page 34: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/34.jpg)
34
LONGUE PAGE : EXEMPLE PLUS DE 4000€/MOIS DEMANDÉ !
![Page 35: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/35.jpg)
35
SUR VOTRE 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...
![Page 36: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/36.jpg)
36
2/ LE FORMULAIRE DE CONTACT
SOIGNEZ VOTRE FORMULAIRE
![Page 37: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/37.jpg)
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
![Page 38: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/38.jpg)
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.
![Page 39: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/39.jpg)
39
EXEMPLE
VS
![Page 40: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/40.jpg)
40
SUR VOTRE 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 !
![Page 41: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/41.jpg)
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
![Page 42: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/42.jpg)
42
5/ ERGONOMIE & SEO MAKE LOVE ! NOT WAR !
![Page 43: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/43.jpg)
43
6/ L’ERGONOMIE EN E-COMMERCE
Attention Intérêt Désir Action
![Page 44: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/44.jpg)
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
![Page 45: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/45.jpg)
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
![Page 46: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/46.jpg)
46
EXEMPLE E-COMMERCE BON PROCESSUS
![Page 47: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/47.jpg)
47
EXEMPLE E-COMMERCE BON PROCESSUS
![Page 48: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/48.jpg)
48
EXEMPLE E-COMMERCE MAUVAISE PAGE CATÉGORIE
![Page 49: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/49.jpg)
49
EXEMPLE E-COMMERCE
BONNE PAGE PRODUIT
![Page 50: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/50.jpg)
50
POUR FINIR, ADAPTEZ-VOUS À LA MOBILITÉ DE VOS 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.
![Page 51: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/51.jpg)
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.
![Page 52: Optimisez l'ergonomie de votre site pour convertir](https://reader033.vdocuments.site/reader033/viewer/2022060117/5586ea64d8b42a04138b4718/html5/thumbnails/52.jpg)
52
DES QUESTIONS ?YOANN BOURDON
!
06 71 54 21 32 [email protected]
WWW.POWEBCO.FR/AUDIT
Un doute sur la performance de votre site ? Profitez de l’audit gratuit sur :