SlideShare une entreprise Scribd logo
Faites mieux avec peu
Optimisation ergonomique




                           © confidentiel / w.illi.am/ 15 mai 2009
Simplicité

         © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com



            © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com



            © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com



            © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com



            © confidentiel / w.illi.am/ 15 mai 2009
Le Web, où en sommes-nous ?
Plus ergonomique ?



{ Simplicité vs. Expérience }
« Simplicity is boring. We want richness and depth in our
lives. Moreover, the world and our activities are inherently
complex, so the tools we use must match that complexity.
Simplicity is not the answer. We don't want confusion,
perplexity, and confusion. »
                                               - Don Norman 2008




                                                       © confidentiel / w.illi.am/ 15 mai 2009
Avec l’explosion des
                                                    The characteristics of Web 2.0 are :
technologies riches à la 2.0*,                      Rich user experience, user participation,
a-t-on des sites web                                dynamic content, metadata, web
                                                    standards and scalability. Further
plus ergonomiques ?                                 characteristics, such as openness, freedom
                                                    and collective intelligence by way of user
                                                    participation, can also be viewed as
                                                    essential attributes of Web 2.0.

                                                                                    - Wikipedia




  NON pas nécessairement!
  Ce n’est pas la technologie en soi qui détermine la facilité d’utilisation.




                                                                               © confidentiel / w.illi.am/ 15 mai 2009
«Usability matters, it matters a lot. But it only
matters if underneath the surface, you’ve got a
product that actually works well and is meeting real
user needs (usefulness)…if you don’t have a
fundamentally strong product, then your users are
going to have no reason to keep coming back to
using your site or product time and time again… »

       - Jen Fitzpatrick, Engineering Director of User Experience, Google




                                                               © confidentiel / w.illi.am/ 15 mai 2009
Quelques définitions…



 ERGONOMIE
                                               Utilité                                    Utilisabilité
    Web




                                                                                          Synonymes
                                                                               (convivialité, facilité d’utilisation)




 Pour un contexte d’utilisation, des utilisateurs et des buts spécifiques….

 Efficacité (atteindre son but)
 Efficience (atteindre son but avec le minimum d’efforts, en un minimum de temps)
 Satisfaction (ressenti global, composantes liées aux deux précédentes et à l’utilité…)

                                                                                      (ISO 9241-11,1998)




                                                                                           © confidentiel / w.illi.am/ 15 mai 2009
Les 5 « E » de l’expérience utilisateur
1.   Efficace
     Le degré d’exhaustivité et de précision dans l’accomplissement de la tâche ou dans la réalisation des
     objectifs.


2. Efficient
     La rapidité avec laquelle la tâche peut être accomplie.


3. Évitant les erreurs
     L’efficacité du produit à éviter les erreurs et à aider l’utilisateur à dépasser celles qui surviennent.


4. Enfantin à maîtriser
     La capacité de répondre à la fois à l’orientation de départ et à l’apprentissage continu pendant toute la
     durée de vie de l’utilisation.


5. Engageant
     La capacité de l’interface à pousser l’utilisateur à interagir, le degré de plaisir et de satisfaction dans
     l’utilisation.


                                                          SOURCE : http://www.wqusability.com/articles/getting-started-fr.html




                                                                                                          © confidentiel / w.illi.am/ 15 mai 2009
Équilibre de chaque dimension ?


                        Efficace




   Enfantin à                          Efficient
    maîtriser


                     Expérience
                     utilisateur

       Évitant les
                                   Engageant
        erreurs




                                                   © confidentiel / w.illi.am/ 15 mai 2009
Efficace

Enfantin à
 maîtriser                         Efficient



                   Expérience
                   utilisateur

         Évitant
           les
         erreurs                 Engageant


                                               © confidentiel / w.illi.am/ 15 mai 2009
Plaisir à utiliser vs. efficience ?

iPhone - 50 % plus lent…

                           Nokia




                                      Lequel est préféré ?

                                      Les utilisateurs
                                      préfèreraient le plaisir à
                                      l’efficience pour les tâches
                                      de courte durée et peu
                                      fréquentes…




                                                    © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.poetpainter.com




          © confidentiel / w.illi.am/ 15 mai 2009
Un grand constat !
ABONDANCE…
SURCHARGE

                     © confidentiel / w.illi.am/ 15 mai 2009
Comment faire simple
dans un contexte complexe?
Est-ce important ?
 Surinformation
 Trop de choix
 Fonctionnalités avancées
 Plateformes variées




                             © confidentiel / w.illi.am/ 15 mai 2009
« Investissez 10% en
utilisabilité et gagnez 83% »
                  - Jacob Nielsen, janvier 2008




                                     © confidentiel / w.illi.am/ 15 mai 2009
Usability ROI

50

40

30

20

10
                                   ROI Percentage
 0

 <100%                  1 - 299%                           3 - 499%                                     500+%


    45 % of respondents reported an ROI of 300% or more from usability
    85 % of respondents reported an ROI of 100% or more from usability

                                    SOURCE : Usability and User Experience Survey Report 2007; E-consultancy/Bunnyfoot




                                                                                                © confidentiel / w.illi.am/ 15 mai 2009
Toujours selon la même étude…


 The top 3 benefits of investment in usability are:

  improved perceptions of brand
  increased conversion rates
  greater customer loyalty and retention



                                                © confidentiel / w.illi.am/ 15 mai 2009
