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 ?

1. SharePoint en action 2013 !
Les clés d'une expérience utilisateur réussie avec SharePoint !
François Lavigne, Designer d’interaction, COSSETTE
©propriétédeCOSSETTE

2. Par François Lavigne, Designer d’interaction, COSSETTE
Dans 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. SharePoint en action 2013 !
La conception centrée
sur l'utilisateur
©propriétédeCOSSETTE

4. Les 5 critères à considérer pour mesurer l’utilisabilité
«L’apprenabilité»
Facilité
L’efficience
Rapidité
La mémorabilité
Mémoire
Les erreurs
Solution
La satisfaction
Plaisir
©propriétédeCOSSETTE

5. SharePoint en action 2013 !
Les piliers d’une
expérience utilisateur
réussie
©propriétédeCOSSETTE

6. Les piliers d’une expérience utilisateur réussie
cible
design
contenu
©propriétédeCOSSETTE

7. Par François Lavigne, Designer d’interaction, COSSETTE
Connaî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 utilisateurs
cible
©propriétédeCOSSETTE

8. Les personas
©propriétédeCOSSETTE

9. Par François Lavigne, Designer d’interaction, COSSETTE
Optimiser 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 marque
contenu
©propriétédeCOSSETTE

10. Optimisation d’une architecture d’information
Avant
Après
©propriétédeCOSSETTE

11. Par François Lavigne, Designer d’interaction, COSSETTE
Créer une hiérarchie visuelle
optimale
 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 marque
design
©propriétédeCOSSETTE

12. Wolseley Express
©propriétédeCOSSETTE

13. QuébecOriginal
©propriétédeCOSSETTE

14. SharePoint en action 2013 !
Pousser l’expérience
utilisateur plus loin
avec SharePoint

15. Par François Lavigne, Designer d’interaction, COSSETTE
Aller 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. Les tuiles
©propriétédeCOSSETTE

17. Les tuiles de l’interface Métro de Windows 8
©propriétédeCOSSETTE

18. Les tuiles de l’interface de la Xbox 360
©propriétédeCOSSETTE

19. Les tuiles sur onf.ca
©propriétédeCOSSETTE

20. Le tuiles sur mercedes-benz.com
©propriétédeCOSSETTE

21. Les tuiles sur netflix.com
©propriétédeCOSSETTE

22. Les carrousels
©propriétédeCOSSETTE

23. Carrousel de primeurs et de nouveautés sur hulu.com
©propriétédeCOSSETTE

24. Carrousel de produits sur ebay.com
©propriétédeCOSSETTE

25. Carrousel d’inspiration sur microsoft.com
©propriétédeCOSSETTE

26. Carrousel des dernières nouvelles sur rds.ca
©propriétédeCOSSETTE

27. Idées d’interactions et de navigations
©propriétédeCOSSETTE

28. Visionnement d’images sur google.com
©propriétédeCOSSETTE

29. Suggestions d’albums sur rdio.com
©propriétédeCOSSETTE

30. Aperçu d’images avec description sur istockphoto.com
©propriétédeCOSSETTE

31. Menu flottant sur corp.ign.com
©propriétédeCOSSETTE

32. Menu flottant et transitions sur usatoday.com
©propriétédeCOSSETTE

33. SharePoint en action 2013 !
Les activités à mettre
en place
©propriétédeCOSSETTE

34. Les activités reliées à l’expérience utilisateur
Création
Contenu
Design
Définir
ICP
Cible
Développer
Déployer
Sondages
Entrevues
Benchmarks
Personas
Tests utilisateurs
Architecture (AI)
Maquettes fil de fer
Prototypes
Rédaction
Maquettes
Tests utilisateurs
Sondages
Commentaires
Statistiques
Tests A/B
Écoute
RSI
©propriétédeCOSSETTE

35. SharePoint en action 2013 !
Les outils les plus
efficaces
©propriétédeCOSSETTE

36. Les outils
Organisation
Post-it
XMind
Visio
Conception et Prototypage
PowerPoint
Visio
InDesign
Photoshop
Balsamiq
OmniGraffle
Axure Pro
Papier et
crayon
Papier et
crayon
©propriétédeCOSSETTE

37. Par François Lavigne, Designer d’interaction, COSSETTE
Les clés d'une 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. SharePoint en action 2013 !
François Lavigne
Designer d’interaction
francois.lavigne@cossette.com
(514) 282-4545
©propriétédeCOSSETTE