Améliorer le ROI de vos applications grâce à la démarche Design UX

  • Published on
    17-Jul-2015

  • View
    212

  • Download
    2

Transcript

  • AMLIORER VOTRE ROI GRCE LUX

    12/02/2015

    Design UX= ROIMicrosoft TechDays 2015

  • Thierry RAGUIN

    Consultant-Expert Mobilit & Design UX

    Leader dOffre Design UX

    Co-leader dOffre Mobilit

    thierry.raguin@econocom-osiatis.com

  • Quest-ce que le Design UX ? UX

  • Econocom-Osiatis

    Quest-ce que le Design UX ?

    Processus itratif intgr dans toutes les phases de la conception dune application

    Lutilisateur au centre des proccupations :

    Quest-ce que le Design UX ?

    Design UX = Conception de leXprience Utilisateur

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 6

    UX

  • Econocom-Osiatis

    Elments de lexprience utilisateur

    Quest-ce que le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 7

    UX

    concret

    abstrait

    ralisation

    conception

    tem

    ps

    orient vers la tche

    orient vers la diffusion dinformation

    Stratgie

    Primtre

    Structure

    Squelette

    Surface

    Adapt de Jesse James GARRETT

  • Econocom-Osiatis

    Approche & Bnfices

    Quest-ce que le Design UX ?

    Adoption des utilisateurs, le gage de russite

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 8

    Comprendre les utilisateurs et lenvironnement projetInterviews, ateliers, enqutes, focus groups, etc.

    Dfinir une vision stratgique centre sur les utilisateurs et leurs besoins

    Benchmarks, brainstorming, ateliers, storyboards, etc.

    Concevoir et valuer les interfacesWireframes, patterns ergonomiques, lean UX, agilit, etc.

    Dcouverte

    Stratgie

    Design

    UX

  • Econocom-Osiatis

    Les 5 facteurs cls de lUX

    Quest-ce que le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 9

    UX

    DCOUVERTE

    APPRENTISSAGE

    EFFICIENCE

    PERFORMANCE

    PLAISIR

    UX OPTIMALE

  • Spcificits mobiles et +

  • Econocom-Osiatis

    taille cran

    Conception multisupport

    Spcificits mobiles et +

    Penser Responsive et Mobile first !

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 11

    Minimum

  • Econocom-Osiatis

    Prendre en compte lusage une main

    Spcificits mobiles et +

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 12

    How do users really hold mobile devices? par Steven Hoober (2013)http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php

    72% 28%

    90% 10%

    67% main droite33% main gauche

    49%

    36%

    15%

  • Intgrer lUX dans vos projets

  • Econocom-Osiatis

    Le (double) cycle UX+Dev

    Intgrer lUX dans vos projets

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 14

    UX DEV

  • Econocom-Osiatis

    Checklist de projet UX

    Intgrer lUX dans vos projets

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 15

    Analyse comptitive / Benchmarking

    Analyse de donnes

    Retours utilisateur

    Personas et user stories / job stories

    Flux utilisateur / Storyboards / XP Maps

    Priorisation (red routes / tri de cartes)

    Brainstorming / Sketching

    Wireframes

    Prototypes

    1. OBSERVER

    2. PLANIFIER

    3. EXPLORER

  • Econocom-Osiatis

    Checklist de projet UX

    Intgrer lUX dans vos projets

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 16

    Architecture de linformation

    Adapter le langage aux utilisateurs

    Accessibilit

    Patterns, guidelines, composants

    Gestuelles

    Responsive design

    Temps dattente

    Erreurs

    Actions compltes

    4. COMMUNIQUER

    6. NOTIFIER

    5. CRER

  • Econocom-Osiatis

    Checklist de projet UX

    Intgrer lUX dans vos projets

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 17

    Finalisation la prsentation

    Iconographie

    Typographie / Couleurs / Hirarchie visuelle

    Personnalisation / Design motionnel

    Micro interactions / Easter eggs

    Transitions / Animations

    Mise en place des KPIs

    Prparer des tests A/B

    Evaluer, tester, observer, amliorer, etc.

    7. FINALISER

    8. MERVEILLER

    9. ANALYSER

  • Evaluation de lexprience utilisateur

  • Econocom-Osiatis

    System Usability Scale (SUS)

    Mesure de lexprience utilisateur ressentie :

    10 questions notes de 1 (totalement en dsaccord) 5 (totalement daccord)

    Scoring ramen entre 0 et 100

    Un score de 68 est suprieur la moyenne

    Evaluation de lexprience utilisateur

    Evaluation subjective de lexprience utilisateur

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 19

  • Econocom-Osiatis

    Solution danalyse des usages

    Evaluation de lexprience utilisateur

    Evaluation objective de lexprience utilisateur

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 20

    Amliorer la solution Analyser et

    comprendre des usages

    Optimiser la maintenance Mieux cibler les usages

    Collecter des informations sur lutilisation dune

    solution

    Utilisateurs et terminaux

    Sessions Utilisation des crans Evnements

    personnaliss Temps de chargement Erreurs

    Des statistiques pour mieux analyser lusage

  • Econocom-Osiatis

    Tests A/B (ou multivaris)

    Evaluation de lexprience utilisateur

    Evaluation de la meilleure alternative fonctionnelle / ergonomique en fonction des usages

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 21

    Original Version A Version B Version C

    Visiteurs 12 684 12 660 12 900 13 017

    Conversion 2,4% 2,7% 2,6% 1,9%

    Amlioration +12,9% +5,7% -22,2%

  • Quel ROI pour le Design UX ? UX

  • Econocom-Osiatis

    Objectifs & Mtriques de lUX

    Quel ROI pour le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 23

    UX

    Amliorer les performances

    Rduire le nombre derreurs utilisateur Amliorer la facilit dutilisation Amliorer la facilit dapprentissage Augmenter le trafic / la taille de laudience Conserver les utilisateurs existants

    Attirer de nouveaux utilisateurs Amliorer la dcouverte de la solution

    (SEO/ASO)

    Augmenter la visibilit

  • Econocom-Osiatis

    Amliorer la crdibilit

    Objectifs & Mtriques de lUX

    Quel ROI pour le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 24

    Augmenter la satisfaction utilisateur Augmenter la confiance des utilisateurs Augmenter le nombre de rfrents

    Rduire les charges

    Rduire les cots de dveloppement Rduire le temps de dveloppement Rduire les cots de maintenance Rduire les cots de refonte Diminuer les cots de support Minimiser le besoin de formation Rduire les cots de documentation

    UX

  • Econocom-Osiatis

    Objectifs & Mtriques de lUX

    Quel ROI pour le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 25

    Augmenter les transactions / achats Augmenter les ventes de la solution

    Augmenter les ventes

    KPIs dfinis et mesurables

    UX

  • Econocom-Osiatis

    Gagner en efficacit et matriser les cots

    Quel ROI pour le Design UX ?

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 26

    Spcifications Dveloppement Mise en production

    Nombre doptions de design

    Cot du changement

    UX

  • Econocom-Osiatis

    Quelques chiffres

    Quel ROI pour le Design UX ?

    Mieux vaut dpenser 10% pour gagner 83% !

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 27

    KPIs amliors de 83% par lUX

    Support utilisateur rduit de 90% grce aux tests dutilisabilit

    70% dchec dus un rejet des utilisateurs 86% des utilisateurs prfrent une app un site mobile

    Conception de wireframes et prototypes interactifs :

    Estimation des charges et des cots 50% plus prcise

    -80% de demandes de clarification des dveloppeurs

    -25% de correctifs et refontes aprs livraison

    Forrester Research (2008). Report: Rich Internet Application Errors To Avoid . Restive LLC (2014). The State of the Mobile Web report.

    Nielsen, Jakob (2008). Usability ROI Declining, But Still Strong.

    Strategic Data Consulting Special report (2009). UX Business Impacts and ROI; 735 companies surveyed.

    Warfel, Todd Zaki (2009). Prototyping: A Practitioners Guide.

    Jusqu 400% de perte en ROI sans exigences bases sur des personas de qualit

    Forrester Research (2012). The State of Customer Experience.

    UX

  • Ce quil faut retenir

  • Econocom-Osiatis

    Une approche itrative et continue

    Ce quil faut retenir

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 29

  • Econocom-Osiatis

    UX = ROI

    Ce quil faut retenir

    12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 30

    For developers and manufacturers, the advantages

    of creating usable products far outweigh the costs.

    The rule of thumb: Every dollar invested in ease of

    use returns $10 to $100.

    IBM Design

  • Evaluation de la session et du speaker

    Amliorer le ROI de vos applications grce la

    dmarche Design UX (PAR103)

    Directement sur : http://notes.mstechdays.fr

    Sur Mobile : http://www.mstechdays.fr

    Via le QRCode disponible devant la salle

  • Questions / Rponses

  • Econocom-Osiatis 12/02/2015 Amliorer votre ROI grce l'UX (TechDays 2015)P. 33

  • Econocom-Osiatis

Recommended

View more >