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
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-fondateur de Powebco
www.powebco.fr
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
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
ERGONOMIE !
EXPERIENCE UTILISATEUR
!
CONVERSION
VISITEUR
CLIENT
6
2 BONNES RAISONS DE TRAVAILLER VOTRE ERGONOMIE
PLAIRE À ….
Vos visiteurs GoogleCopyright Tous droits réservés par Alfredo Cáceres
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 DU VISITEUR
13
4/ TESTEZ VOS 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 page “service”
Mon site e-commerce
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 plus de 2 - des appels à l’action trop longs - des appels à l’action
pas assez engageants
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 POUR VOTRE PAGE D’ACCUEIL ?
UNE RÈGLE SIMPLE PLUS VOUS EN DEMANDEZ PLUS VOUS DEVEZ DONNER
33
COURTE PAGE EXEMPLE STARTUP VOUS OFFRE UNE MANIÈRE D’AMÉLIORER VOTRE SANTÉ GRATUITEMENT
34
LONGUE PAGE : EXEMPLE PLUS DE 4000€/MOIS DEMANDÉ !
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...
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 contact ?
2/ LE FORMULAIRE DE CONTACT
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.
39
EXEMPLE
VS
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 !
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
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-vitrine”
Création d’une liste de souhait
> Email !
Faites-le s’inscrire à la Newsletter contre un
bon cadeau
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
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É 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.
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.
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 :