Faire mieux avec peu
3 règles à suivre dans un
contexte économique difficile
et même quand il ne l’est pas ;)




                                   © confidentiel / w.illi.am/ 15 mai 2009
Les opinions…




                © confidentiel / w.illi.am/ 15 mai 2009
Règle # 1

 Prenez des décisions basées sur des données
 utilisateurs…et non des opinions

  Identifiez + Mesurez + Observez
                  vos utilisateurs
               Vous n’êtes pas l’utilisateur ;)




                                                  © confidentiel / w.illi.am/ 15 mai 2009
Règle # 1
Identifiez + Mesurez + Observez vos utilisateurs



  « Don’t fix it if it ain’t broken »
  Une refonte complète est rarement la solution…


  La règle du 80/20 s’applique.
  En évaluant et ajustant les éléments sur le chemin des tâches critiques, vous
  réglez 80% des problèmes…

    Permet de concentrer vos énergies et $$$ là où l’impact
                   sera le plus grand pour
       vos utilisateurs et votre entreprise.


                                                                     © confidentiel / w.illi.am/ 15 mai 2009
4 principales techniques
Identifiez + Mesurez + Observez vos utilisateurs

                                       Qualitatif
                                                                              Sur place
                                                                            Salle de tests
                                                                             À distance


                           Entrevues                  Tests utilisateurs



      Buts et attitudes                                              Comportements
(Ce que disent les gens)                                             (Ce que font les gens)




                     Sondages auprès                 Statistiques du site
                      d’utilisateurs                  (Web Analytique)


                                       Quantitatif


                                                                             © confidentiel / w.illi.am/ 15 mai 2009
Combien de tests utilisateurs ?




                                  SOURCE : http://www.useit.com



                                                © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
Règle # 2



        Priorisez + Maquettez




                                © confidentiel / w.illi.am/ 15 mai 2009
Selon les niveaux de satisfaction
                                          Satisfaction utilisateur


                                                                        Attractives
Enchantement                                                            (besoins latents)




                                                                        Proportionnelles
                                                                        (besoins exprimés)



               Peu fonctionnel                                   Très
                                                                             Degré fonctionnel
               ou pas offert                                     bien


                                                                         Obligatoires
                                                                         (besoins implicites)




  Déception

                                       
                SOURCE : Modèle Kano                                  Avec le temps…
                                                                            © confidentiel / w.illi.am/ 15 mai 2009
Diagramme
d’affinités
Permet de classer et d'organiser des
informations obtenues par brainstorm,
groupes de discussion, sondages (client,
écoute des employés, satisfaction de la
clientèle ou autres), tests utilisateurs, etc.

Permet de rassembler les différents
membres de l’équipe pour dresser un
tableau complet et arriver à un
consensus.




                                                 © confidentiel / w.illi.am/ 15 mai 2009
Tri de carte fermé Optimal Sort




Boîte à outils
Tri de cartes

   Papier, post-it, crayons – Gratuit
   WebSort – 79$US pour une étude
    http://websort.net

   Optimal Sort – Gratuit pour 10
    participants, 30 cartes par projet
    http://www.optimalsort.com




                                                                           © confidentiel / w.illi.am/ 15 mai 2009
Boîte à outils
Maquettage, prototypage

   Papier, post-it, crayons – Gratuit
   Balsamiq – Gratuit en ligne ou 79$US      http://www.balsamiq.com/

   Pencil Project– Gratuit http://www.evolus.vn/Pencil/
   Axure -   http://www.axure.com/




                                                                         © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
Maquette basse fidélité réalisée en 2-3 min. avec Balsamiq




                                                             Maquette haute fidélité avec Pencil Project




                                                                                 © confidentiel / w.illi.am/ 15 mai 2009
Concept       Tests



Tests    Prototype



        Site en ligne   Tests



                                © confidentiel / w.illi.am/ 15 mai 2009
Coût d’un changement….

                                                               100x
                                                               En ligne




          Coûts des changements




                                                   6x
                                     1x        Développement
                                  Conception




                                                                          © confidentiel / w.illi.am/ 15 mai 2009
Ne réinventez pas la roue. Apprenez de vos
compétiteurs…et faites-mieux ;)

 Faites des tests utilisateurs sur les site de
  vos concurrents.

 Référez-vous aux guidelines et patterns de
  conception.




                                             © confidentiel / w.illi.am/ 15 mai 2009
Guidelines
For reduced completion
times & familiar data input:

top aligned




                               SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf



                                                                                               © confidentiel / w.illi.am/ 15 mai 2009
Guidelines
For unfamiliar, or advanced
data entry:

left aligned



                              SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf




                                                                                              © confidentiel / w.illi.am/ 15 mai 2009
Guidelines
When vertical screen space
is a constraint:

right aligned



                             SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf




                                                                                             © confidentiel / w.illi.am/ 15 mai 2009
Boîte à outils
Patrons de conception
(« design patterns »)
attention, utiliser avec précaution…

   Yahoo Design Library
    http://developer.yahoo.com/ypatterns/

   Welie
    http://www.welie.com/

   UI Patterns
    http://ui-patterns.com/




                                            © confidentiel / w.illi.am/ 15 mai 2009
