SlideShare une entreprise Scribd logo
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
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
SharePoint en action 2013 !
La conception centrée
sur l'utilisateur
©propriétédeCOSSETTE
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
SharePoint en action 2013 !
Les piliers d’une
expérience utilisateur
réussie
©propriétédeCOSSETTE
Les piliers d’une expérience utilisateur réussie
cible
 design
contenu
©propriétédeCOSSETTE
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
Les personas
©propriétédeCOSSETTE
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
Optimisation d’une architecture d’information
Avant
 Après
©propriétédeCOSSETTE
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
Wolseley Express
©propriétédeCOSSETTE
QuébecOriginal
©propriétédeCOSSETTE
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
©propriétédeCOSSETTE
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 à mettre
en place
©propriétédeCOSSETTE
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
SharePoint en action 2013 !
Les outils les plus
efficaces
©propriétédeCOSSETTE
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
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
SharePoint en action 2013 !
François Lavigne
Designer d’interaction
francois.lavigne@cossette.com
(514) 282-4545
©propriétédeCOSSETTE

Contenu connexe

En vedette

SharePoint 2016 - What's New, What's Not
SharePoint 2016 - What's New, What's NotSharePoint 2016 - What's New, What's Not
SharePoint 2016 - What's New, What's Not
Regroove
 
What's new in sharepoint 2016
What's new in sharepoint 2016What's new in sharepoint 2016
What's new in sharepoint 2016
Mike Maadarani
 
SharePoint 2013 features overview
SharePoint 2013 features overviewSharePoint 2013 features overview
SharePoint 2013 features overview
Qasim Mehmood MBA-PM
 
SharePoint 2016 Overview
SharePoint 2016 OverviewSharePoint 2016 Overview
SharePoint 2016 Overview
Vignesh Ganesan I Microsoft MVP
 
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
Sébastien Paulet
 
SharePoint et la GED : mythes et réalité
SharePoint et la GED : mythes et réalitéSharePoint et la GED : mythes et réalité
SharePoint et la GED : mythes et réalité
Sébastien Paulet
 
Extensiones complemento
Extensiones complementoExtensiones complemento
Extensiones complemento
Alexis Hernandez
 
Frank kafka-victor
Frank kafka-victorFrank kafka-victor
Frank kafka-victor
elgordovictor
 
Virus y antivirus.
Virus y antivirus.Virus y antivirus.
Virus y antivirus.
mayerly_paez
 
4033_gonzalezluciano_tp9
4033_gonzalezluciano_tp94033_gonzalezluciano_tp9
4033_gonzalezluciano_tp9
gonzalezluciano888
 
Rapport d'activité 2013 - CNIL
Rapport d'activité 2013 - CNILRapport d'activité 2013 - CNIL
Rapport d'activité 2013 - CNIL
Kezhan SHI
 
Cable UTP
Cable UTPCable UTP
Conceptos Básicos
Conceptos Básicos Conceptos Básicos
Conceptos Básicos
Quique Mongay
 
Tp compu
Tp compuTp compu
Tp compu
veeeroooniica
 
Google AdWords - So haben Sie im Web eine Chance!
Google AdWords - So haben Sie im Web eine Chance!Google AdWords - So haben Sie im Web eine Chance!
Google AdWords - So haben Sie im Web eine Chance!
Connected-Blog
 
Office365 - Was bringt die neue Cloudlösung wirklich?
Office365 - Was bringt die neue Cloudlösung wirklich?Office365 - Was bringt die neue Cloudlösung wirklich?
Office365 - Was bringt die neue Cloudlösung wirklich?
A. Baggenstos & Co. AG
 
Matriz de valoración pid yy aamtic ---- (1)
Matriz de valoración pid yy aamtic ---- (1)Matriz de valoración pid yy aamtic ---- (1)
Matriz de valoración pid yy aamtic ---- (1)
francyamu
 
La historia de mi vida¡¡
La historia de mi vida¡¡La historia de mi vida¡¡
La historia de mi vida¡¡
Stephanie Pinilla
 
Abstraccion de ciudades burguesas
Abstraccion de ciudades burguesasAbstraccion de ciudades burguesas
Abstraccion de ciudades burguesas
JenPul
 

En vedette (20)

SharePoint 2016 - What's New, What's Not
SharePoint 2016 - What's New, What's NotSharePoint 2016 - What's New, What's Not
SharePoint 2016 - What's New, What's Not
 
