Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
CHAP3/Définitionetcomposantes
Del’ergonomie
§ Interactionhomme/machine§ Lesdeuxprincipalescomposantesdel’ergonomie:
l’utilisabilitéetl’utilité
§ L’accessibilité§ Lemarketing§ Lesoutils,lescontrôlesetlestests
>Lestestsutilisateursetinterviews>Réaliserdesergonomies,wireframe,prototypes…>Utiliserlesgrillesdecritèresergonomiques
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
CHAP3/Définitionsetcomposantesdel’ergonomie
L’interactionHomme/machine
Illustration:Del’ergonomiegénéraleàl’ergonomieweb.
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
C’estJakobNielsenqui–danslesannées90’estàl’originedudéveloppementdesconceptsdel’utilitéetdel’utilisabilitéet–parlasuite-debeaucoupderéflexionsUX.C’estundesexpertsmajeursdudomainedel'ergonomieinformatiqueetdel'utilisabilitédessiteswebetplusglobalement,desinteractionshomme-machine.Ilaconceptualisé10principes–socledecequ’estladémarcheUXquel’onconnaîtaujourd’hui.
CHAP3/Définitionsetcomposantesdel’ergonomie
L’utililisabiltéetl’utilité
Lirearticle:www.optimisation-conversion.com/webdesign/ckecklist-de-10-principes-heuristiques-usability-de-jakob-nielsen/
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
1/Visibilitédestatutdusystème
2/Correspondanceentrelesystèmeetlemonderéel
3/Contrôledel’utilisateuretliberté
4/Conventionetstandards
5/Préventioncontreleserreurs
6/Reconnaissanceplutôtquerappel
7/Flexibilitéd’utilisationetefficience
8/Designesthétiqueetminimaliste
9/Fonctionsdel’aide(reconnaissance,diagnosticetrécupérationd’erreurs)
10/Aideetdocumentation
CHAP3/Définitionsetcomposantesdel’ergonomie
L’utililisabiltéetl’utilité
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
2conditionsessentiellesderéussited’unsiteweboud’uneapplication.
CHAP3/Définitionsetcomposantesdel’ergonomie
L’utililisabiltéetl’utilité
L’usabilitévientdel’anglais«usability»(=estfaciled’utilisation)SelonJakobNielsen,l’utilisabilitéwebdoitpermettre:1.l’efficience2.lasatisfaction3.lafiabilité4.lafacilitéd’apprentissage5.lafacilitéd’appropriation
L’utilitévientdel’anglais«utility»(=répondauxbesoinsréelsdesutilisateurs)UneproductionUXrépondauxbesoinsréelsdesutilisateurs–elleleurestdoncutile.Alors,unepluiedequestionsarrive...quelssontdonclesbesoinsetattentesdesutilisateurs?etquisontlesutilisateurs?commentilssecaractérisent?…
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
LestestsutilisateursetinterviewsSansfairedetestsutilisateurs,sanssoumettresanscesselesinterfacesauxutilisateursfinaux,ilyadegrandeschancesdepasseràcôtédel’essentiel.C’estuneméthodeefficacepourévalueruneinterface:>comprendrecequifonctionne(ounon)>déterminerprécisément:lespointsd’achoppementsoulesaxesd’optimisation…
CHAP3/Définitionsetcomposantesdel’ergonomie
Outilsettests:personas,Wireframesetprototypes
Articledétaillésur:https://wexperience.fr/blog/vos-bonnes-resolution-lux-2017/https://www.usability.gov/how-to-and-tools/methods/planning-usability-testing.html
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
CHAP3/Définitionsetcomposantesdel’ergonomie
Outilsettests:personas,Wireframesetprototypes
Réaliserdesergonomies,wireframe,prototypes…C’estuneformalisationefficacepour:•écouteretcomprendrelesschémasdepenséesdesutilisateurs(interactionsetdynamismeentre:contexte/utilisateur/système)•expérimenter•résoudredesproblèmeLesoutils>Figma>Sketch>AdobeXD
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
UtiliserlescritèresergonomiquesdeBASTIENETSCAPINLescritèresergonomiquessontissusdetravauxenpsychologiecognitive(mémoire,langage,intelligence,raisonnement,résolutiondeproblèmes,perceptionouattention).
Ilssontutilisésavecsuccèsdepuisplusde20anssurdifférentstypesd’interfacesdigitalescarbienquelesinterfacesaientchangées,l’êtrehumain,lui,estrestélemême.Lescritèresergonomiquess’appuientsurlacapacitédel’êtrehumainàcomprendreetinterpréterlesinformations.Ilsresterontd’actualitéencorependantdenombreusesdécennies.
CHAP3/Définitionsetcomposantesdel’ergonomie
Outilsettests:LescritèresergonomiquesdeBastienetScapin
IllustrationlescritèresdeBastienetScapin:www.pinterest.fr/pin/170222060895523837/
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
CHAP3/Définitionsetcomposantesdel’ergonomie
Outilsettests:LescritèresergonomiquesdeBastienetScapin
ERGONOMIEWEB•INTERVENTIONCAWEBM12019/2020–18H SEPTEMBRE2019
CHAP3/Définitionsetcomposantesdel’ergonomie
Outilsettests:LescritèresergonomiquesdeBastienetScapin