19
17 mars 2016 – Lyon Op2miser l'ergonomie de son site -- Charlo=e SALVO Consultante UX

Ergonomie de son site - Webassoc Lyon, 17 mars 2016

Embed Size (px)

Citation preview

17mars2016–Lyon

Op2miserl'ergonomiedesonsite--

Charlo=eSALVOConsultanteUX

17mars2016–Lyon

TITREDELASLIDESOMMAIRE

1-Simplifiezlaprised’informa2on

2-Facilitezledon

3-Testezauprèsdevosu2lisateurs

17mars2016–Lyon

TITREDELASLIDESIMPLIFIEZLAPRISED’INFORMATION

Expliquezquivousêtesetdemanièrevisiblesurlapaged’accueil:-  Votremessagedoitêtrecourtpourêtrelurapidement-  Ildoitressor2ravecdescouleursetunetailledepoliceimportance-  L’informa2ondoitêtrehiérarchiséepourfaciliterlalectureEviterlesgrandsblocsdetextenoirs.Enquelquesmotsvosvisiteursdoiventpouvoiriden2fiervotreac2on

17mars2016–Lyon

TITREDELASLIDESIMPLIFIEZLAPRISED’INFORMATION

Afficherunebarredenaviga2onsaillantequisedis2nguedurestedelapagepourunevisibilitéimmédiateetfaciliterlarecherched’informa2on

17mars2016–Lyon

TITREDELASLIDESIMPLIFIEZLAPRISED’INFORMATION

Facilitezlarecherched’informa2onavecunmoteurderecherchevisibledirectementdansleheaderpourêtreprésentàtoutmoment

17mars2016–Lyon

TITREDELASLIDESIMPLIFIEZLAPRISED’INFORMATION

…Ougrâceàunfooterflo=antsileheadern’estplusvisible

Recrutezdesbénévolesenaffichantunaccèsvisibletoutaulongduparcoursdansleheader…

17mars2016–Lyon

TITREDELASLIDESOMMAIRE

1-Simplifiezlaprised’informa2on

2-Facilitezledon

3-Testezauprèsdevosu2lisateurs

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Unboutond’appelaudonvisibleimmédiatementsurlapaged’accueil:-  Unecouleurquisedémarqueet

spécifiqueàl’ac2on-  Unetaillequipermetunrepérage

rapide

Uneprésencedansleheaderperme=antd’êtrevisibleàtoutmomentdelanaviga2on

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Donnezlapossibilitédefaireundonuniqueouundonrécurrent

Proposezdesmontantsenlaissantlapossibilitédesaisirunmontantlibre

Contextualisezl’appelaudonavecdesvisuelspourprojeterl’u2lisateuretcréerdel’empathie.

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Proposezundonpourunecauseenpar2culier

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Soyezincita2f,informezvosu2lisateurssurladéduc2onfiscaledemanièrevisibleetPROCHEdel’encartdedon.Privilégiezlecoutderevientaumontantdeladéduc2on

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Proposezuntunnel:-Suruneseulepagepourplusderapiditéetéviterlesdéperdi2onsu2lisateursET-Directementaccessibleaprèsavoircliquésurleboutonenpaged’accueil

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Proposezdifférentsmodesdepaiementetaffichez-lessurlapagepoureninformervosvisiteurs

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

A=en2onaumanquedecontrastequinefacilitepaslavisibilitéetlasaisiedesinforma2ons.

17mars2016–Lyon

TITREDELASLIDEFACILITEZLEDON

Expliquezàvosu2lisateurslamanièredontleurdonserau2lisé

17mars2016–Lyon

TITREDELASLIDESOMMAIRE

1-Simplifiezlaprised’informa2on

2-Facilitezledon

3-Testezauprèsdevosu7lisateurs

17mars2016–Lyon

TITREDELASLIDETESTSA/BouMVT

Objec7f:Me=reencompé22onplusieursversionsdelamêmepagepouriden2fierlaversionlaplusefficace.EXEMPLE:Tester3couleursduboutond’appelaudonsurunemêmepageIntérêt:•Rapideàme=reenplace•Condi2onsréelles•Testésurunegrandequan2téd’internautes•RésultatsimmédiatsMéthode:1.Iden2fierlespagesàtesteretlisterlesélémentsàmodifier2.Créa2ondelapagealterna7ve3.Répar22ondutrafic4.Onre2entlaversiongagnante

17mars2016–Lyon

TITREDELASLIDETESTSUTILISATEURS

Principe:Mesurerl’efficience,l’efficacitéetlasa2sfac2on+EyeTracking:savoircequiestVUIntérêt:•Donnéescomportementales(Hésita2ons–froncementdesourcil-etc.)•Permetd’observercequefontlesinternautes:cheminsempruntés…•AnalysefineducomportementetdesaNentesdesclients•+EyeTracking:mesuredeszonesvues,ignorées,desparcoursvisuels…Méthode:1.Défini7ondelacible&recrutementdel’échan2llon2.Défini2onduprotocoledetestenfonc2ondevosobjec7fs3.Passa7ondestests4.Analyseducomportementetdelasa2sfac2on

17mars2016–Lyon

MERCI

[email protected]