SlideShare une entreprise Scribd logo
UXDESIGN
Definition
L’UX Design ou User eXperience (Expérience Utilisateur)
représente la façon dont va intéragir une personne avec un
produit ou une application, ici il s’agira d’un site internet.
L’UX Design c’est analyser, étudier comment l’utilisateur
ressent le site dans sa globalité, comment il apprécie son
aspect mais aussi comment il navigue entre les pages, cette
navigation est-elle aisée, ou bien complexe ? Donne-t-on
envie à l’internaute de revenir.
Cela demande un travail de prototypage et de création
d’interface, mettant en relation des ergonomes, des
sémiologues, linguistes, typographes.
L’UX Design n’est pas faire du beau, c’est faire quelque chose
qui fonctionne.
DESIGNISNOTJUSTWHATITLOOKSLIKE
ANDFEELSLIKE.
DESIGNISHOWITWORKS.
Steve Jobs
Composantesdel’UXDesign
UXDESIGN
Composantesdel’UXDesign
C’est l’art et la manière de mettre en avant l’information.
Que l’utilisateur soit un internaute averti ou pas, le message
véhiculé par le site doit être lisible et simple d’accès tout en
jouant avec les contraintes techniques. Ces contraintes ne
doivent pourtant pas être un frein, l’UX design n’est pas une
question de technologie.
Plus la quantité d’informations est grande plus l’architecture
de l’information demande du temps. Une bonne architecture
de l’information permet à un site de se démarquer de ses
concurrents car ses valeurs sont facilement identifiables.
La navigation du site doit être intuitive et cohérente, Ainsi
les internautes doivent faire un minimum d’efforts pour se
repérer et trouver les informations qu’ils cherchent.
Comme son nom l’indique il s’agit du contenu que l’on donne
à lire, à regarder, à écouter.
Ce contenu doit être homogène, créatif. Une réfléxion
éditoriale est importante. Ce que je donne à voir reflète mes
valeurs, mon identité.
Cecontenudoitêtrefacilementcompréhensibleetdynamique.
Les mises à jour doivent être régulières. Les informations
doivent rester conscises, il n’est pas nécessaire d’en mettre
trop au rique de perdre le lecteur.
2.Architecture1.Contenu
Composantesdel’UXDesign
Le site doit répondre aux mutations des usages de navigation
des internautes. Ces usages sont de plus en plus mobiles, les
internautes consultent les sites sur leur téléphone ou leur
tablette.
Le site doit donc s’adapter à ces résolutions, il doit être
responsive.
L’ensemble des fonctionnalités proposées sur le site doivent
être conçues dans la même optique de simplicité et de confort
d’utilisation.
La mise en place d’un forum de discussion, d’un formulaire
de contact, d’un moteur de recherche... doit faire l’objet d’une
réflexion essentielle sur la manière dont les internautes vont
l’utiliser.
Les fonctionnalités doivent être utiles et apporter une réelle
valeur ajoutée : plate-forme de réseaux sociaux, forum,
possibilité de réagir en ligne, vidéo, sons...
4.plateformes3.Fonctionnalites
L’UI design est l’interface utilisateur.
Il ne aut pas confondre UI et UX, confondre l’aspect et les
fonctionnalités.
L’UI Design c’est l’apparence d’un site ou d’une application.
C’est garder uen cohérence graphique sur l’ensemble du site.
Le graphisme du site est alors intégré dans la réflexion de l’UX
Design, l’un n’allant pas sans l’autre.
Le rôle est alors de séduire l’utilisateur, de crédibiliser le
produit.
Une des principales composantes de l’ergonomie est
l’accessibilité : le site doit être facilement et rapidement «pris
en main» par un maximum de personnes.
L’URL doit être simple, les pages doivent se charger
rapidement, les technologies doivent être universelles et on
se doit de respecter les usages d’internet.
L’accéssibilité c’est aussi permettre à des personnes mal-
voyantes de consulter le site, en permettant d’agrandir la
police de caractère par exemple.
Composantesdel’UXDesign
6.Accessibilite5.UIDesign
Exemples
Flickr Ipad
Google+ Wiimote
Pinterest XboxKinect
Nike+ Tente2"Quechua

Contenu connexe

Tendances

UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
Solène Berthet
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
Microsoft
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flow
Kévin TONON
 
UX design
UX designUX design
UX design
Tanay Kumar
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum
 
Scaling UX Design
Scaling UX DesignScaling UX Design
Scaling UX Design
UXDXConf
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
RiniyaMary
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie Glandus
Marie Glandus
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
Personnalisation et marketing
Personnalisation et marketingPersonnalisation et marketing
Personnalisation et marketing
Camille Durand
 
Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
Évolt
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
Carine Lallemand
 
Design de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateurDesign de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateur
Vanessa Lirus
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 

Tendances (20)

UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flow
 
UX design
UX designUX design
UX design
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
Scaling UX Design
Scaling UX DesignScaling UX Design
Scaling UX Design
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie Glandus
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Personnalisation et marketing
Personnalisation et marketingPersonnalisation et marketing
Personnalisation et marketing
 
Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
 
Design de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateurDesign de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateur
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 

