Jeudi 27 février 2014
Le design et l'ergonomie comme facteurs
clés de succès d'un site internet
Cette action s’insère dans le dispositif régional
Son objectif est de développer la compétitivité des entreprises
par un m...
Ergonomie, de quoi parle-t-on?
Ergonomie des sites Internet
Définition
Sens général :
“ Étude scientifique de la relation ...
Laure POURCIN
Développement d’affaire sur Internet
06 12 47 46 92
lpourcin@wsidee.com
Agence Provence Alpes Côte d’Azur
Si...
1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS D’UN
SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WE...
Le site web s’inscrit dans votre stratégie de développement
Ergonomie des sites Internet
Introduction
Le prérequis : une réflexion stratégique
Ergonomie des sites Internet
Introduction
1- Quel est
l’environnement de
mon entr...
Le site est votre principal point de présence sur le web, mais
ce n’est pas le seul :
Ergonomie des sites Internet
Introdu...
Ergonomie des sites Internet
Introduction : Le site web est la fondation de votre développement en ligne
1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS
D’UN SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WE...
Première impression : l’apparence du site
Ergonomie des sites Internet
Expérience utilisateur – 1ière
étape
La vitesse d’...
Deuxième étape : la recherche d’information
Ergonomie des sites Internet
Expérience utilisateur - 2e
étape
Structure du c...
Avant de prendre une décision, je vérifie
Ergonomie des sites Internet
Expérience utilisateur – 3e
étape
L’identité du ve...
Lors d’une revisite, je retrouve :
Ergonomie des sites Internet
Expérience utilisateur – Revisite
Mon panier
Ma sélectio...
1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS D’UN
SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WE...
Fin 2013, les mobiles (smartphones et tablettes) dépasseront
les ordinateurs fixes pour l’accès à l’internet.
Ergonomie de...
Pour être ergonomique depuis les mobiles, un site doit être
conçu pour une grande variété de formats
Ergonomie des sites I...
Le responsive design permet de n’avoir qu’un seul site, dont
l’apparence s’adapte au terminal utilisé pour le visiter
Ergo...
Conception optimisée pour les smartphones
Ergonomie des sites Internet
Adaptation aux terminaux mobiles
 Un chargement ra...
Exemple du site élu meilleur site mobile de l’année 2012 :
Le site mobile de Lafourchette
Ergonomie des sites Internet
Ada...
Exemple de site construit en responsive design
Ergonomie des sites Internet
Adaptation aux terminaux mobiles
Apparence sur...
Exemple où les sites Internet et mobiles se complètent:
Ergonomie des sites Internet
Adaptation aux terminaux mobiles
Site...
Pourquoi faut-il avoir un site Internet optimisé pour les
terminaux mobiles?
Ergonomie des sites Internet
Adaptation aux t...
Quels sont les avantages à avoir un site Internet optimisé
pour les terminaux mobiles?
Ergonomie des sites Internet
Adapta...
1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS D’UN
SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WE...
Structure simple et accès facile au catalogue
Ergonomie des sites Internet
Accès aux informations
Site conçu et réalisé pa...
Accès au catalogue par préoccupation
Ergonomie des sites Internet
Accès aux informations - exemple
Site conçu et réalisé p...
Accès au catalogue par usage
Ergonomie des sites Internet
Accès aux informations - exemple
Site conçu et réalisé par WSI D...
Accès au catalogue par produit
Ergonomie des sites Internet
Accès aux informations - exemple
Site conçu et réalisé par WSI...
Fonction de recherche interne sur le site
Ergonomie des sites Internet
Accès aux informations - exemple
Site conçu et réal...
Et aussi des rubriques spécifiques de saison, des rubriques
produits stars, en promotion ou en sélection :
Pour les offres...
Pouvoir obtenir des informations supplémentaires, par d’autres points de
contact.
Ergonomie des sites Internet
Accès aux i...
Ergonomie des sites Internet
Etre visible sur Google pour les bons termes de recherche – le référencement
Votre recherche
...
Ergonomie des sites Internet
Etre visible sur Google pour les bons termes de recherche – le référencement
Stratégie de mot...
Usez de la Vidéo et référencez la...
Optimiser les pages d’atterrissage
Ergonomie des sites Internet
Convertir les visiteurs en clients potentiels
 Voir la vi...
Les ‘trucs’ pour optimiser son site web en 2014
Ergonomie des sites web
En conclusion
 Penser expérience client avant tou...
Les ‘must’ pour optimiser son site web en 2014
Ergonomie des sites web
En conclusion
 Design adapté aux terminaux mobiles...
1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS D’UN
SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WE...
Continuons à échanger …
: twitter.com/competitic
: communauté competitic
: lenumeriquepourmonentreprise.com
41
Nous contacter
Agence Provence-Alpes-Côte d’Azur
Site web : www.wsidee.com
Laure POURCIN
06 12 47 46 92
lpourcin@wsidee...
Prochain SlideShare
Chargement dans…5
×

