ergonomie & expérience utilisateur (ux) | cours introduction

Download Ergonomie & Expérience Utilisateur (UX) | Cours Introduction

Post on 25-Jan-2017

70 views

Category:

Software

0 download

Embed Size (px)

TRANSCRIPT

  • USERVALUE

    utilisabilit + exprience utilisateur, He-Arc le 29 avril 2016 (Julien Roland)

    VI

  • Julien

    Dorit

    USERVALUE

  • 3 messages retenir propos dUX

    Bon pour les utilisateurs mais aussi pour le business

    Pas dUX sans utilisateurs : des Tests et encore des Tests

    On peut mesurer, quantifier lUX et on doit le faire

  • - Easy to use - Efficient - Attractive

    - Productive - Generate Clicks

    - Convincing

    UX, Usability, Software Ergonomics ?

    Make digital user interfaces more efficient, for Users and for Businesses

    Website

    Apps

    Smart TV

    Software

    Credit Photo: AP

    User Interfaces that Work ?

  • Pourquoi amliorer lUX ?Maximiser les bnfices (ROI) de votre projet numrique

    - des utilisateurs satisfaits qui reviennent (loyaut)

    - des interfaces qui optimisent les conversions

    - des applications plus productives

    Credit Photo: http://wallpaperus.org/laptops-angry-1366x906-wallpaper-836413/

  • Lexprience utilisateur- En quelques chiffres

    Source : Flickr

    UX

    101,

    Nie

    lsen

    Nor

    man

    Gro

    up

    0%

    10%

    20%

    30%

    40%

    50%

    60%

    70%

    80%

    90%

    100%

    Quittent le site cause d'une mauvaise

    exprience

    Des acheteurs parlent de leur mauvaise

    exprience

    On dpense 10% en budget pour gagner 83%

    en KPI

    68%

    44%

    10%

    83%

  • Une vraie prise de conscience delimportance de lexprience utilisateur

  • Sources : www.userexperience.co.nz

    mme sil nest pas toujourssimple de convaincre les clientsde faire de lUX

  • RECONTRER DE VRAIS UTILISATEURS

    USERVALUE

  • Planifier le processus

    de conception centre sur loprateur humain

    La solution conue

    satisfait les exigences utilisateurs

    Itrer le cas chant

    Comprendre et spcifierle contexte dutilisation

    Spcifier les exigences

    utilisateurs

    Proposer des solutions de

    conception satisfaisant aux exigences utilisateurs

    valuer les conceptions

    par rapport aux exigences utilisateurs : Tests utilisateurs, Audit

    ergonomique, surveillance long terme

    Daprs ISO 9241:2010

    UN PROCESSUS DE CONCEPTION CENTRE UTILISATEUR

  • Lab Field Without use

    From C. Rohrer

    What peopleDO

    What peopleSAY

    WHY and HOW?

    HOW MUCH ?

    User Tests

    Eye Tracking

    Remote User Tests

    Contextual Inquiries

    Online UX Surveys

    Questionnaires Satisfaction

    Card sorting

    Focus Groups

    A/B Testing

    Top Tasks Analysis

    DES MTHODES DVALUATION

  • Planifier le processus

    de conception centre sur loprateur humain

    La solution conue

    satisfait les exigences utilisateurs

    Itrer le cas chant

    Comprendre et spcifierle contexte dutilisation

    Spcifier les exigences

    utilisateurs

    Proposer des solutions de

    conception satisfaisant aux exigences utilisateurs

    valuer les conceptions

    par rapport aux exigences utilisateurs : Tests utilisateurs, Audit

    ergonomique, surveillance long terme

    Daprs ISO 9241:2010

  • TEST UTILISATEUR, DANS NOTRE LAB

    USERVALUE

  • TEST UTILISATEUR, DEPUIS LA SALLE DOBSERVATION

    USERVALUE

  • TEST UTILISATEUR, SUR UNE TABLETTE

    USERVALUE

  • Discover usability problemsAssess the quality of one or more interfaces

    (incl. measures)

    Formative Tests Summative Tests

    Vs.?

  • WHEN TO DO USER TESTS ?

    Define what to improve

    Test iteratively

    Compare 2 designs

    Assess thequality of UX

    Old design

    New design

  • Guerilla distance, non modr

    distance,modr

    En Lab

    Desktop, Mobile / Responsive

    Apps (Smartphone)

    Intranet/App. Enterprise/App. Industrielle

    Slection des profils participants

    Participants distribus gographiquement

    Sessions dans plusieurs langues

    Adapt des tests frquents, itratifs

    Donnes qualitatives riches sur les comportements et attentes

    Sessions Limites

    Pas de modrateur

    Nombre de participants (typiquement) < 10 Non limit 8 16 8 - 16

    Dure de chaque session < 20 minutes(3-5 tches)

    20 minutes(* 5 tches)

    45min 1h15(* 15 tches)

    45min 1h15(* 15 tches)

    Donnes quantitatives, chantillon rduit (8 - 12)

    Donnes quantitatives, chantillon large

    Rapport, Vidos Minimal Pas de vidos

    Observer les sessions en temps rel

    Debriefing en temps rel avec les clients pendant les sessions

    Mode dintervention - Wireframing- UX Coaching

    - Combi. Lab- UX Coaching

    Stand alone Stand alone

  • SEE WHERE PEOPLE LOOK ON YOUR WEBSITE

    - For a specific task- With other data- Is convincing

    USERVALUE

  • Eye Tracker

    WHAT DO USERS LOOK AT AND FOR HOW LONG ?

  • Eye Tracker

    WHAT DO THEY EXPLORE FIRST ?

  • Source : Eye Tracking the User Experience, Flickr

    Site, Version A Site, Version B

    FIND THE LIST OF UPCOMING CONFERENCES ?

  • Source : Eye Tracking the User Experience, Flickr

    FIND THE BEST OIL FOR YOUR ENGINE ?

  • TEST UTILISATEUR, AVEC EYE TRACKING

    USERVALUE

  • Flickr

    - Meet real users- Test and observe their behaviour- Dont just listen to what they say

  • 4 key messages about UX Testing

    - Good for Users but also good for Businesses

    - No UX without Users : Test and more Tests

    - Its possible to measure UX and you should do it

    - Design is a social process, and Testing is a tool for change

  • TRI DE CARTES

    USERVALUE

  • ACTIVIT : RALISER UN TRI DE CARTES

    Lien vers le Card Sorting (site Web He-Arc)

  • TRI DE CARTES

    USERVALUE

  • Planifier le processus

    de conception centre sur loprateur humain

    La solution conue

    satisfait les exigences utilisateurs

    Itrer le cas chant

    Comprendre et spcifierle contexte dutilisation

    Spcifier les exigences

    utilisateurs

    Proposer des solutions de

    conception satisfaisant aux exigences utilisateurs

    valuer les conceptions

    par rapport aux exigences utilisateurs : Tests utilisateurs, Audit

    ergonomique, surveillance long terme

    Daprs ISO 9241:2010

  • WIREFRAME : AVEC BALSAMIQ

    LOGO

  • WIREFRAME : AVEC BALSAMIQ

  • UI DESIGN PATTERNS

    1 2

    3 4

    5

    6

    8

  • https://en.wikipedia.org/wiki/NS_Savannah

    ADAPTATION LA TCHE

    Lorsque linterface sappuie sur les

    caractristiques de la tche plutt que sur la technologie

  • ADAPTATION LA TCHE

  • Image from: http://en.3cbang.com/view/19925.

    CARACTRE AUTODESCRIPTIF

    Lorsquon sait tout moment o

    on est, quest-ce quon peut faire et comment on peut

    le faire

  • CARACTRE AUTODESCRIPTIF

  • CARACTRE AUTODESCRIPTIF

  • https://www.flickr.com/photos/schluesselloch/4744914571/

    CONFORMIT AUX ATTENTES DES UTILISATEURS

    Lorsque linterface correspond aux

    besoins prvisibles de lutilisateur et aux conventions

  • CONFORMIT AUX ATTENTES DES UTILISATEURS

  • CONFORMIT AUX ATTENTES DES UTILISATEURS

  • FACILIT DAPPRENTISSAGE

    Lorsque linterface soutient et guide l'utilisateur dans

    l'apprentissage de l'utilisation

    du systme

  • FACILIT DAPPRENTISSAGE

    http://voyant-tools.org/ http://portal.textometrie.org/demo/

  • CONTRLE UTILISATEUR

    Lorsque l'utilisateur peut

    contrler l'interaction

    jusqu' atteindre son but

  • CONTRLE UTILISATEUR

  • CONTRLE UTILISATEUR

  • TOLRANCE LERREUR

    Lorsque linterface permet dobtenir le rsultat prvu avec

    une action corrective

    minimale, malgr des erreurs de

    saisie Image from: http://en.3cbang.com/view/19925.

  • TOLRANCE LERREUR

  • TOLRANCE LERREUR

  • APTITUDE LINDIVIDUALISATION

    Lorsque les utilisateurs

    peuvent modifier linterface pour

    ladapter leurs capacits et leurs besoins

  • APTITUDE LINDIVIDUALISATION

  • hvincent2000.wordpress.com, uxmyths.com

    QUELQUES MYTHES UX

  • nielsen

    MYTHE : LES UTILISATEURS LISENT SUR LE WEB

  • chartbeat

    MYTHE : LES GENS NE SCROLLENT PAS

  • MYTHE : LES UTILISATEURS VEULENT PLUS DE FONCTIONS

    mcgovern

  • 8 RGLES DOR DE LUX

    concevez pour vos utilisateurs, avant tout

    impliquez vos utilisateurs, ils vous le rendront bien

    enlevez tout ce que vous pouvez, mais pas plus

    chaque dtail compte, vraiment

    ne rinventez pas la roue, utilisez les patterns

    testez mthodologiquement avec de vrais utilisateurs

    restez dtachs de votre design

    dfendez des choix thiques, bons pour les utilisateurs

  • ONE THING WELL

  • LA PSYCHOLOGIE NUMRIQUE (et lconomie comportementale)

  • UNE APPROCHE EN 2 TEMPS

  • Systme 1 Systme 2

    Lent et fainant Rationnel et Logique

    Conscient

    Raisons & Rgles

    Demande de

    lattention Exige de leffort

    Contrl

    Rapide et toujours en marche

    Emotionnel

    Subconscient

    Intuitif et Associatif

    Grande capacit Peu defforts

    Automatique

    Cr des BIAIS, parce que rapide

    BIAIS influencent les dcisions rationnel

Recommended

View more >