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

Preview:

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 ?

Citation preview

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 francois.lavigne@cossette.com (514) 282-4545

© p

ropr

iété

de

CO

SSET

TE