Le design d'expérience utilisateur - Bases

2,203 views
2,083 views

Published on

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,203
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
106
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Le design d'expérience utilisateur - Bases

  1. 1. * CONCEVOIR POURL’EXPERIENCE UTILISATEUR RÉVISION POUR TOUS
  2. 2. QUEL EST VOTRE PROCESS DE CONCEPTION ? DESIGNPanique non Validation oui Livré en Client retard INSPIRÉ PAR : smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
  3. 3. DesignContenu UX/IA Business Technologie
  4. 4. Design FormeContenu Fond Objectif Business Fonction Technologie
  5. 5. Design FormeContenu Fond Objectif Business Fonction Technologie
  6. 6. 5 NIVEAUX1. DECOUVERTE2. CONCEPT3. ORGANISATION4. DESIGN5. MANAGEMENT DE PRODUCTION
  7. 7. *1DECOUVERTE
  8. 8. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE
  9. 9. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE
  10. 10. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  11. 11. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  12. 12. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  13. 13. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  14. 14. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  15. 15. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  16. 16. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  17. 17. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  18. 18. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  19. 19. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie...Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  20. 20. * 2CONCEPT
  21. 21. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT
  22. 22. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT source: http://www.learninglab.jumpassociates.com/?p=113
  23. 23. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT source: adaptive path
  24. 24. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT source: http://weizhou.wordpress.com/2008/07/07/prototype/
  25. 25. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT
  26. 26. “IdeatioD’IDÉES GENERATION n”- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT
  27. 27. “IdeatioD’IDÉES n” GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona)- C’estner la boite- Desig- ... CONCEPT
  28. 28. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  29. 29. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  30. 30. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  31. 31. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  32. 32. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  33. 33. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  34. 34. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  35. 35. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides
  36. 36. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
  37. 37. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes:- générer pasplusmauvaisespossible le d’idées Modélisation- iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie- prendre toutnien note contenus Fonctionnelle- Méthode: CONCEPT + modèles hybrides- Usages/Objectifs Business- avant-pendant-après l (pour mon persona)- c’estner lalaboite d’accuei quoi page- desig ons- questi- ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
  38. 38. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes:- générer pasplusmauvaisespossible le d’idées Modélisation- iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie- prendre toutnien note contenus Fonctionnelle- Méthode: CONCEPT + modèles hybrides- Usages/Objectifs Business- avant-pendant-après l (pour mon persona)- c’estner lalaboite d’accuei quoi page- desig ons- questi- ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
  39. 39. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes:- générer pasplusmauvaisespossible le d’idées Modélisation- iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie- prendre toutnien note contenus Fonctionnelle- Méthode: CONCEPT + modèles hybrides- Usages/Objectifs Business- avant-pendant-après l (pour mon persona)- c’estner lalaboite d’accuei quoi page- desig ons- questi- ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
  40. 40. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION- Diviser par questi/ons ence- Scénaritelling / boarding o d’usage d’expéri Modélisation- Storyquoi la page d’accueil (par persona) Stratégie des Stratégie- C’estner la boite- Desig contenus Fonctionnelle- ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
  41. 41. *3ORGANISATION
  42. 42. Périmoètrefoncti nnelDefinition des fonctions,des formats, des principesd’interaction... ORGANISATION
  43. 43. Périmoètrefoncti nnelDefinition des fonctions,des formats, des principesd’interaction... ORGANISATION
  44. 44. Périmoètrefoncti nnelDefinition des fonctions,des formats, des principesd’interaction... ORGANISATION
  45. 45. Périmoètrefoncti nnelDefinition des fonctions,des formats, des principesd’interaction... ORGANISATION
  46. 46. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION Objectifs:- lister rles fonctions ent- obteniun un accord cli- fairmatiobudgetproduction e esti n de et une
  47. 47. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus
  48. 48. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus
  49. 49. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus
  50. 50. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus
  51. 51. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  52. 52. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  53. 53. Périmoètrefoncti nnelDefinition des fonctions, Management des Contenusdes formats, des principesd’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  54. 54. * 4DESIGN
  55. 55. Desiognnel foncti nShémas de Fluxstructure` logiques(wireframes) DESIGN
  56. 56. Desiognnel foncti nShémas de Fluxstructure` logiques(wireframes) DESIGN
  57. 57. Desiognnel foncti nShémas de Fluxstructure` logiques(wireframes) DESIGN
  58. 58. Desiognnel foncti nShémas de Fluxstructure` logiques(wireframes) DESIGN
  59. 59. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  60. 60. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  61. 61. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  62. 62. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  63. 63. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  64. 64. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets
  65. 65. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets Prototype
  66. 66. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition- Papier- Balsamiq
  67. 67. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition- Papier - Wiqruables cli eframes- Balsamiq - Demo client Flash ou autre
  68. 68. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  69. 69. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets Prototype
  70. 70. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition- Papier- Balsamiq
  71. 71. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition- Papier - Wiqruables cli eframes- Balsamiq - Demo client Flash ou autre
  72. 72. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  73. 73. Desiognnel foncti n d Design on ,interactiShémas de Flux Charte Comportements d’interactionstructure` logiques(wireframes) DESIGN des objets Prototype
  74. 74. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition- Papier- Balsamiq
  75. 75. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition- Papier - Wiqruables cli eframes- Balsamiq - Demo client Flash ou autre
  76. 76. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  77. 77. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  78. 78. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  79. 79. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition- Papier - Wiqruables - Prototype de cli eframes développement- Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  80. 80. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Interface Basse Moyenne Haute définition définition définition Lisibilité Composants (technologie) (fond)- Papier - Wiqruables - Prototype de cli eframes développement Grille Navigation- Balsamiq - Demo client HTML/CSS/DOM (forme) (fonction) ou FLASH Flash ou autre
  81. 81. * 5MANAGEMENT DE PRODUCTION
  82. 82. Specifications Production Production SpecificationsFonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION
  83. 83. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTIONDES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefierSTATUS - a modi - validé
  84. 84. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTIONDES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefierSTATUS - a modi - validé
  85. 85. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETSDES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description desSTATUS - a modi de l’organisation composants - validé des gabarits
  86. 86. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETSDES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description desSTATUS - a modi de l’organisation composants - validé des gabarits
  87. 87. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETSDES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description desSTATUS - a modi de l’organisation composants - validé des gabarits
  88. 88. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques architecte n d’informatio chef de ITÉRATION projet designer d’interface MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETSDES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description desSTATUS - a modi de l’organisation composants - validé des gabarits
  89. 89. *Conclusion
  90. 90. AGILITÉ DU PROCESSUS Découverte Concept Organisation Design ProductionNiveau d’engagement Niveau d’engagement Degrés de définition Inspiré par UX Matters: http://tiny.cc/ux-process-source
  91. 91. AGILITÉ DU PROCESSUS Découverte Concept Organisation Design ProductionNiveau d’engagement Niveau d’engagement ITERATIONS Degrés de définition - Recherches - “Ideation” - Périmètre - Schémas de structure - Specifications utilisateurs - Esquisses fonctionnel fonctionelles - Personas - Management des - Flux logiques - Production graphique - Modélisation de la contenus - Rédaction - benchmark stratégie editoriale fonctionnelle - Production de compétitif et et fonctionnelle - Structure de site contenus fonctionnel - Réalisation de prototype Inspiré par UX Matters: http://tiny.cc/ux-process-source
  92. 92. *Discutons sur..@activeside #parisweblinkedin.com/in/mingassonslideshare.net/activesidedesign.activeside.net

×