SlideShare a Scribd company logo
1 of 6
Download to read offline
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
AUDIT ERGONOMIQUE
PROJET ÉVALUÉ
GROUPE ÉVALUATEUR
UTILITÉ GLOBALE
Comprend-on ce que propose le site ?
DÉFAUT OBSERVÉ OU REMARQUE
EVALUATION FORMELLE SELON LES 12 REGLES DE L’ERGONOMIE WEB
RÈGLE DÉFAUT OBSERVÉ OU REMARQUE
1. ARCHITECTURE : LE SITE EST BIEN RANGE
Les regroupements
sont logiques
La structuration
met en avant les
contenus clés
Les menus aident
l’internaute à
naviguer dans les
contenus
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
2. ORGANISATION VISUELLE : LA PAGE EST BIEN RANGEE
Eviter le trop-plein
d’information
Optimiser
l’organisation et la
hiérarchisation
visuelle
3. COHERENCE : LE SITE CAPITALISE SUR L’APPRENTISSAGE INTERNE
Les localisations
sont cohérentes
Les appellations
sont cohérentes
Les formats de
présentation sont
cohérents
Les interactions
sont cohérentes
4. CONVENTIONS : LE SITE CAPITALISE SUR L’APPRENTISSAGE EXTERNE
Respecter les
conventions de
localisation
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
Respecter les
conventions de
vocabulaire
Respecter les
conventions
d’interaction et de
présentation
5. INFORMATION : LE SITE INFORME L’INTERNAUTE ET LUI REPOND
Le site informe et
prévient
l’internaute
Le site répond aux
actions de
l’internaute
(feedback)
6. COMPREHENSION : LES MOTS ET SYMBOLES SONT CHOISIS MINUTIEUSEMENT
Le vocabulaire est
utilisé,
compréhensible et
concis
Les symboles et
codes sont
compréhensibles
7. ASSISTANCE : LE SITE AIDE ET DIRIGE L’INTERNAUTE
L’organisation et la
visibilité aident
l’internaute
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
Les affordances
aident l’internaute
(à repérer ce qui
est cliquable ou
utilisable)
Il n’y a pas
d’affordances
erronées
Les besoins des
internautes en
termes de tâches
sont pris en
compte
En cas de besoin,
de l’aide explicite
est disponible
8. GESTION DES ERREURS : LE SITE PREVOIT QUE L’INTERNAUTE SE TROMPE
La présentation et
le fonctionnement
des formulaires
préviennent les
erreurs
Les erreurs sont
repérables et
compréhensibles
L’internaute peut
facilement corriger
ses erreurs
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
9. RAPIDITE : L’INTERNAUTE NE PERD PAS SON TEMPS
Les interactions
sont facilitées
Eviter les actions
inutiles
10. LIBERTE : C’EST L’INTERNAUTE QUI COMMANDE
Les contrôles
conventionnels
sont respectés
Flexibilité des
actions utilisateur
L’internaute de
contourner le
système et agir
dessus
Le site n’induit pas
de comportement
passif
Le système n’est
pas intrusif
Ergonomie
IMR2 – 2012-2013
Référence : Ergonomie web, pour des sites web efficaces
Amélie Boucher, Éditions Eyrolles
11. ACCESSIBILITE
Accessibilité
physique
Accessibilité
technologique
12. SATISFACTION DE VOTRE INTERNAUTE
Le site est utile
Le site est
esthétique
Le site est efficace
et fiable
AUTRES
DÉFAUT OBSERVÉ OU REMARQUE

More Related Content

What's hot

실천활동 계획서 최종
실천활동 계획서 최종실천활동 계획서 최종
실천활동 계획서 최종Christina Suh
 
중소병원 서비스 디자인 가이드라인
중소병원 서비스 디자인 가이드라인중소병원 서비스 디자인 가이드라인
중소병원 서비스 디자인 가이드라인USABLE 윤
 
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서Billy Choi
 