95% of web users do not read
              80% of your content!
   doesn’t mean that your content isn’t important,
            it means it’s more important

SOURCE : http://www.mindseyewebdesign.net/blog/




                                                  © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : Steve Krug, Don't Make Me Think!: A Common Sense Approach to Web Usability




                                                                                      © confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.neoinsight.com/newsletter/0903.html#0903get-there-mode




                                                                             © confidentiel / w.illi.am/ 15 mai 2009
« It doesn't matter how many times I
have to click, as long as each click is a
mindless, unambiguous choice »
                   - Steve Krug, Author Don’t Make me think




                                                 © confidentiel / w.illi.am/ 15 mai 2009
Règle # 3



 Optimisez , optimisez, optimisez
          votre contenu
   Contenu = texte, hyperliens, boutons et images




                                            © confidentiel / w.illi.am/ 15 mai 2009
TEXTE doit être :

   Dans un langage simple et familier pour l’usager
    (attention aux noms de marques !)

   Aéré : grossissez vos polices, laissez du blanc et éliminez les éléments superflus !
   Facilement balayable : titres, sous-titres et hyperliens en un clin d’œil !
   Concis : En général, diviser la quantité de mots par 2 !
    « Every sentence, every phrase, every word has to fight for its life »
    - Crawford Kilian, Writting for the Web 3.0


   Mettre de l’avant les bénéfices plutôt que les fonctionnalités de votre service
    ou produit
   Supporté par des illustrations, graphiques, tableaux…PARLANTS!
   Dépourvu d’erreurs et à jour




                                                                         © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
Ouf…

       © confidentiel / w.illi.am/ 15 mai 2009
Oui, la vie
est Bell ;)



              © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
BOUTONS et HYPERLIENS


  Maximiser l’affordance « vous pouvez me cliquer »
    o   Un bouton doit avoir l’air d’un bouton !
    o   Prenez attention…
           Forme
           Couleur
           Libellé
           Localisation dans l’interface


  Les hyperliens doivent être explicites (descriptifs)
    o   Bannissez les liens « cliquez ici »
    o   Privilégiez le souligné




                                                   © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
Où est Charlie le bouton ?




                             © confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?




                             © confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?




                             © confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?




                             © confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.lukew.com/resources/articles/PSactions.asp


                                                                 © confidentiel / w.illi.am/ 15 mai 2009
À lire !




           © confidentiel / w.illi.am/ 15 mai 2009
Avant de conclure…
Qui est responsable de l’expérience utilisateur ?




                                               © confidentiel / w.illi.am/ 15 mai 2009
CHAQUE INDIVIDU de votre organisation
qui participe de près ou de loin au maintien et à l’évolution
de votre site

 Gestionnaires de produits, ingénieurs
 Ergonomes, architectes de l’information, directeur UX
 Designers, directeur artistique
 Développeurs, analystes de la qualité
 Auteurs, éditeurs, traducteurs du contenu
 Service à la clientèle
 Membres de la direction
 …




                                                          © confidentiel / w.illi.am/ 15 mai 2009
Google user experience

The Google User Experience team aims to create
designs that are useful, fast, simple, engaging,
innovative, universal, profitable, beautiful,
trustworthy, and personable. Achieving a harmonious
balance of these ten principles is a constant challenge.
A product that gets the balance right is quot;Googleyquot; –
and will satisfy and delight people all over the world.

                                    SOURCE : http://www.google.com/corporate/ux.html




                                                                 © confidentiel / w.illi.am/ 15 mai 2009
Avec l’optimisation ergonomique….


  C’est possible de faire mieux avec peu !

  1- Identifiez + mesurez + observez

  2 - Priorisez + maquettez*   (guidelines, patterns)


  3 - Optimisez vos contenus*

  * Testez encore!




                                                        © confidentiel / w.illi.am/ 15 mai 2009
Bonne expérience utilisateur ;)

               Merci !




© confidentiel / w.illi.am/ 15 mai 2009

Contenu connexe

En vedette

LAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
LAS NIÑAS, LOS NIÑOS Y SUS DERECHOSLAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
LAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
equipoconvivencia
 
LAS TIC
LAS TICLAS TIC
LAS TIC
SAMPAYIN10
 
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos OrganosEpitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
Nixonp_
 
Deber de imformatica
Deber de imformaticaDeber de imformatica
Deber de imformatica
esleitersoldado
 
Componentes del proyecto
Componentes del proyectoComponentes del proyecto
Componentes del proyecto
MariaGarzon2014
 
SocialHub, la mejor manera de manejar tus Redes Sociales
SocialHub, la mejor manera de manejar tus Redes SocialesSocialHub, la mejor manera de manejar tus Redes Sociales
SocialHub, la mejor manera de manejar tus Redes Sociales
Alexandra Lozada
 
Ética Profesional Maryori Castro Ramírez
Ética Profesional Maryori Castro RamírezÉtica Profesional Maryori Castro Ramírez
Ética Profesional Maryori Castro Ramírez
Maryoricastro
 
Collaboration avec la 27e Région
Collaboration avec la 27e RégionCollaboration avec la 27e Région
Collaboration avec la 27e Région
User Studio
 
Geometría act-3
Geometría act-3Geometría act-3
Geometría act-3
Helena Nfs
 
Ntic’s
Ntic’sNtic’s
Ntic’s
tefisorjuela
 
