UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/Comprendre
ladémarcheUX
§ Repèresetdatesclés
§ Les6piliersdel’UX § Unedémarcheencorerécente,desconfusionspersistent:
UXetUI:quelledifférence?UXetergonomie:quelledifférence?
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
Ilya10ansmarginal,lemétierUXdesigneraaujourd’huitoutesaplacedansleprocessusdecréationd’unsiteweboud’uneapplication.
CHAP1/ComprendreladémarcheUX
Repèresetdatesclés
QUELQUESDATESCLÉSAnnées1990:théorisationduconceptd’ergonomie(JacobNielsen–BastienetScapin)2005:RéférentielGénérald’AccessibilitédesAdministrations(RGAA)(leprofild’ergonomeapparaîtauxcôtésdeceluidegraphiste,développeuretderédacteur)
Voirledocument:RéférentielGénérald’AccessibilitédesAdministrations>01_RGAA-2016.pdf
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
Repèresetdatesclés
Aujourd’hui…Enthéorie….touslessecteursettouslesprojetsintègrentdésormaisladimensionUXauplustôtdanslesprojets.carenpratique…l’UXenmodeprojetsuscitebeaucoupdequestionnements.Quandintégrercettedémarchedanslaréalisationd’unprojet?Quelleméthodologieestlaplusadaptéeselonlecontexteduprojet?
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
Repèresetdatesclés
Voirl’articlesurl’évolutiondumarchédel’ergonomieetdel’UX:01_Evolution-ergonomie-et-UX.pdf
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
Les6piliersdel’UX
désirable
utile
accessible
crédible
Seretrouvefacilement
Facileàutiliser
Critèresd’évaluation
Les6piliersdeUX:HoneycombbyPeterMorville.
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetUI:quelledifférence?
Prenonsl’exempled’unsiteweb…L’UI(UserInterface)estlapartievisibledel’UX.Ils’agiteffectivementdeproposerundesign«beau»etfonctionnel,quiinspireconfiance.L’interfaceutilisateurmetl’accentsurlechoixetlestyledespolices,desimages,desanimationsoudesvidéos.L’interfaceestlelienentrelamachine(l’ordinateur)etl’utilisateur(vous).
Illus:https://www.evidence.nc/blog/quest-ce-que-lux-ui-design
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetUI:quelledifférence?
Voirl’étudedecasdeNadègeBlanquet-DESIGNERD'INTERFACESILLUSTRÉES
Voirl’illustration:http://nbdesign-ouest.com/portfolio/etude-cas-1/oulirel’articlecomplet:https://nbdesign-ouest.com/portfolio/quest-ce-que-ui-design/
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetUI:quelledifférence?
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetUI:quelledifférence?
L’UXdésignelamanièredontvotresiteestperçuparlesinternautesselonlescritèresd’ergonomie,denavigationetdecontenu.Ils’agitduressentiémotionneldel’utilisateurfaceàvotreinterfaceweb>ànepasconfondreavecl’UI–quirelèvedel’organisationdesélémentsgraphiqueettextuels.Bienquefaisantpartiedel’UX,l’UInetraitequedesapparences,du«packaging»devotresite.
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetUI:quelledifférence?
Lirel’articlecomplet:https://www.atelierssud.ch/6-criteres-pour-experience-utilisateur-optimale
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetergonomie:quelledifférence?
UnSiteWEBestqualifiéd’ergonomiquequandilproposeunmodedenavigationaiséetintuitifpermettantàsesvisiteursunepriseenmainrapidedesesfonctionnalités.L’ergonomieviseainsiàlafoisunemeilleureefficacitéetunplusgrandconfortd’utilisation.L’ergonomiedoitrendreleschosesfacilementutilisableetfacilementmanipulable.L’ergonomiepermetàl’utilisateurd’arriveràsonbut:trouvercequ’ilestvenuchercheretconcrétisersonaction.L’UXDesignagitàunniveaubiensupérieur,bienplusglobal.
UX•INTERVENTIONCAWEB2018/2019–21H OCTOBRE2018*DOCUMENTENCOURSDEREALISATION
CHAP1/ComprendreladémarcheUX
UXetergonomie:quelledifférence?
ExempleUBERdeMaximBoué:«UnebonneUX,ouunebonneexpérienceutilisateur,doitdonnerenvie,doitfaireplaisir,doitconforter,doitépater».
Sevoirsurleplan,c’estdel’ergonomie.Voirchaquedriver,c’estdel’UX.L’ergonomievousenauraitdonnélenombre,c’estsuffisant.L’UXvousrassure.Ilvousconfortedansl’idéequeleserviceestbienprésent,ilestproche,ilvousprendencharge,ils’occupedetout.Lesvoituresbougent:leschauffeurssontlà,prêtàpasservousprendre.
Lirel’articlecomplet:https://medium.com/@maximebou/2-min-pour-comprendre-la-différence-entre-ergonomie-et-ux-design-a6bb534f0c1a