Ergonomie des sites Internet - Comment optimiser votre site Web ?

1. (UJRQRPLH GHV VLWHV ,QWHUQHW &RPPHQW RSWLPLVHU YRWUH VLWH ZHE" Lundi 4 novembre à Saint-Tropez

2. &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

3. (UJRQRPLH GHV VLWHV ,QWHUQHW '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

4. (UJRQRPLH GHV VLWHV ,QWHUQHW &RPPHQW RSWLPLVHU YRWUH VLWH ZHE" 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

5. (UJRQRPLH GHV VLWHV ,QWHUQHW ,QWURGXFWLRQ Le site web s’inscrit dans votre stratégie de développement 5

6. (UJRQRPLH GHV VLWHV ,QWHUQHW ,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

7. (UJRQRPLH GHV VLWHV ,QWHUQHW ,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

8. (UJRQRPLH GHV VLWHV ,QWHUQHW ,QWURGXFWLRQ /H VLWH ZHE HVW OD IRQGDWLRQ GH YRWUH GpYHORSSHPHQW HQ OLJQH 8

10. (UJRQRPLH GHV VLWHV ,QWHUQHW ([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

11. (UJRQRPLH GHV VLWHV ,QWHUQHW ([SpULHQFH XWLOLVDWHXU ± LqUH pWDSH ([HPSOH Avant Après Site conçu et réalisé par WSI Digital Marketing à Marseille 11

12. (UJRQRPLH GHV VLWHV ,QWHUQHW ([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

13. (UJRQRPLH GHV VLWHV ,QWHUQHW ([SpULHQFH XWLOLVDWHXU ([HPSOH Avant Après Site modifié avec WSI Digital Marketing à Marseille 13

14. (UJRQRPLH GHV VLWHV ,QWHUQHW ([SpULHQFH XWLOLVDWHXU ± 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

15. (UJRQRPLH GHV VLWHV ,QWHUQHW ([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

17. (UJRQRPLH GHV VLWHV ,QWHUQHW $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

18. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

19. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

20. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

21. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

22. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

23. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV Exemple où les sites Internet et mobiles se complètent: ^ŝƚĞ ǁĞď ͗ ƚŽƵƚĞ ů͛ŝŶĨŽƌŵĂƚŝŽŶ hŶĞ ĂĚƌĞƐƐĞ Ƶƌů ƵŶŝƋƵĞ ǁǁǁ͘ůĞƐϯƉŽƵƐƐŝŶƐ͘ĐŽŵ ^ŝƚĞƐ ƌĠĂůŝƐĠƐ ƉĂƌ t^/ ŝŐŝƚĂů DĂƌŬĞƚŝŶŐ ă ZƵĞŝůͲDĂůŵĂŝƐŽŶ ǁǁǁ͘ǁƐŝĞǆƉĞƌƚǁĞď͘Ĩƌ ^ŝƚĞ ŵŽďŝůĞ ͗ ů͛ĞƐƐĞŶƚŝĞů ĞŶ ƐŝƚƵĂƚŝŽŶ ĚĞ ŵŽďŝůŝƚĠ 23

24. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

25. (UJRQRPLH GHV VLWHV ,QWHUQHW $GDSWDWLRQ DX[ WHUPLQDX[ PRELOHV 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

27. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV Structure simple et accès facile au catalogue Site conçu et réalisé par WSI Digital Agency à Paris 27

28. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV H[HPSOH Accès au catalogue par préoccupation Site conçu et réalisé par WSI Digital Agency à Paris 28

29. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV H[HPSOH Accès au catalogue par usage Site conçu et réalisé par WSI Digital Agency à Paris 29

30. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV H[HPSOH Accès au catalogue par produit Site conçu et réalisé par WSI Digital Agency à Paris 30

31. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV H[HPSOH Fonction de recherche interne sur le site Site conçu et réalisé par WSI Digital Agency à Paris 31

32. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV 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

33. (UJRQRPLH GHV VLWHV ,QWHUQHW $FFqV DX[ LQIRUPDWLRQV H[HPSOH Pouvoir obtenir des informations supplémentaires, par d’autres points de contact. 33

34. (UJRQRPLH GHV VLWHV ,QWHUQHW (WUH YLVLEOH VXU *RRJOH SRXU OHV ERQV WHUPHV GH UHFKHUFKH ± OH UpIpUHQFHPHQW sŽƚƌĞ ƌĞĐŚĞƌĐŚĞ ZĠĨĠƌĞŶĐĞŵĞŶƚ WĂǇĂŶƚ ;'͘ ĚǁŽƌĚƐͿ ZĠĨĠƌĞŶĐĞŵĞŶƚ ŶĂƚƵƌĞů ZĠĨĠƌĞŶĐĞŵĞŶƚ ůŽĐĂů 34

35. (UJRQRPLH GHV VLWHV ,QWHUQHW (WUH YLVLEOH VXU *RRJOH SRXU OHV ERQV WHUPHV GH UHFKHUFKH ± OH UpIpUHQFHPHQW Stratégie de mots clés : 35

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

38. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV Optimiser les pages d’atterrissage 9 Voir la vidéo : 38

39. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV H[HPSOH Générer des demandes de devis de traduction/interprétation s Ed WZ ^ Ϭ ĐŽŶǀĞƌƐŝŽŶ ĚĞƉƵŝƐ Ϯ ĂŶƐ нϯϬй ĚĞ 39 ĂŶŶƵĞů ĞŶ ϭ ĂŶ

40. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV Des fiches produits claires et complètes Lien vers les réseaux sociaux Avis clients Contenu Conseils Réassurance 40 Vidéos

41. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV Les avis clients, éléments indispensables de la décision 41

42. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV 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

43. (UJRQRPLH GHV VLWHV ,QWHUQHW &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

44. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV ± /D PHVXUH 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

45. (UJRQRPLH GHV VLWHV ,QWHUQHW &RQYHUWLU OHV YLVLWHXUV HQ FOLHQWV SRWHQWLHOV ± /D PHVXUH 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

46. (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

47. (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

49. 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

50. 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

51. 'é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 ?

COMPETITIC

Ergonomie des sites Internet - Comment optimiser votre site Web ?