Deep weeb
Deep weebDeep weeb
Deep weeb
1121879257
 
P.e.s.
P.e.s.P.e.s.
P.e.s.
Guevarar
 
Constitucion del ecuador
Constitucion del ecuadorConstitucion del ecuador
Constitucion del ecuador
Mariuxi Santana
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
juliomolinamena
 
Prácticas sociales del lenguaje
Prácticas sociales del lenguajePrácticas sociales del lenguaje
Prácticas sociales del lenguaje
1996osunaashirley
 
Numérique en classe
Numérique en classeNumérique en classe
Numérique en classe
Vincent Backeljau
 
Construccion de una Edificacion
Construccion de una EdificacionConstruccion de una Edificacion
Construccion de una Edificacion
Tiffanyrcquintero
 
Intersud, rencontre B2B inversée le 6 septembre 2016
Intersud, rencontre B2B inversée le 6 septembre 2016Intersud, rencontre B2B inversée le 6 septembre 2016
Intersud, rencontre B2B inversée le 6 septembre 2016
CibleWeb
 

En vedette (18)

LAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
LAS NIÑAS, LOS NIÑOS Y SUS DERECHOSLAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
LAS NIÑAS, LOS NIÑOS Y SUS DERECHOS
 
LAS TIC
LAS TICLAS TIC
LAS TIC
 
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos OrganosEpitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
Epitelios, Tej. Conectivo, Muscular y Oseo en algunos Organos
 
Deber de imformatica
Deber de imformaticaDeber de imformatica
Deber de imformatica
 
Componentes del proyecto
Componentes del proyectoComponentes del proyecto
Componentes del proyecto
 
SocialHub, la mejor manera de manejar tus Redes Sociales
SocialHub, la mejor manera de manejar tus Redes SocialesSocialHub, la mejor manera de manejar tus Redes Sociales
SocialHub, la mejor manera de manejar tus Redes Sociales
 
Ética Profesional Maryori Castro Ramírez
Ética Profesional Maryori Castro RamírezÉtica Profesional Maryori Castro Ramírez
Ética Profesional Maryori Castro Ramírez
 
Collaboration avec la 27e Région
Collaboration avec la 27e RégionCollaboration avec la 27e Région
Collaboration avec la 27e Région
 
Geometría act-3
Geometría act-3Geometría act-3
Geometría act-3
 
Ntic’s
Ntic’sNtic’s
Ntic’s
 
Deep weeb
Deep weebDeep weeb
Deep weeb
 
P.e.s.
P.e.s.P.e.s.
P.e.s.
 
Constitucion del ecuador
Constitucion del ecuadorConstitucion del ecuador
Constitucion del ecuador
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
 
Prácticas sociales del lenguaje
Prácticas sociales del lenguajePrácticas sociales del lenguaje
Prácticas sociales del lenguaje
 
Numérique en classe
Numérique en classeNumérique en classe
Numérique en classe
 
Construccion de una Edificacion
Construccion de una EdificacionConstruccion de una Edificacion
Construccion de una Edificacion
 
Intersud, rencontre B2B inversée le 6 septembre 2016
Intersud, rencontre B2B inversée le 6 septembre 2016Intersud, rencontre B2B inversée le 6 septembre 2016
Intersud, rencontre B2B inversée le 6 septembre 2016
 

Similaire à Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am/

Optimiser l'expérience utilisateur, Swiss Tech Talk
Optimiser l'expérience utilisateur, Swiss Tech TalkOptimiser l'expérience utilisateur, Swiss Tech Talk
Optimiser l'expérience utilisateur, Swiss Tech Talk
Julien Roland
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
SQLI DIGITAL EXPERIENCE
 
Webinar Secteur Public -
Webinar Secteur Public - Webinar Secteur Public -
Webinar Secteur Public -
Cyril Reinhard
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
OCTO Technology
 
Projet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École MultimédiaProjet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École Multimédia
Alexandre Prevots
 
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
Ferpection
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
Olivier Destrebecq
 
Web usability et e-Commerce
Web usability et e-CommerceWeb usability et e-Commerce
Web usability et e-Commerce
Technofutur TIC
 
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
Matyas Gabor
 
Orange mobilityforumproxymitv1.2
Orange mobilityforumproxymitv1.2Orange mobilityforumproxymitv1.2
Orange mobilityforumproxymitv1.2
yahyamzoughi
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence Backelite
Idean France
 
Mémoire professionnel - louis-Benjamin Dubuis - MCI
Mémoire professionnel - louis-Benjamin Dubuis - MCIMémoire professionnel - louis-Benjamin Dubuis - MCI
Mémoire professionnel - louis-Benjamin Dubuis - MCI
Sans doute votre entreprise !
 
Quelles solutions face à la multiplication des platformes
Quelles solutions face à la multiplication des platformesQuelles solutions face à la multiplication des platformes
Quelles solutions face à la multiplication des platformes
Ronan Le Quéré
 
Mobilite : Quelles solutions face à la multiplicité des plateformes ?
Mobilite : Quelles solutions face à la multiplicité des plateformes ?Mobilite : Quelles solutions face à la multiplicité des plateformes ?
Mobilite : Quelles solutions face à la multiplicité des plateformes ?
Wax Interactive
 
