CHAP 1 / Comprendre Les 6 piliers de l’UX la …un design « beau » et fonctionnel, qui inspire...

12
UX •INTERVENTION CAWEB 2018/2019 – 21H OCTOBRE 2018 * DOCUMENT EN COURS DE REALISATION CHAP 1 / Comprendre la démarche UX § Repères et dates clés § Les 6 piliers de l’UX § Une démarche encore récente, des confusions persistent : UX et UI : quelle différence ? UX et ergonomie : quelle différence ?

Transcript of CHAP 1 / Comprendre Les 6 piliers de l’UX la …un design « beau » et fonctionnel, qui inspire...

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