sharepoint en action 2013 - aff-02 - expérience utilisateur réussie - francois lavigne de cossette
DESCRIPTION
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 ?TRANSCRIPT
![Page 1: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/1.jpg)
SharePoint en action 2013 !
Les clés d'une expérience utilisateur réussie avec SharePoint ! François Lavigne, Designer d’interaction, COSSETTE
© p
ropr
iété
de
CO
SSET
TE
![Page 2: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/2.jpg)
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 ©
pro
prié
té d
e C
OSS
ETTE
![Page 3: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/3.jpg)
SharePoint en action 2013 !
La conception centrée sur l'utilisateur
© p
ropr
iété
de
CO
SSET
TE
![Page 4: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/4.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 5: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/5.jpg)
SharePoint en action 2013 !
Les piliers d’une expérience utilisateur réussie
© p
ropr
iété
de
CO
SSET
TE
![Page 6: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/6.jpg)
Les piliers d’une expérience utilisateur réussie
cible design contenu
© p
ropr
iété
de
CO
SSET
TE
![Page 7: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/7.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 8: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/8.jpg)
Les personas
© p
ropr
iété
de
CO
SSET
TE
![Page 9: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/9.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 10: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/10.jpg)
Optimisation d’une architecture d’information
Avant Après
© p
ropr
iété
de
CO
SSET
TE
![Page 11: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/11.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 12: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/12.jpg)
Wolseley Express
© p
ropr
iété
de
CO
SSET
TE
![Page 13: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/13.jpg)
QuébecOriginal
© p
ropr
iété
de
CO
SSET
TE
![Page 14: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/14.jpg)
SharePoint en action 2013 !
Pousser l’expérience utilisateur plus loin avec SharePoint
![Page 15: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/15.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 16: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/16.jpg)
Les tuiles
© p
ropr
iété
de
CO
SSET
TE
![Page 17: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/17.jpg)
Les tuiles de l’interface Métro de Windows 8
© p
ropr
iété
de
CO
SSET
TE
![Page 18: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/18.jpg)
Les tuiles de l’interface de la Xbox 360
© p
ropr
iété
de
CO
SSET
TE
![Page 19: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/19.jpg)
Les tuiles sur onf.ca
© p
ropr
iété
de
CO
SSET
TE
![Page 20: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/20.jpg)
Le tuiles sur mercedes-benz.com
© p
ropr
iété
de
CO
SSET
TE
![Page 21: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/21.jpg)
Les tuiles sur netflix.com
© p
ropr
iété
de
CO
SSET
TE
![Page 22: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/22.jpg)
Les carrousels
© p
ropr
iété
de
CO
SSET
TE
![Page 23: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/23.jpg)
Carrousel de primeurs et de nouveautés sur hulu.com
© p
ropr
iété
de
CO
SSET
TE
![Page 24: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/24.jpg)
Carrousel de produits sur ebay.com
© p
ropr
iété
de
CO
SSET
TE
![Page 25: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/25.jpg)
Carrousel d’inspiration sur microsoft.com
© p
ropr
iété
de
CO
SSET
TE
![Page 26: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/26.jpg)
Carrousel des dernières nouvelles sur rds.ca
© p
ropr
iété
de
CO
SSET
TE
![Page 27: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/27.jpg)
Idées d’interactions et de navigations
© p
ropr
iété
de
CO
SSET
TE
![Page 28: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/28.jpg)
Visionnement d’images sur google.com
© p
ropr
iété
de
CO
SSET
TE
![Page 29: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/29.jpg)
Suggestions d’albums sur rdio.com
© p
ropr
iété
de
CO
SSET
TE
![Page 30: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/30.jpg)
Aperçu d’images avec description sur istockphoto.com
© p
ropr
iété
de
CO
SSET
TE
![Page 31: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/31.jpg)
Menu flottant sur corp.ign.com
© p
ropr
iété
de
CO
SSET
TE
![Page 32: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/32.jpg)
Menu flottant et transitions sur usatoday.com
© p
ropr
iété
de
CO
SSET
TE
![Page 33: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/33.jpg)
SharePoint en action 2013 !
Les activités à mettre en place
© p
ropr
iété
de
CO
SSET
TE
![Page 34: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/34.jpg)
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
© p
ropr
iété
de
CO
SSET
TE
![Page 35: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/35.jpg)
SharePoint en action 2013 !
Les outils les plus efficaces
© p
ropr
iété
de
CO
SSET
TE
![Page 36: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/36.jpg)
Les outils
Organisation
Post-it
XMind
Visio
Conception et Prototypage
PowerPoint Visio InDesign Photoshop
Balsamiq OmniGraffle Axure Pro Papier et crayon
Papier et crayon
© p
ropr
iété
de
CO
SSET
TE
![Page 37: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/37.jpg)
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!
© p
ropr
iété
de
CO
SSET
TE
![Page 38: SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette](https://reader030.vdocuments.net/reader030/viewer/2022020218/5594d6521a28ab473c8b4585/html5/thumbnails/38.jpg)
SharePoint en action 2013 !
François Lavigne Designer d’interaction [email protected] (514) 282-4545
© p
ropr
iété
de
CO
SSET
TE