• Save
Competitic   ergonomie et design site internet  - numerique en entreprise
Upcoming SlideShare
Loading in...5
×
 

Competitic ergonomie et design site internet - numerique en entreprise

on

  • 317 views

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

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

Statistics

Views

Total Views
317
Views on SlideShare
289
Embed Views
28

Actions

Likes
1
Downloads
0
Comments
0

2 Embeds 28

http://www.lenumeriquepourmonentreprise.com 27
http://lenumeriquepourmonentreprise.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Competitic   ergonomie et design site internet  - numerique en entreprise Competitic ergonomie et design site internet - numerique en entreprise Presentation Transcript

  • Le design et l'ergonomie comme facteurs clés de succès d'un site internet Jeudi 27 février 2014
  • 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
  • Ergonomie des sites Internet Définition 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. ” View slide
  • 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 View slide
  • Ergonomie des sites Internet Comment optimiser votre site web? 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 Introduction 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 1- Quel est l’environnement de mon entreprise sur Internet? 3- Quelles sont mes cibles ? 4- Quels sont leurs besoins? 5 Comment faire la différence ? 2- Quels sont mes objectifs en ligne? 6- Comment valoriser leur visite sur mon site ? Et… comment mesurer le résultat?
  • Ergonomie des sites Internet Introduction Le site est votre principal point de présence sur le web, mais ce n’est pas le seul :  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 …
  • Ergonomie des sites Internet Introduction : Le site web est la fondation de votre développement en ligne
  • Ergonomie des sites Internet Comment optimiser votre site web? 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 Expérience utilisateur – 1ière étape Première impression : l’apparence du site  La vitesse d’affichage  Le design  La lisibilité  La clarté du message
  • Ergonomie des sites Internet Expérience utilisateur - 2e étape Deuxième étape : la recherche d’information  Structure du catalogue  Fonction de recherche  Nombre de clicks pour accéder à l’information  Page produit/service
  • Ergonomie des sites Internet Expérience utilisateur – 3e étape Avant de prendre une décision, je vérifie  L’identité du vendeur, les mentions légales  Les avis clients  Les conditions commerciales  Les conditions de paiement
  • Ergonomie des sites Internet Expérience utilisateur – Revisite Lors d’une revisite, je retrouve :  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.
  • Ergonomie des sites Internet Comment optimiser votre site web? 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 Adaptation aux terminaux mobiles 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.
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Pour être ergonomique depuis les mobiles, un site doit être conçu pour une grande variété de formats  Le ‘responsive design’ répond à ce besoin.
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Le responsive design permet de n’avoir qu’un seul site, dont l’apparence s’adapte au terminal utilisé pour le visiter  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
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Conception optimisée pour les smartphones  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)
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles 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éo-localisation -le recours à des dispositifs de promotion pour accélérer la transformation instantanée. Source : Google
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles 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
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Exemple où les sites Internet et mobiles se complètent: 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é
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Pourquoi faut-il avoir un site Internet optimisé pour les 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
  • Ergonomie des sites Internet Adaptation aux terminaux mobiles Quels sont les avantages à avoir un site Internet optimisé pour les 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
  • Ergonomie des sites Internet Comment optimiser votre site web? 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 Accès aux informations Structure simple et accès facile au catalogue Site conçu et réalisé par WSI Digital Agency à Paris
  • Ergonomie des sites Internet Accès aux informations - exemple Accès au catalogue par préoccupation Site conçu et réalisé par WSI Digital Agency à Paris
  • Ergonomie des sites Internet Accès aux informations - exemple Accès au catalogue par usage Site conçu et réalisé par WSI Digital Agency à Paris
  • Ergonomie des sites Internet Accès aux informations - exemple Accès au catalogue par produit Site conçu et réalisé par WSI Digital Agency à Paris
  • Ergonomie des sites Internet Accès aux informations - exemple Fonction de recherche interne sur le site Site conçu et réalisé par WSI Digital Agency à Paris
  • Ergonomie des sites Internet Accès aux informations - exemple 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 Pouvoir obtenir des informations supplémentaires, par d’autres points de contact.
  • Ergonomie des sites Internet Etre visible sur Google pour les bons termes de recherche – le référencement Votre recherche Référencement Payant (G. Adwords) Référencement naturel Référencemen t local
  • Ergonomie des sites Internet Etre visible sur Google pour les bons termes de recherche – le référencement Stratégie de mots clés :
  • Usez de la Vidéo et référencez la...
  • Ergonomie des sites Internet Convertir les visiteurs en clients potentiels Optimiser les pages d’atterrissage  Voir la vidéo :
  • Ergonomie des sites web En conclusion Les ‘trucs’ pour optimiser son site web en 2014  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
  • Ergonomie des sites web En conclusion Les ‘must’ pour optimiser son site web en 2014  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
  • Ergonomie des sites Internet Comment optimiser votre site web? 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
  • Continuons à échanger … : twitter.com/competitic : communauté competitic : lenumeriquepourmonentreprise.com
  • Nous contacter Laure POURCIN 06 12 47 46 92 lpourcin@wsidee.com Agence Provence-Alpes-Côte d’Azur Site web : www.wsidee.com 41