Your SlideShare is downloading. ×
Ergonomie des sites Internet - Comment optimiser votre site Web ?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ergonomie des sites Internet - Comment optimiser votre site Web ?

1,435

Published on

Vous souhaitez optimiser votre site Internet et découvrir comment conjuguer originalité avec efficacité ? …

Vous souhaitez optimiser votre site Internet et découvrir comment conjuguer originalité avec efficacité ?
- Qu’est-ce qui détermine l’expérience, bonne ou mauvaise, des visiteurs d’un site web ?
- Comment adapter votre site web aux tablettes et smart phones ?
- Comment faciliter l’accès aux informations ?
- Comment convertir vos visiteurs en clients potentiels ?
Tous les points abordés sont illustrés avec des exemples concrets pris dans différents secteurs (tourisme, services
aux entreprises, commerce, etc.)

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,435
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 9. (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 9
  • 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
  • 16. (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 16
  • 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ĂůŵĂŝƐŽŶ ǁǁǁ͘ǁƐŝĞ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
  • 26. (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 26
  • 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ĂLJĂŶƚ ;'͘ ĚǁŽƌĚƐͿ 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ƐĞnj ĚĞ ůĂ sŝĚĠŽ Ğƚ ƌĠĨĠƌĞŶĐĞnj ůĂ͘͘͘ 36
  • 37. (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 37
  • 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
  • 48. (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 48
  • 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

×