Sentiment analysis on Bangla conversation using machine learning approach
Sentiment analysis on Bangla conversation using machine  learning approachSentiment analysis on Bangla conversation using machine  learning approach
Sentiment analysis on Bangla conversation using machine learning approachIJECEIAES
 
Work Measurement Application - Ghent Internship Report - Adel Belasker
Work Measurement Application - Ghent Internship Report - Adel BelaskerWork Measurement Application - Ghent Internship Report - Adel Belasker
Work Measurement Application - Ghent Internship Report - Adel BelaskerAdel Belasker
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdfJeongeun Kwon
 
New advance in bio-printing and tissue engineering
New advance in bio-printing and tissue engineering New advance in bio-printing and tissue engineering
New advance in bio-printing and tissue engineering Roz Aboalkhair
 
3D-Bioprinting coming of age-from cells to organs
3D-Bioprinting coming of age-from cells to organs3D-Bioprinting coming of age-from cells to organs
3D-Bioprinting coming of age-from cells to organsDaniel Thomas
 
Dga final year project report Akshay Kalapgar
Dga final year project report Akshay KalapgarDga final year project report Akshay Kalapgar
Dga final year project report Akshay KalapgarAkshayKalapgar
 

What's hot (18)

실천활동 계획서 최종
실천활동 계획서 최종실천활동 계획서 최종
실천활동 계획서 최종
 
중소병원 서비스 디자인 가이드라인
중소병원 서비스 디자인 가이드라인중소병원 서비스 디자인 가이드라인
중소병원 서비스 디자인 가이드라인
 
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
 
Sentiment analysis on Bangla conversation using machine learning approach
Sentiment analysis on Bangla conversation using machine  learning approachSentiment analysis on Bangla conversation using machine  learning approach
Sentiment analysis on Bangla conversation using machine learning approach
 
Work Measurement Application - Ghent Internship Report - Adel Belasker
Work Measurement Application - Ghent Internship Report - Adel BelaskerWork Measurement Application - Ghent Internship Report - Adel Belasker
Work Measurement Application - Ghent Internship Report - Adel Belasker
 
3 d printing
3 d printing 3 d printing
3 d printing
 
Internship report
Internship reportInternship report
Internship report
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf
 
New advance in bio-printing and tissue engineering
New advance in bio-printing and tissue engineering New advance in bio-printing and tissue engineering
New advance in bio-printing and tissue engineering
 
2015 10-15 - fused deposition modelling
2015 10-15 - fused deposition modelling2015 10-15 - fused deposition modelling
2015 10-15 - fused deposition modelling
 
3D-Bioprinting coming of age-from cells to organs
3D-Bioprinting coming of age-from cells to organs3D-Bioprinting coming of age-from cells to organs
3D-Bioprinting coming of age-from cells to organs
 
Hastane Poliklinik Otomasyonu
Hastane Poliklinik OtomasyonuHastane Poliklinik Otomasyonu
Hastane Poliklinik Otomasyonu
 
Random variate generation
Random variate generationRandom variate generation
Random variate generation
 
초기 아이디어 스케치
초기 아이디어 스케치 초기 아이디어 스케치
초기 아이디어 스케치
 
3D Printing
3D Printing3D Printing
3D Printing
 
응급실의 분노를 풀어주세요 - 팽한솔
응급실의 분노를 풀어주세요 - 팽한솔응급실의 분노를 풀어주세요 - 팽한솔
응급실의 분노를 풀어주세요 - 팽한솔
 
Dga final year project report Akshay Kalapgar
Dga final year project report Akshay KalapgarDga final year project report Akshay Kalapgar
Dga final year project report Akshay Kalapgar
 
Rapid prototyping
Rapid prototyping Rapid prototyping
Rapid prototyping
 

Similar to Ergonomie des IHM web - Grille d'analyse des 12 règles

Ergonomie des IHM web - Notes de cours (2/3)
Ergonomie des IHM web - Notes de cours (2/3)Ergonomie des IHM web - Notes de cours (2/3)
Ergonomie des IHM web - Notes de cours (2/3)ElodieDescharmes
 
Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)ElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie web
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie webCours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie web
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie webElodieDescharmes
 
Sqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebSqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebpierrepf
 
Competitic ergonomie et design site internet - numerique en entreprise
Competitic   ergonomie et design site internet  - numerique en entrepriseCompetitic   ergonomie et design site internet  - numerique en entreprise
Competitic ergonomie et design site internet - numerique en entrepriseCOMPETITIC
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsLaurence Vagner
 
Atelier 12 Ergonomie Voyage en Multimédia 2009
Atelier 12   Ergonomie Voyage en Multimédia 2009Atelier 12   Ergonomie Voyage en Multimédia 2009
Atelier 12 Ergonomie Voyage en Multimédia 2009Salon e-tourisme #VeM
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014Loic Nunez
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Rubedo, a WebTales solution
 
Competitic ergonomie site web - numerique en entreprise
Competitic   ergonomie site web - numerique en entrepriseCompetitic   ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entrepriseCOMPETITIC
 
Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et ScapinErgonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et ScapinElodieDescharmes
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Virginie Clève - largow ☕️
 
Accessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéAccessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéPerformance Agile
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceNet Design
 

Similar to Ergonomie des IHM web - Grille d'analyse des 12 règles (20)

Ergonomie des IHM web - Notes de cours (2/3)
Ergonomie des IHM web - Notes de cours (2/3)Ergonomie des IHM web - Notes de cours (2/3)
Ergonomie des IHM web - Notes de cours (2/3)
 
Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)
 
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie web
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie webCours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie web
Cours ergonomie des IHM web - Chapitre 5 - Les règles de l'ergonomie web
 
Projet web : lexique et notions
Projet web : lexique et notionsProjet web : lexique et notions
Projet web : lexique et notions
 
Ergonomie web pour les nuls
Ergonomie web pour les nulsErgonomie web pour les nuls
Ergonomie web pour les nuls
 
Sqli wp methode_ergonomieweb
Sqli wp methode_ergonomiewebSqli wp methode_ergonomieweb
Sqli wp methode_ergonomieweb
 
Competitic ergonomie et design site internet - numerique en entreprise
Competitic   ergonomie et design site internet  - numerique en entrepriseCompetitic   ergonomie et design site internet  - numerique en entreprise
Competitic ergonomie et design site internet - numerique en entreprise
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clients
 
Compil Atelier 12 - Ergonomie VEM 2009.ppt
Compil Atelier 12 - Ergonomie VEM 2009.pptCompil Atelier 12 - Ergonomie VEM 2009.ppt
Compil Atelier 12 - Ergonomie VEM 2009.ppt
 
Atelier 12 Ergonomie Voyage en Multimédia 2009
Atelier 12   Ergonomie Voyage en Multimédia 2009Atelier 12   Ergonomie Voyage en Multimédia 2009
Atelier 12 Ergonomie Voyage en Multimédia 2009
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
bb-d_ERGO-UX
bb-d_ERGO-UXbb-d_ERGO-UX
bb-d_ERGO-UX
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
 
Competitic ergonomie site web - numerique en entreprise
Competitic   ergonomie site web - numerique en entrepriseCompetitic   ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entreprise
 
Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et ScapinErgonomie des IHM web - Grille d'analyse de Bastien et Scapin
Ergonomie des IHM web - Grille d'analyse de Bastien et Scapin
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur
 
Accessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéAccessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformité
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performance
 
Conception d'un Extranet
Conception d'un ExtranetConception d'un Extranet
Conception d'un Extranet
 

More from ElodieDescharmes

Project Management 5.1 human resources
Project Management 5.1 human resourcesProject Management 5.1 human resources
Project Management 5.1 human resourcesElodieDescharmes
 
Project Management 1.1 introduction
Project Management 1.1 introductionProject Management 1.1 introduction
Project Management 1.1 introductionElodieDescharmes
 
