SharePoint en action 2013 !Les clés dune expérience utilisateur réussie avec SharePoint !François Lavigne, Designer d’inte...
Par François Lavigne, Designer d’interaction, COSSETTEDans cette présentation  Volet 1 : La conception centrée sur l’util...
SharePoint en action 2013 !La conception centréesur lutilisateur©propriétédeCOSSETTE
Les 5 critères à considérer pour mesurer l’utilisabilité«L’apprenabilité»FacilitéL’efficienceRapiditéLa mémorabilitéMémoir...
SharePoint en action 2013 !Les piliers d’uneexpérience utilisateurréussie©propriétédeCOSSETTE
Les piliers d’une expérience utilisateur réussiecible designcontenu©propriétédeCOSSETTE
Par François Lavigne, Designer d’interaction, COSSETTEConnaître la cible  Identifier les niveaux d’expérience (novice vs ...
Les personas©propriétédeCOSSETTE
Par François Lavigne, Designer d’interaction, COSSETTEOptimiser le contenu  Identifier les familles de contenu  Regroupe...
Optimisation d’une architecture d’informationAvant Après©propriétédeCOSSETTE
Par François Lavigne, Designer d’interaction, COSSETTECréer une hiérarchie visuelleoptimale  Varier les gabarits et les f...
Wolseley Express©propriétédeCOSSETTE
QuébecOriginal©propriétédeCOSSETTE
SharePoint en action 2013 !Pousser l’expérienceutilisateur plus loinavec SharePoint
Par François Lavigne, Designer d’interaction, COSSETTEAller plus loin avec SharePoint  Trouver des façons créatives d’exp...
Les tuiles©propriétédeCOSSETTE
Les tuiles de l’interface Métro de Windows 8©propriétédeCOSSETTE
Les tuiles de l’interface de la Xbox 360©propriétédeCOSSETTE
Les tuiles sur onf.ca©propriétédeCOSSETTE
Le tuiles sur mercedes-benz.com©propriétédeCOSSETTE
Les tuiles sur netflix.com©propriétédeCOSSETTE
Les carrousels©propriétédeCOSSETTE
Carrousel de primeurs et de nouveautés sur hulu.com©propriétédeCOSSETTE
Carrousel de produits sur ebay.com©propriétédeCOSSETTE
Carrousel d’inspiration sur microsoft.com©propriétédeCOSSETTE
Carrousel des dernières nouvelles sur rds.ca©propriétédeCOSSETTE
Idées d’interactions et de navigations©propriétédeCOSSETTE
Visionnement d’images sur google.com©propriétédeCOSSETTE
Suggestions d’albums sur rdio.com©propriétédeCOSSETTE
Aperçu d’images avec description sur istockphoto.com©propriétédeCOSSETTE
Menu flottant sur corp.ign.com©propriétédeCOSSETTE
Menu flottant et transitions sur usatoday.com©propriétédeCOSSETTE
SharePoint en action 2013 !Les activités à mettreen place©propriétédeCOSSETTE
Les activités reliées à l’expérience utilisateurCréationContenu	  Design	  DéfinirICPCible	  Développer DéployerSondagesEn...
SharePoint en action 2013 !Les outils les plusefficaces©propriétédeCOSSETTE
Les outilsOrganisationPost-itXMindVisioConception et PrototypagePowerPoint Visio InDesign PhotoshopBalsamiq OmniGraffle Ax...
Par François Lavigne, Designer d’interaction, COSSETTELes clés dune expérience utilisateur
réussie avec SharePoint !  Éco...
SharePoint en action 2013 !François LavigneDesigner d’interactionfrancois.lavigne@cossette.com(514) 282-4545©propriétédeCO...
Prochain SlideShare
Chargement dans…5
×

SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette

831 vues

Publié le

Le succès des produits de communication repose en grande partie sur l'expérience conviviale et l'utilité perçue.

Dans le cadre de cette conférence, François Lavigne nous transportera dans un monde où l'internaute est au cœur de toutes les préoccupations :

Quelles sont les caractéristiques d'une expérience utilisateur réussie ?

Comment exploiter les fonctionnalités technologiques de SharePoint pour pousser l’expérience utilisateur plus loin ?

Quelle démarche faudrait-il mettre en place ?

Quels sont les outils les plus efficaces ?

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
831
Sur SlideShare
0
Issues des intégrations
0
Intégrations
50
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette

  1. 1. SharePoint en action 2013 !Les clés dune expérience utilisateur réussie avec SharePoint !François Lavigne, Designer d’interaction, COSSETTE©propriétédeCOSSETTE
  2. 2. Par François Lavigne, Designer d’interaction, COSSETTEDans cette présentation  Volet 1 : La conception centrée sur l’utilisateur  Volet 2 : Les piliers d’une expérience utilisateur réussie  Volet 3 : Pousser l’expérience utilisateur plus loin avec SharePoint  Volet 4 : Les activités à mettre en place  Volet 5 : Les outils les plus efficaces©propriétédeCOSSETTE
  3. 3. SharePoint en action 2013 !La conception centréesur lutilisateur©propriétédeCOSSETTE
  4. 4. Les 5 critères à considérer pour mesurer l’utilisabilité«L’apprenabilité»FacilitéL’efficienceRapiditéLa mémorabilitéMémoireLes erreursSolutionLa satisfactionPlaisir©propriétédeCOSSETTE
  5. 5. SharePoint en action 2013 !Les piliers d’uneexpérience utilisateurréussie©propriétédeCOSSETTE
  6. 6. Les piliers d’une expérience utilisateur réussiecible designcontenu©propriétédeCOSSETTE
  7. 7. Par François Lavigne, Designer d’interaction, COSSETTEConnaître la cible  Identifier les niveaux d’expérience (novice vs expert)  Identifier les activités les plus communes  Identifier les désirs et les attentes  Identifier des fonctionnalités utiles  Viser à satisfaire 80% des besoins des utilisateurscible©propriétédeCOSSETTE
  8. 8. Les personas©propriétédeCOSSETTE
  9. 9. Par François Lavigne, Designer d’interaction, COSSETTEOptimiser le contenu  Identifier les familles de contenu  Regrouper et organiser les contenus dans leur famille  Identifier les contenus prioritaires à mettre de l’avant  Optimiser les contenus redondants  Uniformiser le ton selon la marquecontenu©propriétédeCOSSETTE
  10. 10. Optimisation d’une architecture d’informationAvant Après©propriétédeCOSSETTE
  11. 11. Par François Lavigne, Designer d’interaction, COSSETTECréer une hiérarchie visuelleoptimale  Varier les gabarits et les formes des modules  Privilégier un design plat avec des contrastes élevés  Maintenir une cohérence dans l’utilisation des styles  Utiliser des images pour illustrer les thèmes  Utiliser des icônes et des symboles pour illustrer les groupes  Communiquer clairement la marquedesign©propriétédeCOSSETTE
  12. 12. Wolseley Express©propriétédeCOSSETTE
  13. 13. QuébecOriginal©propriétédeCOSSETTE
  14. 14. SharePoint en action 2013 !Pousser l’expérienceutilisateur plus loinavec SharePoint
  15. 15. Par François Lavigne, Designer d’interaction, COSSETTEAller plus loin avec SharePoint  Trouver des façons créatives d’explorer le contenu  Optimiser les modules les plus populaires  S’inspirer des interfaces dans notre quotidien©propriétédeCOSSETTE
  16. 16. Les tuiles©propriétédeCOSSETTE
  17. 17. Les tuiles de l’interface Métro de Windows 8©propriétédeCOSSETTE
  18. 18. Les tuiles de l’interface de la Xbox 360©propriétédeCOSSETTE
  19. 19. Les tuiles sur onf.ca©propriétédeCOSSETTE
  20. 20. Le tuiles sur mercedes-benz.com©propriétédeCOSSETTE
  21. 21. Les tuiles sur netflix.com©propriétédeCOSSETTE
  22. 22. Les carrousels©propriétédeCOSSETTE
  23. 23. Carrousel de primeurs et de nouveautés sur hulu.com©propriétédeCOSSETTE
  24. 24. Carrousel de produits sur ebay.com©propriétédeCOSSETTE
  25. 25. Carrousel d’inspiration sur microsoft.com©propriétédeCOSSETTE
  26. 26. Carrousel des dernières nouvelles sur rds.ca©propriétédeCOSSETTE
  27. 27. Idées d’interactions et de navigations©propriétédeCOSSETTE
  28. 28. Visionnement d’images sur google.com©propriétédeCOSSETTE
  29. 29. Suggestions d’albums sur rdio.com©propriétédeCOSSETTE
  30. 30. Aperçu d’images avec description sur istockphoto.com©propriétédeCOSSETTE
  31. 31. Menu flottant sur corp.ign.com©propriétédeCOSSETTE
  32. 32. Menu flottant et transitions sur usatoday.com©propriétédeCOSSETTE
  33. 33. SharePoint en action 2013 !Les activités à mettreen place©propriétédeCOSSETTE
  34. 34. Les activités reliées à l’expérience utilisateurCréationContenu  Design  DéfinirICPCible  Développer DéployerSondagesEntrevuesBenchmarksPersonasTests utilisateursArchitecture (AI)Maquettes fil de ferPrototypesRédactionMaquettesTests utilisateursSondagesCommentairesStatistiquesTests A/BÉcouteRSI©propriétédeCOSSETTE
  35. 35. SharePoint en action 2013 !Les outils les plusefficaces©propriétédeCOSSETTE
  36. 36. Les outilsOrganisationPost-itXMindVisioConception et PrototypagePowerPoint Visio InDesign PhotoshopBalsamiq OmniGraffle Axure ProPapier etcrayonPapier etcrayon©propriétédeCOSSETTE
  37. 37. Par François Lavigne, Designer d’interaction, COSSETTELes clés dune expérience utilisateur
réussie avec SharePoint !  Écoutez vos utilisateurs pour comprendre leurs besoins  Gardez vos contenus organisés  Variez vos mises en page et interactions  Soyez créatifs, et SharePoint s’occupera du reste!©propriétédeCOSSETTE
  38. 38. SharePoint en action 2013 !François LavigneDesigner d’interactionfrancois.lavigne@cossette.com(514) 282-4545©propriétédeCOSSETTE

×