Download - SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette
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
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
SharePoint en action 2013 !
La conception centrée sur l'utilisateur
© p
ropr
iété
de
CO
SSET
TE
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
SharePoint en action 2013 !
Les piliers d’une expérience utilisateur réussie
© p
ropr
iété
de
CO
SSET
TE
Les piliers d’une expérience utilisateur réussie
cible design contenu
© p
ropr
iété
de
CO
SSET
TE
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
Les personas
© p
ropr
iété
de
CO
SSET
TE
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
Optimisation d’une architecture d’information
Avant Après
© p
ropr
iété
de
CO
SSET
TE
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
Wolseley Express
© p
ropr
iété
de
CO
SSET
TE
QuébecOriginal
© p
ropr
iété
de
CO
SSET
TE
SharePoint en action 2013 !
Pousser l’expérience utilisateur plus loin avec SharePoint
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
Les tuiles
© p
ropr
iété
de
CO
SSET
TE
Les tuiles de l’interface Métro de Windows 8
© p
ropr
iété
de
CO
SSET
TE
Les tuiles de l’interface de la Xbox 360
© p
ropr
iété
de
CO
SSET
TE
Les tuiles sur onf.ca
© p
ropr
iété
de
CO
SSET
TE
Le tuiles sur mercedes-benz.com
© p
ropr
iété
de
CO
SSET
TE
Les tuiles sur netflix.com
© p
ropr
iété
de
CO
SSET
TE
Les carrousels
© p
ropr
iété
de
CO
SSET
TE
Carrousel de primeurs et de nouveautés sur hulu.com
© p
ropr
iété
de
CO
SSET
TE
Carrousel de produits sur ebay.com
© p
ropr
iété
de
CO
SSET
TE
Carrousel d’inspiration sur microsoft.com
© p
ropr
iété
de
CO
SSET
TE
Carrousel des dernières nouvelles sur rds.ca
© p
ropr
iété
de
CO
SSET
TE
Idées d’interactions et de navigations
© p
ropr
iété
de
CO
SSET
TE
Visionnement d’images sur google.com
© p
ropr
iété
de
CO
SSET
TE
Suggestions d’albums sur rdio.com
© p
ropr
iété
de
CO
SSET
TE
Aperçu d’images avec description sur istockphoto.com
© p
ropr
iété
de
CO
SSET
TE
Menu flottant sur corp.ign.com
© p
ropr
iété
de
CO
SSET
TE
Menu flottant et transitions sur usatoday.com
© p
ropr
iété
de
CO
SSET
TE
SharePoint en action 2013 !
Les activités à mettre en place
© p
ropr
iété
de
CO
SSET
TE
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
SharePoint en action 2013 !
Les outils les plus efficaces
© p
ropr
iété
de
CO
SSET
TE
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
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
SharePoint en action 2013 !
François Lavigne Designer d’interaction [email protected] (514) 282-4545
© p
ropr
iété
de
CO
SSET
TE