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 YOANN@POWEBCO.FR

WWW.POWEBCO.FR/AUDIT

Un doute sur la performance de votre site ? Profitez de l’audit gratuit sur :