Project Management 7 agility basics
Project Management 7 agility basicsProject Management 7 agility basics
Project Management 7 agility basicsElodieDescharmes
 
Project Management 10 agile games
Project Management 10 agile gamesProject Management 10 agile games
Project Management 10 agile gamesElodieDescharmes
 
Project Management 9 kanban
Project Management 9 kanbanProject Management 9 kanban
Project Management 9 kanbanElodieDescharmes
 
Project Management 8 scrum
Project Management 8 scrumProject Management 8 scrum
Project Management 8 scrumElodieDescharmes
 
Project Management 6 communication
Project Management 6 communicationProject Management 6 communication
Project Management 6 communicationElodieDescharmes
 
Project Management 4 risks
Project Management 4 risksProject Management 4 risks
Project Management 4 risksElodieDescharmes
 
Project Management 3.2 cost_exo
Project Management 3.2 cost_exoProject Management 3.2 cost_exo
Project Management 3.2 cost_exoElodieDescharmes
 
Project Management 3.2 cost
Project Management 3.2 costProject Management 3.2 cost
Project Management 3.2 costElodieDescharmes
 
Project Management 3.1 time
Project Management 3.1 timeProject Management 3.1 time
Project Management 3.1 timeElodieDescharmes
 
Project Management 2 scope
Project Management 2 scopeProject Management 2 scope
Project Management 2 scopeElodieDescharmes
 
Ergonomie des IHM web - Grille d'analyse de Nielsen
Ergonomie des IHM web - Grille d'analyse de NielsenErgonomie des IHM web - Grille d'analyse de Nielsen
Ergonomie des IHM web - Grille d'analyse de NielsenElodieDescharmes
 
Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)ElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personas
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personasCours ergonomie des IHM web - Chapitre 7 - Méthode des personas
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personasElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directif
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directifCours ergonomie des IHM web - Chapitre 4 - Entretien semi directif
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directifElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...ElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définitionCours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définitionElodieDescharmes
 
Cours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexteCours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexteElodieDescharmes
 

More from ElodieDescharmes (20)

Petite histoire du Lean
Petite histoire du LeanPetite histoire du Lean
Petite histoire du Lean
 
Project Management 5.1 human resources
Project Management 5.1 human resourcesProject Management 5.1 human resources
Project Management 5.1 human resources
 
Project Management 1.1 introduction
Project Management 1.1 introductionProject Management 1.1 introduction
Project Management 1.1 introduction
 
Project Management 7 agility basics
Project Management 7 agility basicsProject Management 7 agility basics
Project Management 7 agility basics
 
Project Management 10 agile games
Project Management 10 agile gamesProject Management 10 agile games
Project Management 10 agile games
 
Project Management 9 kanban
Project Management 9 kanbanProject Management 9 kanban
Project Management 9 kanban
 
Project Management 8 scrum
Project Management 8 scrumProject Management 8 scrum
Project Management 8 scrum
 
Project Management 6 communication
Project Management 6 communicationProject Management 6 communication
Project Management 6 communication
 
Project Management 4 risks
Project Management 4 risksProject Management 4 risks
Project Management 4 risks
 
Project Management 3.2 cost_exo
Project Management 3.2 cost_exoProject Management 3.2 cost_exo
Project Management 3.2 cost_exo
 
Project Management 3.2 cost
Project Management 3.2 costProject Management 3.2 cost
Project Management 3.2 cost
 
Project Management 3.1 time
Project Management 3.1 timeProject Management 3.1 time
Project Management 3.1 time
 
Project Management 2 scope
Project Management 2 scopeProject Management 2 scope
Project Management 2 scope
 
