Nantes–15juin2016

L’ERGONOMIEVotremeilleureamie

—

GuillaumeGenestLeaddesigner-AgenceLunaWeb

@agencelunaweb

Nantes–15juin2016

TITREDELASLIDE Sommaire

1.  Lecontexteactuel2. Voirn’estpaspercevoir3. Améliorerl’ergonomied’undisposiQf4. Conclusion

Nantes–15juin2016

1.Lecontexteactuel

Nantes–15juin2016

TITREDELASLIDE Lecontexteactuel

Lesaviez-vous?•  2%:tauxmoyendeconversione-commerceenFrance.•  68%:tauxderebondmoyenenFrance,2/3del’audience!•  5%dessitesaccaparent90%del’audience.•  Leréférencementestresponsablede92%delavisibilité.•  Lavitessedechargementd’unsiteestlecritèred’adopQon

n°1pourlemobinaute.C’estlong=jepars!•  39%desinternautesfrançaisuQlisentplusieursappareilsà

lafois(PC,tablehe,mobile).•  25%seulementdessitessontadaptésou«responsive».

Nantes–15juin2016

Bref,l’uQlisateuralechoixetmieuxvautluiprésenterun

siteengageant

Nantes–15juin2016

Saufque,parfois,cequ’onluiprésentenecorrespondpastoutà

faitaurésultatahendu…

Nantes–15juin2016

Onparlealorsd’engagementuQlisateur,réussiouraté

Nantes–15juin2016

2.Voirn’estpaspercevoir

Nantes–15juin2016

TITREDELASLIDEVoirn’estpaspercevoir

L’expérienceclientd’unsitenerésultepasuniquementdesonapparence:Voir = Interface utilisateur (UI) C’estcequifaitlelienentrel’humainetlamachine(graphisme,typographie,iconographie…).

Percevoir = Expérience utilisateur (UX) C’estunprocesscompletquiprendencomptel’UImaisaussilecontenu,lesfoncQonnalités,l’architectured’unsite…

Nantes–15juin2016

TITREDELASLIDEApple:UneUIréussie,uneuQlisabilité

idoine,uneUXexcellente…

Nantes–15juin2016

TITREDELASLIDEParcequel’uQlisateuryretrouvetoutsimplement...

Qui Comment

Pourquoi

Quoi

Nantes–15juin2016

TITREDELASLIDEEtparcequetoutestadaptépourmehreenscènelebienfinal,dansunécrinquinemarchepaspourtout…

Nantes–15juin2016

Et,surtout,lanoQonde«bonne»oude«mauvaise»expériencefaitappelàla

sensibilitédechaqueuQlisateur

Nantes–15juin2016

L’expérienceclientestlefruitd’unprocessuscomplexe,trèspersonneletfaisantappelàunemulQtudedefacteurs:

Nantes–15juin2016

Faceàcela,commentproposerledisposiQfleplusperformantet

efficacepossible?

Nantes–15juin2016

Ensuivantquelquesrèglessimplesd’ergonomieweb

Nantes–15juin2016

3.Améliorerl’ergonomied’undisposiQf

Nantes–15juin2016

TITREDELASLIDE2.Améliorerl’ergonomied’undisposiQf

Les bases d’une bonne ergonomie de site :!•  UneoffreenadéquaQonaveclademande

•  Unconceptsimple:ilrépondàunbesoinuQlisateur.

•  Unaccèsfacilité:référencement,réseauxsociaux,publicité.

•  Undesignéprouvé:fond,formeetsensserejoignent.

•  Unebonneaccessibilité:lisibledetouslesterminaux,partouslesuQlisateurs.

•  UneuQlisabilitéidoine:serepéreretréaliserl’acQonfacilement.

•  Ungraphismerassurant:repèresconformesauxstandards,signesralliantàlamarque,codesvisuelscrédibles…

•  Del’efficacité:sitequichargevite,simple,foncQonnesanschercher.

Nantes–15juin2016

TITREDELASLIDE2.Améliorerl’ergonomied’undisposiQf

Les bonnes pratiques :!•  Placerl’uQlisateuraucœurdudisposiQf:

✓  Analysersoncomportement(survotresiteetengénéral),

✓  Recueillirsesbesoins(enquête,interviews,analysecorrespondance),✓  LefairetesterlesiteencoursderéalisaQon,✓  Passer70%dutempsduprojetàconcevoiretasàproduire«bêtement».

•  Innoverparlasimplicitésurlemessage,lesfoncQonnalités,legraphisme.

•  UQliserdessoluQonsnormées,pourafficheretgérerlespagesdevossites.

•  Surveillersesstatsd’audienceetaffinerconstammentdansunelogiquesimpled’amélioraQonconQnue.

Nantes–15juin2016

4.conclusion

Nantes–15juin2016

Pensezvotreprojetavanttoutpourl’uQlisateur

Nantes–15juin2016

Passezleplusdetempspossibleàconcevoir

Nantes–15juin2016

Nesuccombezpasàl’envied’enfairetrop

Nantes–15juin2016

Testez,testez,testez…avecdesvraisgens!

Nantes–15juin2016

MERCI

GuillaumeGenest@agencelunaweb