Ergonomie des sites Internet - Comment optimiser votre site Web ?

(UJRQRPLH GHV VLWHV ,QWHUQHW
&RPPHQW RSWLPLVHU YRWUH VLWH ZHE"

Lundi 4 novembre à Saint-Tropez

&HWWH DFWLRQ V¶LQVqUH GDQV OH GLVSRVLWLI UpJLRQDO

6RQ REMHFWLI HVW GH GpYHORSSHU OD FRPSpWLWLYLWp GHV HQWUHSULVHV
SDU XQ PHLOOHXU XVDJH GHV 7HFKQRORJLHV GH O¶,QIRUPDWLRQ
HW GH OD &RPPXQLFDWLRQ
www.lenumeriquepourmonentreprise.com
/DXUH 3285&,1
'pYHORSSHPHQW G¶DIIDLUH VXU ,QWHUQHW
OSRXUFLQ#ZVLGHH FRP

$JHQFH 3URYHQFH $OSHV &{WH G¶$]XU
6LWH ZHE ZZZ ZVLGHH FRP

2

'pILQLWLRQ

Ergonomie, de quoi parle-t-on?

Sens général :
“ Étude scientifique de la relation entre l'homme et la
machine. ”
Appliquée au web :
“ Capacité à répondre efficacement aux attentes des
internautes et à leur fournir un confort de navigation. ”

3


1.

QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE, BONNE
OU MAUVAISE, DES VISITEURS D’UN SITE WEB ?

2.

COMMENT ADAPTER VOTRE SITE WEB AUX
TABLETTES ET SMART PHONES ?

3.

COMMENT FACILITER L’ACCÈS AUX INFORMATIONS ?

4.

COMMENT CONVERTIR VOS VISITEURS EN CLIENTS
POTENTIELS ?

5.

QUESTIONS / RÉPONSES

4

,QWURGXFWLRQ

Le site web s’inscrit dans votre stratégie de développement

5

,QWURGXFWLRQ

Le prérequis : une réflexion stratégique
Objectifs de
développement en
ligne

ϭͲ YƵĞů ĞƐƚ
ů͛ĞŶǀŝƌŽŶŶĞŵĞŶƚ ĚĞ ŵŽŶ
ĞŶƚƌĞƉƌŝƐĞ ƐƵƌ /ŶƚĞƌŶĞƚ͍

Stratégie et plan
marketing sur le
web

Pilotage de la
performance

ϯͲ YƵĞůůĞƐ ƐŽŶƚ ŵĞƐ ĐŝďůĞƐ ͍
ϰͲ YƵĞůƐ ƐŽŶƚ ůĞƵƌƐ ďĞƐŽŝŶƐ͍
ϱ ŽŵŵĞŶƚ ĨĂŝƌĞ ůĂ ĚŝĨĨĠƌĞŶĐĞ ͍

ϮͲ YƵĞůƐ ƐŽŶƚ ŵĞƐ
ŽďũĞĐƚŝĨƐ ĞŶ ůŝŐŶĞ͍

ϲͲ ŽŵŵĞŶƚ ǀĂůŽƌŝƐĞƌ ůĞƵƌ ǀŝƐŝƚĞ ƐƵƌ ŵŽŶ
ƐŝƚĞ ͍

ƚ͙ ĐŽŵŵĞŶƚ ŵĞƐƵƌĞƌ ůĞ ƌĠƐƵůƚĂƚ͍
6

,QWURGXFWLRQ

Le site est votre principal point de présence sur le web, mais
ce n’est pas le seul :
9 Des listings dans des annuaires
9 Des pages sur les réseaux sociaux
9 Des chaînes vidéos
9 Des annonces publicitaires
9 Des commentaires clients sur des sites
de consommateurs ou sur les réseaux
sociaux
9 Etc …
7

,QWURGXFWLRQ

/H VLWH ZHE HVW OD IRQGDWLRQ GH YRWUH GpYHORSSHPHQW HQ OLJQH

8


1.


2.


3.


4.

POTENTIELS ?

5.


9

([SpULHQFH XWLOLVDWHXU ±

LqUH

pWDSH

Première impression : l’apparence du site

9 La vitesse d’affichage
9 Le design
9 La lisibilité
9 La clarté du message

Mauvaise

Bonne

J’abandonne

Je continue

10


LqUH

pWDSH

([HPSOH

Avant

Après

Site conçu et réalisé par WSI Digital Marketing à Marseille

11

([SpULHQFH XWLOLVDWHXU

H

pWDSH

Deuxième étape : la recherche d’information

9 Structure du catalogue
9 Fonction de recherche
9 Nombre de clicks pour accéder à l’information
9 Page produit/service

Je ne trouve pas

J’ai trouvé

J’abandonne

Je continue

12

([SpULHQFH XWLOLVDWHXU

([HPSOH

Avant

Après

Site modifié avec WSI Digital Marketing à Marseille
13


H

pWDSH

Avant de prendre une décision, je vérifie

9 L’identité du vendeur, les mentions légales
9 Les avis clients
9 Les conditions commerciales
9 Les conditions de paiement

Je doute

Je suis rassuré

J’abandonne

Je continue

14

([SpULHQFH XWLOLVDWHXU ± 5HYLVLWH

Lors d’une revisite, je retrouve :

9 Mon panier
9 Ma sélection
9 Mes préférences
9 Des propositions relatives à mes achats passés
Cela permet de poursuivre le processus d’information ou d’achat, en
gagnant du temps.

15


1.


2.


3.


4.

POTENTIELS ?

5.


16

$GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV

Fin 2013, les mobiles (smartphones et tablettes) dépasseront
les ordinateurs fixes pour l’accès à l’internet.

Selon l’INSEE, près de 40%
des français ont utilisé
l’internet mobile en 2012,
chiffre en forte croissance.
C’est 75% des 15-29 ans.

17


Pour être ergonomique depuis les mobiles, un site doit être
conçu pour une grande variété de formats

9 Le ‘responsive design’ répond à ce besoin.
18


Le responsive design permet de n’avoir qu’un seul site, dont
l’apparence s’adapte au terminal utilisé pour le visiter
9 Le même contenu est visible depuis tous les terminaux, ce
qui facilite la publication et les mises à jour
9 La présentation de ce contenu est optimisée pour chaque
type d’appareil ciblé
9 Les photos et vidéos volumineuses sont allégées ou
supprimées dans la présentation sur les mobiles
9 On doit toujours optimiser la conception du site pour
chaque type de terminal en fonction des usages

19


Conception optimisée pour les smartphones
9

Un chargement rapide (2-5
sec. maximum)

9

Un menu simple

9

Une taille de caractères
suffisante pour lire sur petit
écran et cliquer avec un doigt

9

Un bouton d’appel

9

Une image ou une vidéo, de
faible résolution

9

Quelques actions simples et
claires (contact, liens)

20


Exemple du site élu meilleur site mobile de l’année 2012 :
Le site mobile de Lafourchette
Le jury a notamment apprécié:
- l'expérience de consultation
rapide
- le système de réservation
simplifié et accessible en
quelques clics,
- l’utilisation pertinente et
efficace des outils de géolocalisation
- le recours à des dispositifs de
promotion pour accélérer la
transformation instantanée.
Source : Google

21


Exemple de site construit en responsive design
Apparence sur un écran de PC

Apparence sur une tablette
Apparence sur smartphone

Site conçu et réalisé par WSI Digital Marketing à Montpellier
22


Exemple où les sites Internet et mobiles se complètent:

^ŝƚĞ ǁĞď ͗ ƚŽƵƚĞ ů͛ŝŶĨŽƌŵĂƚŝŽŶ
hŶĞ ĂĚƌĞƐƐĞ Ƶƌů ƵŶŝƋƵĞ ǁǁǁ͘ůĞƐϯƉŽƵƐƐŝŶƐ͘ĐŽŵ
^ŝƚĞƐ ƌĠĂůŝƐĠƐ ƉĂƌ t^/ ŝŐŝƚĂů DĂƌŬĞƚŝŶŐ ă ZƵĞŝůͲDĂůŵĂŝƐŽŶ ǁǁǁ͘ǁƐŝĞǆƉĞƌƚǁĞď͘Ĩƌ

^ŝƚĞ ŵŽďŝůĞ ͗ ů͛ĞƐƐĞŶƚŝĞů ĞŶ ƐŝƚƵĂƚŝŽŶ ĚĞ ŵŽďŝůŝƚĠ
23


Pourquoi faut-il avoir un site Internet optimisé pour les
terminaux mobiles?
9 Les prospects et les clients vont déjà sur le site web via
leur mobile (données Google Analytics)
9 S’ils ont une mauvaise expérience de visualisation de
votre site sur un mobile, la plupart n’y reviendront pas
9 Ils utilisent leur terminal mobile lorsqu’ils ont un besoin
urgent
9 La plupart des transactions de site Web sont facilement
transposables sur un site mobile

24


Quels sont les avantages à avoir un site Internet optimisé
pour les terminaux mobiles?
9 Atteindre une audience plus large
9 Accueillir du trafic supplémentaire généré par des
campagnes marketing mobile
9 SMS
9 QR Codes
9 Référencement
9 Réseaux sociaux mobiles
9 Accroître le nombre de conversions pour l’entreprise
25


1.


2.


3.


4.

POTENTIELS ?

5.


26

$FFqV DX[ LQIRUPDWLRQV

Structure simple et accès facile au catalogue

Site conçu et réalisé par WSI Digital Agency à Paris
27


H[HPSOH

Accès au catalogue par préoccupation

28


H[HPSOH

Accès au catalogue par usage

29


H[HPSOH

Accès au catalogue par produit

30


H[HPSOH

Fonction de recherche interne sur le site

31


H[HPSOH

Et aussi des rubriques spécifiques de saison, des rubriques
produits stars, en promotion ou en sélection :

Pour les offres répondant à une demande saisonnière.

…
32


H[HPSOH

Pouvoir obtenir des informations supplémentaires, par d’autres points de
contact.

33

(WUH YLVLEOH VXU *RRJOH SRXU OHV ERQV WHUPHV GH UHFKHUFKH ± OH UpIpUHQFHPHQW

sŽƚƌĞ ƌĞĐŚĞƌĐŚĞ

ZĠĨĠƌĞŶĐĞŵĞŶƚ
WĂǇĂŶƚ
;'͘ ĚǁŽƌĚƐͿ

ŶĂƚƵƌĞů

ůŽĐĂů

34

(WUH YLVLEOH VXU *RRJOH SRXU OHV ERQV WHUPHV GH UHFKHUFKH ± OH UpIpUHQFHPHQW

Stratégie de mots clés :

35

hƐĞǌ ĚĞ ůĂ sŝĚĠŽ Ğƚ ƌĠĨĠƌĞŶĐĞǌ ůĂ͘͘͘

36


1.


2.


3.


4.

POTENTIELS ?

5.


37

&RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV

Optimiser les pages d’atterrissage
9 Voir la vidéo :

38


H[HPSOH

Générer des demandes de devis de traduction/interprétation
s Ed

WZ ^

Ϭ ĐŽŶǀĞƌƐŝŽŶ ĚĞƉƵŝƐ Ϯ ĂŶƐ

нϯϬй ĚĞ
39

ĂŶŶƵĞů ĞŶ ϭ ĂŶ


Des fiches produits claires et complètes

Lien vers les réseaux sociaux
Avis clients

Contenu

Conseils

Réassurance
40

Vidéos


Les avis clients, éléments indispensables de la décision

41


Les informations de confiance
9 Obligatoires :
9 Mentions légales : hébergement, responsabilité
éditoriale du site
9 Conditions générales de vente : garanties éventuelles
9 Usage des données clients collectées
9 Recommandées :
9 Etapes du processus de vente
9 Sécurisation des paiements
9 Délais de livraison
42

&RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV ± /D PHVXUH

Mesurer les conversion pour s’améliorer
9Pour accroître les taux de conversion de votre site
9Pour corriger et améliorer vos actions à venir

DĞƐƵƌĞƌ͕
Đ͛ĞƐƚ ƉƌŽŐƌĞƐƐĞƌ͙

43


Utilisez les statistiques de votre site pour identifier les pages
qui posent problème ou qui sont très peu consultées.
,QGLFDWHXUV FOpV
‡ 1RPEUH GH YLVLWHV
‡ 7HPSV PRHQ SDVVp VXU OD SDJH
‡ 7DX[ GH UHERQG
‡ 3ULQFLSDOHV SDJHV GH VRUWLHV

44


Utilisez les statistiques de vos visiteurs suivent le chemin que
vous souhaitez qu’ils suivent.
,QGLFDWHXUV FOpV
‡ &UpDWLRQ G¶REMHFWLIV
‡ (QWRQQRLUV GH FRQYHUVLRQ
‡ 7DX[ GH FRQYHUVLRQ SDU pWDSH
‡ 7DX[ GH FRQYHUVLRQ JOREDO

45

(UJRQRPLH GHV VLWHV ZHE
(Q FRQFOXVLRQ

Les ‘trucs’ pour optimiser son site web en 2013
9 Penser expérience client avant tout :
9 Qui sont-ils et que cherchent-ils ? Comment leur
simplifier la vie?
9 Attention au service rendu en mobilité
9 Faciliter le dialogue entre et avec ses clients
9 Penser business – comment le site va-t-il contribuer à mes
objectifs et quelles conversion viser ?
9 Quelles informations sont nécessaires pour y parvenir?
9 Tester et s’améliorer
46

(UJRQRPLH GHV VLWHV ZHE
(Q FRQFOXVLRQ

Les ‘must’ pour optimiser son site web en 2013
9 Design adapté aux terminaux mobiles ‘responsive’
9 Optimisation pour le référencement
9 Navigation aisée et informations complètes : commerciales,
légales, sécurité des paiements, etc.
9 Liens de partage avec les réseaux sociaux
9 Privilégier les visuels : photos, infographies, vidéos
9 Messages clairs et conversions simples
9 Suivi analytique du trafic et des conversions

47


1.


2.


3.


4.

POTENTIELS ?

5.


48

Nous contacter

Laure POURCIN
06 12 47 46 92
lpourcin@wsidee.com
Agence Provence-Alpes-Côte d’Azur
Site web : www.wsidee.com

49

A NE PAS MANQUER !
Une journée pour explorer
de nouvelles pistes de croissance, développer vos
réseaux
et stimuler votre business.

Jeudi 5 décembre 2013
Toulon - Palais Neptune / 9h-20h
Retrouvez d’autres dirigeants varois
13 ateliers, 1 conférence
2 speed business meetings

ATELIER TOURISME // 9h30

Agences de réservation en ligne, OTA :
piège ou levier de croissance ?
Inscription GRATUITE et OBLIGATOIRE

www.var-ecobiz.fr
50

'éFRXYUH] OHV XVDJHV GHV 7,& OHV
DFWXDOLWéV O’DJHQGD GHV éYéQHPHQWV HW
OHV HQWUHSULVHV GH OD ILOLèUH 7,& UéJLRQDOH
VXU OH « SRUWDLO GHV XVDJHV »
7éOéFKDUJH] OHV VXSSRUWV GH FHWWH
SUéVHQWDWLRQ

www.lenumeriquepourmonentreprise.com
*URXSH FRPSHWLWLF

51

Ergonomie des sites Internet - Comment optimiser votre site Web ?

Contenu connexe

En vedette

Similaire à Ergonomie des sites Internet - Comment optimiser votre site Web ?

Plus de COMPETITIC

Ergonomie des sites Internet - Comment optimiser votre site Web ?