Concevoir pour les utilisateurs dans les humanités digitales ?
Concevoir pour les utilisateurs dans les humanités digitales ?Concevoir pour les utilisateurs dans les humanités digitales ?
Concevoir pour les utilisateurs dans les humanités digitales ?
Julien Roland
 
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | actiMobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
acti
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateurs
Sylvain Senecal
 
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
Humberto Valencia
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI
Wax Interactive
 

Similaire à Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am/ (20)

Optimiser l'expérience utilisateur, Swiss Tech Talk
Optimiser l'expérience utilisateur, Swiss Tech TalkOptimiser l'expérience utilisateur, Swiss Tech Talk
Optimiser l'expérience utilisateur, Swiss Tech Talk
 
2010 03-11-sdlc-v02
2010 03-11-sdlc-v022010 03-11-sdlc-v02
2010 03-11-sdlc-v02
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
Webinar Secteur Public -
Webinar Secteur Public - Webinar Secteur Public -
Webinar Secteur Public -
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
 
Projet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École MultimédiaProjet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École Multimédia
 
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
Webinar Ferpection - le succès de vos sites et applications mobiles grâce aux...
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
 
Web usability et e-Commerce
Web usability et e-CommerceWeb usability et e-Commerce
Web usability et e-Commerce
 
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
Avant d’aller dans les médias sociaux, mon site Web est-il à la hauteur? - Fe...
 
Orange mobilityforumproxymitv1.2
Orange mobilityforumproxymitv1.2Orange mobilityforumproxymitv1.2
Orange mobilityforumproxymitv1.2
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence Backelite
 
Mémoire professionnel - louis-Benjamin Dubuis - MCI
Mémoire professionnel - louis-Benjamin Dubuis - MCIMémoire professionnel - louis-Benjamin Dubuis - MCI
Mémoire professionnel - louis-Benjamin Dubuis - MCI
 
Quelles solutions face à la multiplication des platformes
Quelles solutions face à la multiplication des platformesQuelles solutions face à la multiplication des platformes
Quelles solutions face à la multiplication des platformes
 
Mobilite : Quelles solutions face à la multiplicité des plateformes ?
Mobilite : Quelles solutions face à la multiplicité des plateformes ?Mobilite : Quelles solutions face à la multiplicité des plateformes ?
Mobilite : Quelles solutions face à la multiplicité des plateformes ?
 
Concevoir pour les utilisateurs dans les humanités digitales ?
Concevoir pour les utilisateurs dans les humanités digitales ?Concevoir pour les utilisateurs dans les humanités digitales ?
Concevoir pour les utilisateurs dans les humanités digitales ?
 
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | actiMobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateurs
 
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
Optimisation Des Avant d’aller dans les médias sociaux, mon site Web est-il à...
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI
 

Plus de Matyas Gabor

Facebook neews feed updates May 2015
Facebook neews feed updates May 2015Facebook neews feed updates May 2015
Facebook neews feed updates May 2015
Matyas Gabor
 
Tahiti Congrès - Experience Consommateur et Développement de marque
Tahiti Congrès - Experience Consommateur et Développement de marqueTahiti Congrès - Experience Consommateur et Développement de marque
Tahiti Congrès - Experience Consommateur et Développement de marque
Matyas Gabor
 
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
Matyas Gabor
 
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
Matyas Gabor
 
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
Matyas Gabor
 
Les 7 jours de la création - #Intracom
Les 7 jours de la création - #IntracomLes 7 jours de la création - #Intracom
Les 7 jours de la création - #Intracom
Matyas Gabor
 
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
Matyas Gabor
 
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
Matyas Gabor
 
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
Matyas Gabor
 
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
Matyas Gabor
 
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
Matyas Gabor
 
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian InstituteRP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
Matyas Gabor
 
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Matyas Gabor
 
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto QuébecEntreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
Matyas Gabor
 
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
Matyas Gabor
 
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
Matyas Gabor
 

Plus de Matyas Gabor (16)

Facebook neews feed updates May 2015
Facebook neews feed updates May 2015Facebook neews feed updates May 2015
Facebook neews feed updates May 2015
 
Tahiti Congrès - Experience Consommateur et Développement de marque
Tahiti Congrès - Experience Consommateur et Développement de marqueTahiti Congrès - Experience Consommateur et Développement de marque
Tahiti Congrès - Experience Consommateur et Développement de marque
 
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
Conférence Marketing de contenu - Les Affaires - Étude de cas Bombardier - Je...
 
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
Le Futur du retail - 2014 - e-commerce, mobile commerce, social commerce, con...
 
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
Naturiste - e-commerce - Transformation Numérique - Mélanie Kau, Co-président...
 
Les 7 jours de la création - #Intracom
Les 7 jours de la création - #IntracomLes 7 jours de la création - #Intracom
Les 7 jours de la création - #Intracom
 
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
Relations Publiques et Médias Sociaux, les 7 jours de la création, Infopresse...
 
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
Web social : les 7 jours de la création - Matyas Gabor, Directeur, Marketing ...
 
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
Les medias sociaux: par ou commencer? - Matyas Gabor, w.illi.am/ - Mini MBA ...
 
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
Branding & B2B, repenser les stratégies intégrées - Matyas Gabor, w.illi.am/ ...
 
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
Entreprise 2.0, un apperçu - by Matyas Gabor, w.illi.am/ - Young President Or...
 
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian InstituteRP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
RP dans l'Entreprise 2.0 - by Matyas Gabor, w.illi.am/ - Canadian Institute
 
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, ...
 
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto QuébecEntreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
Entreprise 2.0 - by Matyas Gabor, w.illi.am/ pour Loto Québec
 
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
Recrutement - Entreprise 2.0 - by Matyas Gabor, w.illi.am/
 
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
w.illi.am/ Webcom Automne 2008, Damien Lefebvre, Open ID et 2.0
 