Competitic ergonomie et design site internet - numerique en entreprise

861 vues

Publié le

Le design et l'ergonomie sont des facteurs clés de succès d'un site internet. La navigation de votre site doit être intuitive pour que l'internaute s'approprie le contenu et l'utilise :
- Quels sont les standards qui fonctionnent ?
- Comment faire pour que son site soit lisible sur tous les supports web actuels : smartphones, tablettes, ordinateurs

Publié dans : Business
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
861
Sur SlideShare
0
Issues des intégrations
0
Intégrations
36
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Competitic ergonomie et design site internet - numerique en entreprise

  1. 1. Jeudi 27 février 2014 Le design et l'ergonomie comme facteurs clés de succès d'un site internet
  2. 2. Cette action s’insère dans le dispositif régional Son objectif est de développer la compétitivité des entreprises par un meilleur usage des Technologies de l’Information et de la Communication www.lenumeriquepourmonentreprise.com
  3. 3. Ergonomie, de quoi parle-t-on? Ergonomie des sites Internet Définition 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. ”
  4. 4. Laure POURCIN Développement d’affaire sur Internet 06 12 47 46 92 lpourcin@wsidee.com Agence Provence Alpes Côte d’Azur Site web : www.wsidee.com
  5. 5. 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. QUESTIONS / RÉPONSES Ergonomie des sites Internet Comment optimiser votre site web?
  6. 6. Le site web s’inscrit dans votre stratégie de développement Ergonomie des sites Internet Introduction
  7. 7. Le prérequis : une réflexion stratégique Ergonomie des sites Internet Introduction 1- Quel est l’environnement de mon entreprise sur Internet? 2- Quels sont mes objectifs en ligne? 3- Quelles sont mes cibles ? 4- Quels sont leurs besoins? 5 Comment faire la différence ? Et… comment mesurer le résultat? 6- Comment valoriser leur visite sur mon site ?
  8. 8. Le site est votre principal point de présence sur le web, mais ce n’est pas le seul : Ergonomie des sites Internet Introduction  Des listings dans des annuaires  Des pages sur les réseaux sociaux  Des chaînes vidéos  Des annonces publicitaires  Des commentaires clients sur des sites de consommateurs ou sur les réseaux sociaux  Etc …
  9. 9. Ergonomie des sites Internet Introduction : Le site web est la fondation de votre développement en ligne
  10. 10. 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. QUESTIONS / RÉPONSES Ergonomie des sites Internet Comment optimiser votre site web?
  11. 11. Première impression : l’apparence du site Ergonomie des sites Internet Expérience utilisateur – 1ière étape La vitesse d’affichage Le design La lisibilité La clarté du message
  12. 12. Deuxième étape : la recherche d’information Ergonomie des sites Internet Expérience utilisateur - 2e étape Structure du catalogue Fonction de recherche Nombre de clicks pour accéder à l’information Page produit/service
  13. 13. Avant de prendre une décision, je vérifie Ergonomie des sites Internet Expérience utilisateur – 3e étape L’identité du vendeur, les mentions légales Les avis clients Les conditions commerciales Les conditions de paiement
  14. 14. Lors d’une revisite, je retrouve : Ergonomie des sites Internet Expérience utilisateur – Revisite Mon panier Ma sélection Mes préférences Des propositions relatives à mes achats passés Cela permet de poursuivre le processus d’information ou d’achat, en gagnant du temps.
  15. 15. 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. QUESTIONS / RÉPONSES Ergonomie des sites Internet Comment optimiser votre site web?
  16. 16. Fin 2013, les mobiles (smartphones et tablettes) dépasseront les ordinateurs fixes pour l’accès à l’internet. Ergonomie des sites Internet Adaptation aux terminaux mobiles 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. 17. Pour être ergonomique depuis les mobiles, un site doit être conçu pour une grande variété de formats Ergonomie des sites Internet Adaptation aux terminaux mobiles Le ‘responsive design’ répond à ce besoin.
  18. 18. Le responsive design permet de n’avoir qu’un seul site, dont l’apparence s’adapte au terminal utilisé pour le visiter Ergonomie des sites Internet Adaptation aux terminaux mobiles  Le même contenu est visible depuis tous les terminaux, ce qui facilite la publication et les mises à jour  La présentation de ce contenu est optimisée pour chaque type d’appareil ciblé  Les photos et vidéos volumineuses sont allégées ou supprimées dans la présentation sur les mobiles  On doit toujours optimiser la conception du site pour chaque type de terminal en fonction des usages
  19. 19. Conception optimisée pour les smartphones Ergonomie des sites Internet Adaptation aux terminaux mobiles  Un chargement rapide (2-5 sec. maximum)  Un menu simple  Une taille de caractères suffisante pour lire sur petit écran et cliquer avec un doigt  Un bouton d’appel  Une image ou une vidéo, de faible résolution  Quelques actions simples et claires (contact, liens)
  20. 20. Exemple du site élu meilleur site mobile de l’année 2012 : Le site mobile de Lafourchette Ergonomie des sites Internet Adaptation aux terminaux mobiles 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éo-localisation -le recours à des dispositifs de promotion pour accélérer la transformation instantanée. Source : Google
  21. 21. Exemple de site construit en responsive design Ergonomie des sites Internet Adaptation aux terminaux mobiles 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. 22. Exemple où les sites Internet et mobiles se complètent: Ergonomie des sites Internet Adaptation aux terminaux mobiles Site web : toute l’information Une adresse url unique www.les3poussins.com Sites réalisés par WSI Digital Marketing à Rueil-Malmaison www.wsiexpertweb.fr Site mobile : l’essentiel en situation de mobilité
  23. 23. Pourquoi faut-il avoir un site Internet optimisé pour les terminaux mobiles? Ergonomie des sites Internet Adaptation aux terminaux mobiles  Les prospects et les clients vont déjà sur le site web via leur mobile (données Google Analytics)  S’ils ont une mauvaise expérience de visualisation de votre site sur un mobile, la plupart n’y reviendront pas  Ils utilisent leur terminal mobile lorsqu’ils ont un besoin urgent  La plupart des transactions de site Web sont facilement transposables sur un site mobile
  24. 24. Quels sont les avantages à avoir un site Internet optimisé pour les terminaux mobiles? Ergonomie des sites Internet Adaptation aux terminaux mobiles  Atteindre une audience plus large  Accueillir du trafic supplémentaire généré par des campagnes marketing mobile SMS QR Codes Référencement Réseaux sociaux mobiles  Accroître le nombre de conversions pour l’entreprise
  25. 25. 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. QUESTIONS / RÉPONSES Ergonomie des sites Internet Comment optimiser votre site web?
  26. 26. Structure simple et accès facile au catalogue Ergonomie des sites Internet Accès aux informations Site conçu et réalisé par WSI Digital Agency à Paris
  27. 27. Accès au catalogue par préoccupation Ergonomie des sites Internet Accès aux informations - exemple Site conçu et réalisé par WSI Digital Agency à Paris
  28. 28. Accès au catalogue par usage Ergonomie des sites Internet Accès aux informations - exemple Site conçu et réalisé par WSI Digital Agency à Paris
  29. 29. Accès au catalogue par produit Ergonomie des sites Internet Accès aux informations - exemple Site conçu et réalisé par WSI Digital Agency à Paris
  30. 30. Fonction de recherche interne sur le site Ergonomie des sites Internet Accès aux informations - exemple Site conçu et réalisé par WSI Digital Agency à Paris
  31. 31. 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. … Ergonomie des sites Internet Accès aux informations - exemple
  32. 32. Pouvoir obtenir des informations supplémentaires, par d’autres points de contact. Ergonomie des sites Internet Accès aux informations - exemple
  33. 33. Ergonomie des sites Internet Etre visible sur Google pour les bons termes de recherche – le référencement Votre recherche Référencement naturel Référencement Payant (G. Adwords) Référencemen t local
  34. 34. Ergonomie des sites Internet Etre visible sur Google pour les bons termes de recherche – le référencement Stratégie de mots clés :
  35. 35. Usez de la Vidéo et référencez la...
  36. 36. Optimiser les pages d’atterrissage Ergonomie des sites Internet Convertir les visiteurs en clients potentiels  Voir la vidéo :
  37. 37. Les ‘trucs’ pour optimiser son site web en 2014 Ergonomie des sites web En conclusion  Penser expérience client avant tout : Qui sont-ils et que cherchent-ils ? Comment leur simplifier la vie? Attention au service rendu en mobilité Faciliter le dialogue entre et avec ses clients  Penser business – comment le site va-t-il contribuer à mes objectifs et quelles conversion viser ? Quelles informations sont nécessaires pour y parvenir?  Tester et s’améliorer
  38. 38. Les ‘must’ pour optimiser son site web en 2014 Ergonomie des sites web En conclusion  Design adapté aux terminaux mobiles ‘responsive’  Optimisation pour le référencement  Navigation aisée et informations complètes : commerciales, légales, sécurité des paiements, etc.  Liens de partage avec les réseaux sociaux  Privilégier les visuels : photos, infographies, vidéos  Messages clairs et conversions simples  Suivi analytique du trafic et des conversions
  39. 39. 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. QUESTIONS / RÉPONSES Ergonomie des sites Internet Comment optimiser votre site web?
  40. 40. Continuons à échanger … : twitter.com/competitic : communauté competitic : lenumeriquepourmonentreprise.com
  41. 41. 41 Nous contacter Agence Provence-Alpes-Côte d’Azur Site web : www.wsidee.com Laure POURCIN 06 12 47 46 92 lpourcin@wsidee.com

×