What's new in sharepoint 2016
What's new in sharepoint 2016What's new in sharepoint 2016
What's new in sharepoint 2016
 
SharePoint 2013 features overview
SharePoint 2013 features overviewSharePoint 2013 features overview
SharePoint 2013 features overview
 
SharePoint 2016 Overview
SharePoint 2016 OverviewSharePoint 2016 Overview
SharePoint 2016 Overview
 
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 0...
 
SharePoint et la GED : mythes et réalité
SharePoint et la GED : mythes et réalitéSharePoint et la GED : mythes et réalité
SharePoint et la GED : mythes et réalité
 
Extensiones complemento
Extensiones complementoExtensiones complemento
Extensiones complemento
 
Frank kafka-victor
Frank kafka-victorFrank kafka-victor
Frank kafka-victor
 
Virus y antivirus.
Virus y antivirus.Virus y antivirus.
Virus y antivirus.
 
4033_gonzalezluciano_tp9
4033_gonzalezluciano_tp94033_gonzalezluciano_tp9
4033_gonzalezluciano_tp9
 
Rapport d'activité 2013 - CNIL
Rapport d'activité 2013 - CNILRapport d'activité 2013 - CNIL
Rapport d'activité 2013 - CNIL
 
Cable UTP
Cable UTPCable UTP
Cable UTP
 
Conceptos Básicos
Conceptos Básicos Conceptos Básicos
Conceptos Básicos
 
Tp compu
Tp compuTp compu
Tp compu
 
Google AdWords - So haben Sie im Web eine Chance!
Google AdWords - So haben Sie im Web eine Chance!Google AdWords - So haben Sie im Web eine Chance!
Google AdWords - So haben Sie im Web eine Chance!
 
Lps pacte canne
Lps   pacte canneLps   pacte canne
Lps pacte canne
 
Office365 - Was bringt die neue Cloudlösung wirklich?
Office365 - Was bringt die neue Cloudlösung wirklich?Office365 - Was bringt die neue Cloudlösung wirklich?
Office365 - Was bringt die neue Cloudlösung wirklich?
 
Matriz de valoración pid yy aamtic ---- (1)
Matriz de valoración pid yy aamtic ---- (1)Matriz de valoración pid yy aamtic ---- (1)
Matriz de valoración pid yy aamtic ---- (1)
 
La historia de mi vida¡¡
La historia de mi vida¡¡La historia de mi vida¡¡
La historia de mi vida¡¡
 
Abstraccion de ciudades burguesas
Abstraccion de ciudades burguesasAbstraccion de ciudades burguesas
Abstraccion de ciudades burguesas
 

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

Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013
Microsoft
 
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilVisual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Microsoft Technet France
 
Comment construire un chatbot interne ?
Comment construire un chatbot interne ?Comment construire un chatbot interne ?
Comment construire un chatbot interne ?
SQLI DIGITAL EXPERIENCE
 
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
Vincent Biret
 
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
Microsoft Technet France
 
2011 07 07 travail collaboratif by competitic
2011 07 07 travail collaboratif by competitic2011 07 07 travail collaboratif by competitic
2011 07 07 travail collaboratif by competitic
COMPETITIC
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériences
Fabernovel
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL
 
Webinar les vraies tendances webdesign pour 2021 et les annees suivantes
Webinar les vraies tendances webdesign pour 2021 et les annees suivantesWebinar les vraies tendances webdesign pour 2021 et les annees suivantes
Webinar les vraies tendances webdesign pour 2021 et les annees suivantes
Julien Dereumaux
 
La stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'inLa stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'in
Julien Dereumaux
 
Enteprise Social Workplace : Microsoft SharePoint 2013
Enteprise Social Workplace : Microsoft SharePoint 2013Enteprise Social Workplace : Microsoft SharePoint 2013
Enteprise Social Workplace : Microsoft SharePoint 2013
Armando Benzaquen
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia
 
Bon App - Création collaborative de maquettes efficaces
Bon App -  Création collaborative de maquettes efficacesBon App -  Création collaborative de maquettes efficaces
Bon App - Création collaborative de maquettes efficaces
Cédric Leblond
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
Idean France
 
Invitation20 maiegilia
Invitation20 maiegiliaInvitation20 maiegilia
Invitation20 maiegilia
UGAIA
 