Dernier

INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
Faga1939
 
Les Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et ComparatifLes Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et Comparatif
Top-plans
 
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
InnovaSter-Trade Ltd.
 
La Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdfLa Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdf
SoniazghalKallel
 
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Chadi Kammoun
 
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
Nicolas Georgeault
 

Dernier (6)

INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
 
Les Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et ComparatifLes Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et Comparatif
 
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
 
La Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdfLa Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdf
 
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
 
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
 

Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am/

  • 1. Faites mieux avec peu Optimisation ergonomique © confidentiel / w.illi.am/ 15 mai 2009
  • 2. Simplicité © confidentiel / w.illi.am/ 15 mai 2009
  • 3. SOURCE : http://www.stuffthathappens.com © confidentiel / w.illi.am/ 15 mai 2009
  • 4. SOURCE : http://www.stuffthathappens.com © confidentiel / w.illi.am/ 15 mai 2009
  • 5. SOURCE : http://www.stuffthathappens.com © confidentiel / w.illi.am/ 15 mai 2009
  • 6. SOURCE : http://www.stuffthathappens.com © confidentiel / w.illi.am/ 15 mai 2009
  • 7. Le Web, où en sommes-nous ? Plus ergonomique ? { Simplicité vs. Expérience } « Simplicity is boring. We want richness and depth in our lives. Moreover, the world and our activities are inherently complex, so the tools we use must match that complexity. Simplicity is not the answer. We don't want confusion, perplexity, and confusion. » - Don Norman 2008 © confidentiel / w.illi.am/ 15 mai 2009
  • 8. Avec l’explosion des The characteristics of Web 2.0 are : technologies riches à la 2.0*, Rich user experience, user participation, a-t-on des sites web dynamic content, metadata, web standards and scalability. Further plus ergonomiques ? characteristics, such as openness, freedom and collective intelligence by way of user participation, can also be viewed as essential attributes of Web 2.0. - Wikipedia NON pas nécessairement! Ce n’est pas la technologie en soi qui détermine la facilité d’utilisation. © confidentiel / w.illi.am/ 15 mai 2009
  • 9. «Usability matters, it matters a lot. But it only matters if underneath the surface, you’ve got a product that actually works well and is meeting real user needs (usefulness)…if you don’t have a fundamentally strong product, then your users are going to have no reason to keep coming back to using your site or product time and time again… » - Jen Fitzpatrick, Engineering Director of User Experience, Google © confidentiel / w.illi.am/ 15 mai 2009
  • 10. Quelques définitions… ERGONOMIE Utilité Utilisabilité Web Synonymes (convivialité, facilité d’utilisation) Pour un contexte d’utilisation, des utilisateurs et des buts spécifiques…. Efficacité (atteindre son but) Efficience (atteindre son but avec le minimum d’efforts, en un minimum de temps) Satisfaction (ressenti global, composantes liées aux deux précédentes et à l’utilité…) (ISO 9241-11,1998) © confidentiel / w.illi.am/ 15 mai 2009
  • 11. Les 5 « E » de l’expérience utilisateur 1. Efficace Le degré d’exhaustivité et de précision dans l’accomplissement de la tâche ou dans la réalisation des objectifs. 2. Efficient La rapidité avec laquelle la tâche peut être accomplie. 3. Évitant les erreurs L’efficacité du produit à éviter les erreurs et à aider l’utilisateur à dépasser celles qui surviennent. 4. Enfantin à maîtriser La capacité de répondre à la fois à l’orientation de départ et à l’apprentissage continu pendant toute la durée de vie de l’utilisation. 5. Engageant La capacité de l’interface à pousser l’utilisateur à interagir, le degré de plaisir et de satisfaction dans l’utilisation. SOURCE : http://www.wqusability.com/articles/getting-started-fr.html © confidentiel / w.illi.am/ 15 mai 2009
  • 12. Équilibre de chaque dimension ? Efficace Enfantin à Efficient maîtriser Expérience utilisateur Évitant les Engageant erreurs © confidentiel / w.illi.am/ 15 mai 2009
  • 13. Efficace Enfantin à maîtriser Efficient Expérience utilisateur Évitant les erreurs Engageant © confidentiel / w.illi.am/ 15 mai 2009
  • 14. Plaisir à utiliser vs. efficience ? iPhone - 50 % plus lent… Nokia Lequel est préféré ? Les utilisateurs préfèreraient le plaisir à l’efficience pour les tâches de courte durée et peu fréquentes… © confidentiel / w.illi.am/ 15 mai 2009
  • 15. SOURCE : http://www.poetpainter.com © confidentiel / w.illi.am/ 15 mai 2009
  • 16. Un grand constat ! ABONDANCE… SURCHARGE © confidentiel / w.illi.am/ 15 mai 2009
  • 17. Comment faire simple dans un contexte complexe? Est-ce important ?  Surinformation  Trop de choix  Fonctionnalités avancées  Plateformes variées © confidentiel / w.illi.am/ 15 mai 2009
  • 18. « Investissez 10% en utilisabilité et gagnez 83% » - Jacob Nielsen, janvier 2008 © confidentiel / w.illi.am/ 15 mai 2009
  • 19. Usability ROI 50 40 30 20 10 ROI Percentage 0 <100% 1 - 299% 3 - 499% 500+%  45 % of respondents reported an ROI of 300% or more from usability  85 % of respondents reported an ROI of 100% or more from usability SOURCE : Usability and User Experience Survey Report 2007; E-consultancy/Bunnyfoot © confidentiel / w.illi.am/ 15 mai 2009
  • 20. Toujours selon la même étude… The top 3 benefits of investment in usability are:  improved perceptions of brand  increased conversion rates  greater customer loyalty and retention © confidentiel / w.illi.am/ 15 mai 2009
  • 21. Faire mieux avec peu 3 règles à suivre dans un contexte économique difficile et même quand il ne l’est pas ;) © confidentiel / w.illi.am/ 15 mai 2009
  • 22. Les opinions… © confidentiel / w.illi.am/ 15 mai 2009
  • 23. Règle # 1 Prenez des décisions basées sur des données utilisateurs…et non des opinions Identifiez + Mesurez + Observez vos utilisateurs Vous n’êtes pas l’utilisateur ;) © confidentiel / w.illi.am/ 15 mai 2009
  • 24. Règle # 1 Identifiez + Mesurez + Observez vos utilisateurs « Don’t fix it if it ain’t broken » Une refonte complète est rarement la solution… La règle du 80/20 s’applique. En évaluant et ajustant les éléments sur le chemin des tâches critiques, vous réglez 80% des problèmes… Permet de concentrer vos énergies et $$$ là où l’impact sera le plus grand pour vos utilisateurs et votre entreprise. © confidentiel / w.illi.am/ 15 mai 2009
  • 25. 4 principales techniques Identifiez + Mesurez + Observez vos utilisateurs Qualitatif Sur place Salle de tests À distance Entrevues Tests utilisateurs Buts et attitudes Comportements (Ce que disent les gens) (Ce que font les gens) Sondages auprès Statistiques du site d’utilisateurs (Web Analytique) Quantitatif © confidentiel / w.illi.am/ 15 mai 2009
  • 26. Combien de tests utilisateurs ? SOURCE : http://www.useit.com © confidentiel / w.illi.am/ 15 mai 2009
  • 27. © confidentiel / w.illi.am/ 15 mai 2009
  • 28. Règle # 2 Priorisez + Maquettez © confidentiel / w.illi.am/ 15 mai 2009
  • 29. Selon les niveaux de satisfaction  Satisfaction utilisateur Attractives Enchantement (besoins latents) Proportionnelles (besoins exprimés) Peu fonctionnel Très Degré fonctionnel ou pas offert bien Obligatoires (besoins implicites) Déception  SOURCE : Modèle Kano Avec le temps… © confidentiel / w.illi.am/ 15 mai 2009
  • 30. Diagramme d’affinités Permet de classer et d'organiser des informations obtenues par brainstorm, groupes de discussion, sondages (client, écoute des employés, satisfaction de la clientèle ou autres), tests utilisateurs, etc. Permet de rassembler les différents membres de l’équipe pour dresser un tableau complet et arriver à un consensus. © confidentiel / w.illi.am/ 15 mai 2009
  • 31. Tri de carte fermé Optimal Sort Boîte à outils Tri de cartes  Papier, post-it, crayons – Gratuit  WebSort – 79$US pour une étude http://websort.net  Optimal Sort – Gratuit pour 10 participants, 30 cartes par projet http://www.optimalsort.com © confidentiel / w.illi.am/ 15 mai 2009
  • 32. Boîte à outils Maquettage, prototypage  Papier, post-it, crayons – Gratuit  Balsamiq – Gratuit en ligne ou 79$US http://www.balsamiq.com/  Pencil Project– Gratuit http://www.evolus.vn/Pencil/  Axure - http://www.axure.com/ © confidentiel / w.illi.am/ 15 mai 2009
  • 33. © confidentiel / w.illi.am/ 15 mai 2009
  • 34. Maquette basse fidélité réalisée en 2-3 min. avec Balsamiq Maquette haute fidélité avec Pencil Project © confidentiel / w.illi.am/ 15 mai 2009
  • 35. Concept Tests Tests Prototype Site en ligne Tests © confidentiel / w.illi.am/ 15 mai 2009
  • 36. Coût d’un changement…. 100x En ligne Coûts des changements 6x 1x Développement Conception © confidentiel / w.illi.am/ 15 mai 2009
  • 37. Ne réinventez pas la roue. Apprenez de vos compétiteurs…et faites-mieux ;)  Faites des tests utilisateurs sur les site de vos concurrents.  Référez-vous aux guidelines et patterns de conception. © confidentiel / w.illi.am/ 15 mai 2009
  • 38. Guidelines For reduced completion times & familiar data input: top aligned SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf © confidentiel / w.illi.am/ 15 mai 2009
  • 39. Guidelines For unfamiliar, or advanced data entry: left aligned SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf © confidentiel / w.illi.am/ 15 mai 2009
  • 40. Guidelines When vertical screen space is a constraint: right aligned SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf © confidentiel / w.illi.am/ 15 mai 2009
  • 41. Boîte à outils Patrons de conception (« design patterns ») attention, utiliser avec précaution…  Yahoo Design Library http://developer.yahoo.com/ypatterns/  Welie http://www.welie.com/  UI Patterns http://ui-patterns.com/ © confidentiel / w.illi.am/ 15 mai 2009
  • 42. 95% of web users do not read 80% of your content! doesn’t mean that your content isn’t important, it means it’s more important SOURCE : http://www.mindseyewebdesign.net/blog/ © confidentiel / w.illi.am/ 15 mai 2009
  • 43. SOURCE : Steve Krug, Don't Make Me Think!: A Common Sense Approach to Web Usability © confidentiel / w.illi.am/ 15 mai 2009
  • 45. « It doesn't matter how many times I have to click, as long as each click is a mindless, unambiguous choice » - Steve Krug, Author Don’t Make me think © confidentiel / w.illi.am/ 15 mai 2009
  • 46. Règle # 3 Optimisez , optimisez, optimisez votre contenu Contenu = texte, hyperliens, boutons et images © confidentiel / w.illi.am/ 15 mai 2009
  • 47. TEXTE doit être :  Dans un langage simple et familier pour l’usager (attention aux noms de marques !)  Aéré : grossissez vos polices, laissez du blanc et éliminez les éléments superflus !  Facilement balayable : titres, sous-titres et hyperliens en un clin d’œil !  Concis : En général, diviser la quantité de mots par 2 ! « Every sentence, every phrase, every word has to fight for its life » - Crawford Kilian, Writting for the Web 3.0  Mettre de l’avant les bénéfices plutôt que les fonctionnalités de votre service ou produit  Supporté par des illustrations, graphiques, tableaux…PARLANTS!  Dépourvu d’erreurs et à jour © confidentiel / w.illi.am/ 15 mai 2009
  • 48. © confidentiel / w.illi.am/ 15 mai 2009
  • 49. © confidentiel / w.illi.am/ 15 mai 2009
  • 50. © confidentiel / w.illi.am/ 15 mai 2009
  • 51. © confidentiel / w.illi.am/ 15 mai 2009
  • 52. Ouf… © confidentiel / w.illi.am/ 15 mai 2009
  • 53. Oui, la vie est Bell ;) © confidentiel / w.illi.am/ 15 mai 2009
  • 54. © confidentiel / w.illi.am/ 15 mai 2009
  • 55. BOUTONS et HYPERLIENS  Maximiser l’affordance « vous pouvez me cliquer » o Un bouton doit avoir l’air d’un bouton ! o Prenez attention…  Forme  Couleur  Libellé  Localisation dans l’interface  Les hyperliens doivent être explicites (descriptifs) o Bannissez les liens « cliquez ici » o Privilégiez le souligné © confidentiel / w.illi.am/ 15 mai 2009
  • 56. © confidentiel / w.illi.am/ 15 mai 2009
  • 57. Où est Charlie le bouton ? © confidentiel / w.illi.am/ 15 mai 2009
  • 58. Où est le bouton acheter ? © confidentiel / w.illi.am/ 15 mai 2009
  • 59. Où est le bouton acheter ? © confidentiel / w.illi.am/ 15 mai 2009
  • 60. Où est le bouton acheter ? © confidentiel / w.illi.am/ 15 mai 2009
  • 61. © confidentiel / w.illi.am/ 15 mai 2009
  • 62. © confidentiel / w.illi.am/ 15 mai 2009
  • 63. © confidentiel / w.illi.am/ 15 mai 2009
  • 64. SOURCE : http://www.lukew.com/resources/articles/PSactions.asp © confidentiel / w.illi.am/ 15 mai 2009
  • 65. À lire ! © confidentiel / w.illi.am/ 15 mai 2009
  • 66. Avant de conclure… Qui est responsable de l’expérience utilisateur ? © confidentiel / w.illi.am/ 15 mai 2009
  • 67. CHAQUE INDIVIDU de votre organisation qui participe de près ou de loin au maintien et à l’évolution de votre site  Gestionnaires de produits, ingénieurs  Ergonomes, architectes de l’information, directeur UX  Designers, directeur artistique  Développeurs, analystes de la qualité  Auteurs, éditeurs, traducteurs du contenu  Service à la clientèle  Membres de la direction  … © confidentiel / w.illi.am/ 15 mai 2009
  • 68. Google user experience The Google User Experience team aims to create designs that are useful, fast, simple, engaging, innovative, universal, profitable, beautiful, trustworthy, and personable. Achieving a harmonious balance of these ten principles is a constant challenge. A product that gets the balance right is quot;Googleyquot; – and will satisfy and delight people all over the world. SOURCE : http://www.google.com/corporate/ux.html © confidentiel / w.illi.am/ 15 mai 2009
  • 69. Avec l’optimisation ergonomique…. C’est possible de faire mieux avec peu ! 1- Identifiez + mesurez + observez 2 - Priorisez + maquettez* (guidelines, patterns) 3 - Optimisez vos contenus* * Testez encore! © confidentiel / w.illi.am/ 15 mai 2009
  • 70. Bonne expérience utilisateur ;) Merci ! © confidentiel / w.illi.am/ 15 mai 2009