Ergonomie des IHM web - Grille d'analyse de Nielsen
Ergonomie des IHM web - Grille d'analyse de NielsenErgonomie des IHM web - Grille d'analyse de Nielsen
Ergonomie des IHM web - Grille d'analyse de Nielsen
 
Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)
 
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personas
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personasCours ergonomie des IHM web - Chapitre 7 - Méthode des personas
Cours ergonomie des IHM web - Chapitre 7 - Méthode des personas
 
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directif
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directifCours ergonomie des IHM web - Chapitre 4 - Entretien semi directif
Cours ergonomie des IHM web - Chapitre 4 - Entretien semi directif
 
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...
Cours ergonomie des IHM web - Chapitre 3 - Caractéristiques générales des int...
 
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définitionCours ergonomie des IHM web - Chapitre 2 - Introduction et définition
Cours ergonomie des IHM web - Chapitre 2 - Introduction et définition
 
Cours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexteCours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexte
 

Recently uploaded

COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 

Recently uploaded (16)

COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 

Ergonomie des IHM web - Grille d'analyse des 12 règles

  • 1. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles AUDIT ERGONOMIQUE PROJET ÉVALUÉ GROUPE ÉVALUATEUR UTILITÉ GLOBALE Comprend-on ce que propose le site ? DÉFAUT OBSERVÉ OU REMARQUE EVALUATION FORMELLE SELON LES 12 REGLES DE L’ERGONOMIE WEB RÈGLE DÉFAUT OBSERVÉ OU REMARQUE 1. ARCHITECTURE : LE SITE EST BIEN RANGE Les regroupements sont logiques La structuration met en avant les contenus clés Les menus aident l’internaute à naviguer dans les contenus
  • 2. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles 2. ORGANISATION VISUELLE : LA PAGE EST BIEN RANGEE Eviter le trop-plein d’information Optimiser l’organisation et la hiérarchisation visuelle 3. COHERENCE : LE SITE CAPITALISE SUR L’APPRENTISSAGE INTERNE Les localisations sont cohérentes Les appellations sont cohérentes Les formats de présentation sont cohérents Les interactions sont cohérentes 4. CONVENTIONS : LE SITE CAPITALISE SUR L’APPRENTISSAGE EXTERNE Respecter les conventions de localisation
  • 3. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles Respecter les conventions de vocabulaire Respecter les conventions d’interaction et de présentation 5. INFORMATION : LE SITE INFORME L’INTERNAUTE ET LUI REPOND Le site informe et prévient l’internaute Le site répond aux actions de l’internaute (feedback) 6. COMPREHENSION : LES MOTS ET SYMBOLES SONT CHOISIS MINUTIEUSEMENT Le vocabulaire est utilisé, compréhensible et concis Les symboles et codes sont compréhensibles 7. ASSISTANCE : LE SITE AIDE ET DIRIGE L’INTERNAUTE L’organisation et la visibilité aident l’internaute
  • 4. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles Les affordances aident l’internaute (à repérer ce qui est cliquable ou utilisable) Il n’y a pas d’affordances erronées Les besoins des internautes en termes de tâches sont pris en compte En cas de besoin, de l’aide explicite est disponible 8. GESTION DES ERREURS : LE SITE PREVOIT QUE L’INTERNAUTE SE TROMPE La présentation et le fonctionnement des formulaires préviennent les erreurs Les erreurs sont repérables et compréhensibles L’internaute peut facilement corriger ses erreurs
  • 5. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles 9. RAPIDITE : L’INTERNAUTE NE PERD PAS SON TEMPS Les interactions sont facilitées Eviter les actions inutiles 10. LIBERTE : C’EST L’INTERNAUTE QUI COMMANDE Les contrôles conventionnels sont respectés Flexibilité des actions utilisateur L’internaute de contourner le système et agir dessus Le site n’induit pas de comportement passif Le système n’est pas intrusif
  • 6. Ergonomie IMR2 – 2012-2013 Référence : Ergonomie web, pour des sites web efficaces Amélie Boucher, Éditions Eyrolles 11. ACCESSIBILITE Accessibilité physique Accessibilité technologique 12. SATISFACTION DE VOTRE INTERNAUTE Le site est utile Le site est esthétique Le site est efficace et fiable AUTRES DÉFAUT OBSERVÉ OU REMARQUE