SlideShare uma empresa Scribd logo
1 de 7
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

Mais conteúdo relacionado

Mais procurados

Personnalisation et marketing
Personnalisation et marketingPersonnalisation et marketing
Personnalisation et marketingCamille Durand
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
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
 
デザイン提案の参考資料
デザイン提案の参考資料デザイン提案の参考資料
デザイン提案の参考資料Tsutomu Sogitani
 
Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners  Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners Matthieu Gioani
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience? Dotinum
 
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 DifferenceVibloo
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX DesignSolène Berthet
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandCarine Lallemand
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceCloud Analogy
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
 
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
 
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 utilisateurVanessa Lirus
 

Mais procurados (20)

Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
Ux design process
Ux design processUx design process
Ux design process
 
Personnalisation et marketing
Personnalisation et marketingPersonnalisation et marketing
Personnalisation et marketing
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
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...
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
デザイン提案の参考資料
デザイン提案の参考資料デザイン提案の参考資料
デザイン提案の参考資料
 
Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners  Design Thinking et UX pour les Products Owners
Design Thinking et UX pour les Products Owners
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
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
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User Experience
 
What is UX?
What is UX?What is UX?
What is UX?
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
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
 
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
 

Semelhante a Ux design

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfSonia SAHLI
 
#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 #DesignVirginie 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 clientsLaurence 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 2015Caroline 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 webCap'Com
 
Workshop UX - Quentin Subervie
Workshop UX - Quentin SubervieWorkshop UX - Quentin Subervie
Workshop UX - Quentin SubervieQuentin Subervie
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey 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
 
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'UXtelmedia
 
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 UXNewflux UX/UI News
 
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebValtech 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 DesignUXD Meetup
 
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
 
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
 

Semelhante a Ux design (20)

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 
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é
 

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