ergonomie de votre site, webassoc, 15 juin 2016, nantes
TRANSCRIPT
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