SlideShare ist ein Scribd-Unternehmen logo
1 von 29
La web ergonomie, un concept centré sur l’utilisateur. Présentation par : Sophie DucqAhnine http://www.visualproject.com/agence-webmarketing/creation-de-sites-internet-montpellier.html http://twitter.com/VisualProject - http://www.facebook.com/visualproject
Pour créer un site il suffit de : Un nom de domaine, Un hébergement,  Un éditeur de pages web,  Un programme de création graphique,  Un logiciel de transfert par FTP … Et l’ergonomie dans tout ça ? info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
Une ergonomie attractive et cognitive  permet : D’éviter de forts taux de rebond  (% d'internautes qui arrivent sur le site et le quittent aussitôt) D’activer les leviers d’une bonne communication auprès de vos visiteurs, De fidéliser vos internautes existants, info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
Les principales règles ergonomiques selon Jackob Nielsen  qui en fut le pionner :   « Simplifier les sites web pour en augmenter l'utilisabilité pour les internautes. » info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
Jackob Nielsen propose entre autres de : Résumer et expliquer clairement le but d'un site sur la page d'accueil, Offrir un contenu adapté aux besoins de l'utilisateur, Donner des réponses brèves aux questions des navigateurs, Maintenir une approche minimaliste et éviter les images trop lourdes, Offrir un maximum d'éléments fondamentaux compréhensibles.
La web ergonomie est un concept centré sur l’utilisateur,  Elle répond à des caractéristiques ,[object Object]
Perceptives
Cognitives,[object Object]
L’accessibilité :
L’accessibilité : Utilisation d’url simple et intuitif  Temps de chargement des pages réduit (40% des visiteurs quittent votre site s’il met plus de 3 secondes à s’afficher) Technologies accessibles par tous et qu'elle que soit le type de machine connectée. Conformité aux usages d'Internet habituels.  Un ensemble homogène favorisant l’accès aux informations recherchées.
Le design :
Le design : Une charte graphique au reflet de l’image de l’entreprise et adapté à sa communication, De 3 à 6 couleurs maximum, Une typo simple et sobre entre 9 et 12 pour le corps du texte, Eviter les majuscules elles ralentissent la lecture de 13 à 20%
La navigation :
La navigation 1/2 : Une page d’accueil sachant aller à l’essentiel : (elle n’aura que 30 secondes pour séduire ses internautes).  Une arborescence limitant les efforts cognitifs de l’utilisateur,  Une navigation intuitive permettant de réduire le temps d’accès à l’information recherchée.
La navigation 3/3 : une hiérarchisation  des rubriques et sous rubriques cohérente.  Les éléments internes facilitant une navigation descendante et transversale L’internaute doit savoir en permanence où il est, où il va et d’où il vient.
La navigation 2/3 : Sources :Techniques et bonnes pratiques pour écrire sur le web de Luc Legay
La lecture hypertextuelle :
La lecture hypertextuelle 1/4 : La lecture est sur écran 4 fois plus difficile que sur papier :  Ménagez vos lecteurs !
La lecture hypertextuelle 2/4 : La lecture hypertextuelle demande beaucoup d’efforts cognitifs, vos lecteurs devront à la fois : ,[object Object]
En vérifier leur pertinence,
Choisir leur parcours de lectures. ,[object Object]
La lecture hypertextuelle 4/4 : En "F" dans le fameux triangle d'or de Google.
Le contenu textuel :
Le contenu textuel 1/2 : « Le lecteur fait une lecture rapide sans prélèvements d’informations. Il ne s’attarde pas sur le contenu ». André Tricot reconnu en psychologie cognitive et en sciences de l'information et de la communication.
Le contenu textuel 2/2 : Une rédaction à partir de phrases et de paragraphes courts,  Une mise en avant de vos phrases clés en gras,  Des titres et sous titres explicites.  Ces techniques sont également recommandées pour le référencement du site.
Les fonctionnalités
Les fonctionnalités 1/3 : Moins on en met, plus c'est facile : Moins on met d'éléments sur une page web, moins cette dernière est difficile à appréhender mentalement.  Le plus difficile reste bien sûr d'obtenir un bon équilibre...
Les fonctionnalités 2/3 : La fonctionnalité de recherches est l’une de celles qui apporte le plus de valeur ajoutée : Plus vos visiteurs perdent du temps à fouiller votre site, plus vous augmentez votre taux de rebond. C’est à l’information souhaitée de se présenter pas l’inverse.
Les fonctionnalités 3/3 : De nos jours il n’est plus possible d’ignorer les réseaux sociaux, vos blogs comme votre site se doivent de proposer vos accès à Facebook,  Twitter …

Weitere ähnliche Inhalte

Andere mochten auch

00 Parvularia Cuadro Trimestral
00 Parvularia Cuadro Trimestral00 Parvularia Cuadro Trimestral
00 Parvularia Cuadro TrimestralAdalberto
 
Docencia 1 Republica
Docencia 1  RepublicaDocencia 1  Republica
Docencia 1 RepublicaAdalberto
 
NUEVAS TECNOLOGIAS
NUEVAS TECNOLOGIASNUEVAS TECNOLOGIAS
NUEVAS TECNOLOGIASelizatani
 
Borges Poema A Los Amigos +
Borges   Poema A Los Amigos +Borges   Poema A Los Amigos +
Borges Poema A Los Amigos +Adalberto
 
00 Informe Mensual Enero 2009
00 Informe Mensual Enero 200900 Informe Mensual Enero 2009
00 Informe Mensual Enero 2009Adalberto
 
Google est votre amis
Google est votre amisGoogle est votre amis
Google est votre amisclemfoot27
 
La journee des_gens_deranges-1
La journee des_gens_deranges-1La journee des_gens_deranges-1
La journee des_gens_deranges-1Patricia GALLET
 
La Tierra
La  TierraLa  Tierra
La Tierradamovi
 
Passe compose
Passe composePasse compose
Passe composeUNAMESIA
 
Congrès ABF 2014 - Compétences et formation : Comment acquérir les compétenc...
Congrès ABF 2014  - Compétences et formation : Comment acquérir les compétenc...Congrès ABF 2014  - Compétences et formation : Comment acquérir les compétenc...
Congrès ABF 2014 - Compétences et formation : Comment acquérir les compétenc...Association des Bibliothécaires de France
 
Correction dm kauffmann
Correction dm kauffmannCorrection dm kauffmann
Correction dm kauffmannKclassroom
 
Wikimedia en côte d’ivoire
Wikimedia  en côte d’ivoireWikimedia  en côte d’ivoire
Wikimedia en côte d’ivoireBacely YoroBi
 
Sitzungsbericht sew, féduse, apess
Sitzungsbericht sew, féduse, apessSitzungsbericht sew, féduse, apess
Sitzungsbericht sew, féduse, apessLuxemburger Wort
 

Andere mochten auch (20)

00 Parvularia Cuadro Trimestral
00 Parvularia Cuadro Trimestral00 Parvularia Cuadro Trimestral
00 Parvularia Cuadro Trimestral
 
Bruja
BrujaBruja
Bruja
 
Docencia 1 Republica
Docencia 1  RepublicaDocencia 1  Republica
Docencia 1 Republica
 
Diapo géo
Diapo géoDiapo géo
Diapo géo
 
NUEVAS TECNOLOGIAS
NUEVAS TECNOLOGIASNUEVAS TECNOLOGIAS
NUEVAS TECNOLOGIAS
 
Presentation Atlon
Presentation AtlonPresentation Atlon
Presentation Atlon
 
SW what's next ??
SW what's next ??SW what's next ??
SW what's next ??
 
Borges Poema A Los Amigos +
Borges   Poema A Los Amigos +Borges   Poema A Los Amigos +
Borges Poema A Los Amigos +
 
Livre blanccollaboration en entreprise
Livre blanccollaboration en entrepriseLivre blanccollaboration en entreprise
Livre blanccollaboration en entreprise
 
00 Informe Mensual Enero 2009
00 Informe Mensual Enero 200900 Informe Mensual Enero 2009
00 Informe Mensual Enero 2009
 
Google est votre amis
Google est votre amisGoogle est votre amis
Google est votre amis
 
100 dies d'embolics
100 dies d'embolics100 dies d'embolics
100 dies d'embolics
 
La journee des_gens_deranges-1
La journee des_gens_deranges-1La journee des_gens_deranges-1
La journee des_gens_deranges-1
 
La Tierra
La  TierraLa  Tierra
La Tierra
 
Passe compose
Passe composePasse compose
Passe compose
 
Congrès ABF 2014 - Compétences et formation : Comment acquérir les compétenc...
Congrès ABF 2014  - Compétences et formation : Comment acquérir les compétenc...Congrès ABF 2014  - Compétences et formation : Comment acquérir les compétenc...
Congrès ABF 2014 - Compétences et formation : Comment acquérir les compétenc...
 
Correction dm kauffmann
Correction dm kauffmannCorrection dm kauffmann
Correction dm kauffmann
 
Wikimedia en côte d’ivoire
Wikimedia  en côte d’ivoireWikimedia  en côte d’ivoire
Wikimedia en côte d’ivoire
 
Sitzungsbericht sew, féduse, apess
Sitzungsbericht sew, féduse, apessSitzungsbericht sew, féduse, apess
Sitzungsbericht sew, féduse, apess
 
Politiqueclémence
PolitiqueclémencePolitiqueclémence
Politiqueclémence
 

La web ergonomie, un concept centre sur l'utilisateur visual project

  • 1. La web ergonomie, un concept centré sur l’utilisateur. Présentation par : Sophie DucqAhnine http://www.visualproject.com/agence-webmarketing/creation-de-sites-internet-montpellier.html http://twitter.com/VisualProject - http://www.facebook.com/visualproject
  • 2. Pour créer un site il suffit de : Un nom de domaine, Un hébergement, Un éditeur de pages web, Un programme de création graphique, Un logiciel de transfert par FTP … Et l’ergonomie dans tout ça ? info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
  • 3. Une ergonomie attractive et cognitive permet : D’éviter de forts taux de rebond (% d'internautes qui arrivent sur le site et le quittent aussitôt) D’activer les leviers d’une bonne communication auprès de vos visiteurs, De fidéliser vos internautes existants, info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
  • 4. Les principales règles ergonomiques selon Jackob Nielsen qui en fut le pionner : « Simplifier les sites web pour en augmenter l'utilisabilité pour les internautes. » info@visualproject.com - http://twitter.com/VisualProject.com - http://facebook.com/visualproject.com
  • 5. Jackob Nielsen propose entre autres de : Résumer et expliquer clairement le but d'un site sur la page d'accueil, Offrir un contenu adapté aux besoins de l'utilisateur, Donner des réponses brèves aux questions des navigateurs, Maintenir une approche minimaliste et éviter les images trop lourdes, Offrir un maximum d'éléments fondamentaux compréhensibles.
  • 6.
  • 8.
  • 10. L’accessibilité : Utilisation d’url simple et intuitif Temps de chargement des pages réduit (40% des visiteurs quittent votre site s’il met plus de 3 secondes à s’afficher) Technologies accessibles par tous et qu'elle que soit le type de machine connectée. Conformité aux usages d'Internet habituels. Un ensemble homogène favorisant l’accès aux informations recherchées.
  • 12. Le design : Une charte graphique au reflet de l’image de l’entreprise et adapté à sa communication, De 3 à 6 couleurs maximum, Une typo simple et sobre entre 9 et 12 pour le corps du texte, Eviter les majuscules elles ralentissent la lecture de 13 à 20%
  • 14. La navigation 1/2 : Une page d’accueil sachant aller à l’essentiel : (elle n’aura que 30 secondes pour séduire ses internautes). Une arborescence limitant les efforts cognitifs de l’utilisateur, Une navigation intuitive permettant de réduire le temps d’accès à l’information recherchée.
  • 15. La navigation 3/3 : une hiérarchisation des rubriques et sous rubriques cohérente. Les éléments internes facilitant une navigation descendante et transversale L’internaute doit savoir en permanence où il est, où il va et d’où il vient.
  • 16. La navigation 2/3 : Sources :Techniques et bonnes pratiques pour écrire sur le web de Luc Legay
  • 18. La lecture hypertextuelle 1/4 : La lecture est sur écran 4 fois plus difficile que sur papier : Ménagez vos lecteurs !
  • 19.
  • 20. En vérifier leur pertinence,
  • 21.
  • 22. La lecture hypertextuelle 4/4 : En "F" dans le fameux triangle d'or de Google.
  • 24. Le contenu textuel 1/2 : « Le lecteur fait une lecture rapide sans prélèvements d’informations. Il ne s’attarde pas sur le contenu ». André Tricot reconnu en psychologie cognitive et en sciences de l'information et de la communication.
  • 25. Le contenu textuel 2/2 : Une rédaction à partir de phrases et de paragraphes courts, Une mise en avant de vos phrases clés en gras, Des titres et sous titres explicites. Ces techniques sont également recommandées pour le référencement du site.
  • 27. Les fonctionnalités 1/3 : Moins on en met, plus c'est facile : Moins on met d'éléments sur une page web, moins cette dernière est difficile à appréhender mentalement. Le plus difficile reste bien sûr d'obtenir un bon équilibre...
  • 28. Les fonctionnalités 2/3 : La fonctionnalité de recherches est l’une de celles qui apporte le plus de valeur ajoutée : Plus vos visiteurs perdent du temps à fouiller votre site, plus vous augmentez votre taux de rebond. C’est à l’information souhaitée de se présenter pas l’inverse.
  • 29. Les fonctionnalités 3/3 : De nos jours il n’est plus possible d’ignorer les réseaux sociaux, vos blogs comme votre site se doivent de proposer vos accès à Facebook, Twitter …
  • 30. Votre site à partir de 490 €, par Visual Project: Choix de votre nom de domaineou transfert du nom de domaine existant. Site évolutif avec intégration et paramétrage de la dernière version du C.M.S WordPress Hébergementsur un serveur sécurisé. Intégration de votre logo Référencement : Module d’optimisation pour les outils de recherche (All in One SEO Pack) Module Google XML Sitemappour une parfaite indexation sur google. Lancement de votre 1ère campagne de liens sponsorisés Google Adwords* *Offre complémentaire Exemple de modules complémentaires à l’offre : Intégration du bouton "J'aime" de Facebook sur les pages ou articles de votre choix (Facebook Like Box) Bookmarks pour partager vos pages et articles en un clic sur les réseaux sociaux de votre choix (SexyBookmarks) (by Shareaholic) Sans abonnement ni engagement, vous êtes autonome et indépendant 04 67 59 51 23
  • 31. E-marketing & Statégies social media http://www.visualproject.com/agence-webmarketing/creation-de-sites-internet-montpellier.html info@visualproject.com http://twitter.com/VisualProject.com http://facebook.com/visualproject.com