Similaire à Ux design

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
Versusmind
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
JEAN-LUC LE MOAL
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
Virginie Boullé
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clients
Laurence Vagner
 
Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015
Caroline Bedaux
 
CN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site webCN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site web
Cap'Com
 
Workshop UX - Quentin Subervie
Workshop UX - Quentin SubervieWorkshop UX - Quentin Subervie
Workshop UX - Quentin Subervie
Quentin Subervie
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
Audrey CHATEL
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
Flupa
 
UX guidelines
UX guidelinesUX guidelines
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
Newflux UX/UI News
 
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
Valtech Canada
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
UXD Meetup
 
Metiers Design Numerique 2009
Metiers Design Numerique 2009Metiers Design Numerique 2009
Metiers Design Numerique 2009
designers interactifs
 
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Microsoft
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
Akemi Tazaki
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Guillaume Abel
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notes
Concept Image
 

Similaire à Ux design (20)

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
 
Ux
UxUx
Ux
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clients
 
Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015
 
CN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site webCN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site web
 
Workshop UX - Quentin Subervie
Workshop UX - Quentin SubervieWorkshop UX - Quentin Subervie
Workshop UX - Quentin Subervie
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
 
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 
Metiers Design Numerique 2009
Metiers Design Numerique 2009Metiers Design Numerique 2009
Metiers Design Numerique 2009
 
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notes
 

Ux design

  • 2. Definition L’UX Design ou User eXperience (Expérience Utilisateur) représente la façon dont va intéragir une personne avec un produit ou une application, ici il s’agira d’un site internet. L’UX Design c’est analyser, étudier comment l’utilisateur ressent le site dans sa globalité, comment il apprécie son aspect mais aussi comment il navigue entre les pages, cette navigation est-elle aisée, ou bien complexe ? Donne-t-on envie à l’internaute de revenir. Cela demande un travail de prototypage et de création d’interface, mettant en relation des ergonomes, des sémiologues, linguistes, typographes. L’UX Design n’est pas faire du beau, c’est faire quelque chose qui fonctionne. DESIGNISNOTJUSTWHATITLOOKSLIKE ANDFEELSLIKE. DESIGNISHOWITWORKS. Steve Jobs
  • 4. Composantesdel’UXDesign C’est l’art et la manière de mettre en avant l’information. Que l’utilisateur soit un internaute averti ou pas, le message véhiculé par le site doit être lisible et simple d’accès tout en jouant avec les contraintes techniques. Ces contraintes ne doivent pourtant pas être un frein, l’UX design n’est pas une question de technologie. Plus la quantité d’informations est grande plus l’architecture de l’information demande du temps. Une bonne architecture de l’information permet à un site de se démarquer de ses concurrents car ses valeurs sont facilement identifiables. La navigation du site doit être intuitive et cohérente, Ainsi les internautes doivent faire un minimum d’efforts pour se repérer et trouver les informations qu’ils cherchent. Comme son nom l’indique il s’agit du contenu que l’on donne à lire, à regarder, à écouter. Ce contenu doit être homogène, créatif. Une réfléxion éditoriale est importante. Ce que je donne à voir reflète mes valeurs, mon identité. Cecontenudoitêtrefacilementcompréhensibleetdynamique. Les mises à jour doivent être régulières. Les informations doivent rester conscises, il n’est pas nécessaire d’en mettre trop au rique de perdre le lecteur. 2.Architecture1.Contenu
  • 5. Composantesdel’UXDesign Le site doit répondre aux mutations des usages de navigation des internautes. Ces usages sont de plus en plus mobiles, les internautes consultent les sites sur leur téléphone ou leur tablette. Le site doit donc s’adapter à ces résolutions, il doit être responsive. L’ensemble des fonctionnalités proposées sur le site doivent être conçues dans la même optique de simplicité et de confort d’utilisation. La mise en place d’un forum de discussion, d’un formulaire de contact, d’un moteur de recherche... doit faire l’objet d’une réflexion essentielle sur la manière dont les internautes vont l’utiliser. Les fonctionnalités doivent être utiles et apporter une réelle valeur ajoutée : plate-forme de réseaux sociaux, forum, possibilité de réagir en ligne, vidéo, sons... 4.plateformes3.Fonctionnalites
  • 6. L’UI design est l’interface utilisateur. Il ne aut pas confondre UI et UX, confondre l’aspect et les fonctionnalités. L’UI Design c’est l’apparence d’un site ou d’une application. C’est garder uen cohérence graphique sur l’ensemble du site. Le graphisme du site est alors intégré dans la réflexion de l’UX Design, l’un n’allant pas sans l’autre. Le rôle est alors de séduire l’utilisateur, de crédibiliser le produit. Une des principales composantes de l’ergonomie est l’accessibilité : le site doit être facilement et rapidement «pris en main» par un maximum de personnes. L’URL doit être simple, les pages doivent se charger rapidement, les technologies doivent être universelles et on se doit de respecter les usages d’internet. L’accéssibilité c’est aussi permettre à des personnes mal- voyantes de consulter le site, en permettant d’agrandir la police de caractère par exemple. Composantesdel’UXDesign 6.Accessibilite5.UIDesign
  • 7. Exemples Flickr Ipad Google+ Wiimote Pinterest XboxKinect Nike+ Tente2"Quechua