Présentation séminaire adoption SharePoint Voirin Conseil
Présentation séminaire adoption SharePoint Voirin ConseilPrésentation séminaire adoption SharePoint Voirin Conseil
Présentation séminaire adoption SharePoint Voirin Conseil
dragnpoint
 
Le Test Be Angels - Visme
Le Test Be Angels - VismeLe Test Be Angels - Visme
Le Test Be Angels - Visme
Be Angels
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
Christophe Cotin Valois
 
Intégrer Yammer et SharePoint pour plus d'efficacité
Intégrer Yammer et SharePoint pour plus d'efficacitéIntégrer Yammer et SharePoint pour plus d'efficacité
Intégrer Yammer et SharePoint pour plus d'efficacité
Guillaume Meyer
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistique
Julien Dereumaux
 

Similaire à SharePoint en action 2013 - AFF-02 - Expérience utilisateur réussie - Francois Lavigne de Cossette (20)

Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013
 
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilVisual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
 
Comment construire un chatbot interne ?
Comment construire un chatbot interne ?Comment construire un chatbot interne ?
Comment construire un chatbot interne ?
 
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
 
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
Comment intégrer Yammer et SharePoint pour plus d'efficacité ?
 
2011 07 07 travail collaboratif by competitic
2011 07 07 travail collaboratif by competitic2011 07 07 travail collaboratif by competitic
2011 07 07 travail collaboratif by competitic
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériences
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
 
Webinar les vraies tendances webdesign pour 2021 et les annees suivantes
Webinar les vraies tendances webdesign pour 2021 et les annees suivantesWebinar les vraies tendances webdesign pour 2021 et les annees suivantes
Webinar les vraies tendances webdesign pour 2021 et les annees suivantes
 
La stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'inLa stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'in
 
Enteprise Social Workplace : Microsoft SharePoint 2013
Enteprise Social Workplace : Microsoft SharePoint 2013Enteprise Social Workplace : Microsoft SharePoint 2013
Enteprise Social Workplace : Microsoft SharePoint 2013
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
Bon App - Création collaborative de maquettes efficaces
Bon App -  Création collaborative de maquettes efficacesBon App -  Création collaborative de maquettes efficaces
Bon App - Création collaborative de maquettes efficaces
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
 
Invitation20 maiegilia
Invitation20 maiegiliaInvitation20 maiegilia
Invitation20 maiegilia
 
Présentation séminaire adoption SharePoint Voirin Conseil
Présentation séminaire adoption SharePoint Voirin ConseilPrésentation séminaire adoption SharePoint Voirin Conseil
Présentation séminaire adoption SharePoint Voirin Conseil
 
Le Test Be Angels - Visme
Le Test Be Angels - VismeLe Test Be Angels - Visme
Le Test Be Angels - Visme
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
 
Intégrer Yammer et SharePoint pour plus d'efficacité
Intégrer Yammer et SharePoint pour plus d'efficacitéIntégrer Yammer et SharePoint pour plus d'efficacité
Intégrer Yammer et SharePoint pour plus d'efficacité
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistique
 

Plus de Marc Gagnon

SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric BlaisSharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
Marc Gagnon
 
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
Marc Gagnon
 
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
Marc Gagnon
 
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
Marc Gagnon
 
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
Marc Gagnon
 
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
Marc Gagnon
 
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
Marc Gagnon
 
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
Marc Gagnon
 

Plus de Marc Gagnon (8)

SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric BlaisSharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
SharePoint en action 2013 - IT-07 - Apps to cloud or not to cloud - Éric Blais
 
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
SharePoint en action 2013 - IT-06 - Sauvegarde et recouvrement - Gaelle Tando...
 
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
SharePoint en action 2013 - IT-04 - Virtualisation de SharePoint - Jean-Pierr...
 
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
SharePoint en action 2013 - IT-02 - Lync 2013 - André Boutin et David-Alexand...
 
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
SharePoint en action 2013 - AFF-06 - Workflow et Visio - Marc Gagnon de MGA C...
 
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
SharePoint en action 2013 - AFF-04 - Ged et flux de travaux - Jean-Francois M...
 
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
SharePoint en action 2013 - AFF-01 - Nouveautés sharepoint 2013 - Marc Gagnon...
 
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
SharePoint en action 2013 - AFF-05 - Intégration SP et Office - Carl Robillar...
 

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

  • 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
  • 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
  • 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
  • 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
  • 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