SlideShare une entreprise Scribd logo
1  sur  102
Télécharger pour lire hors ligne
petite arithmétique de l’UX :
choisir, renoncer, construire




                        Amélie Boucher & Nacéra Benfedda , Viadeo
                                       Paris Web, 13 octobre 2011
une histoire du sacrifice
l’ergonome,
un alibi?
+ de fonctions   =   compliqué 2
coût du pixel
1.


avant l’interface… déjà renoncer
- de fonctions
résistance #1 : nous
résistance #1 : nous
résistance #1 : nous

résistance #2 : l’utilisateur
résistance #1 : nous

résistance #2 : l’utilisateur

résistance #3 : la concurrence
aving the shortest feature list is our biggest feature.       ”
                                             Photo: Jessica Wynne
comment ?
#1 prioriser
Business Value   Cost
5       ‘on oublie’                 ‘prioritaire’


             4
complexité



             3




             2



                     ‘plus tard’         ‘quick wins en parallèle’
             1
                 1           2       3             4                   5

                                   valeur
                                                          Noise Between Stations
#1 prioriser




#2 raconter une histoire
#1 prioriser
#2 raconter une histoire




#3 qu’est-ce que ça ne doit pas faire
?
#1 prioriser
#2 raconter une histoire
#3 qu’est-ce que ça ne doit pas faire ?




#4 “ mobile first ”
#1   prioriser
#2   raconter une histoire
#3   qu’est-ce que ça ne doit pas faire ?
#4   “ mobile first ”




#5 ce qu’on peut faire… et maintenir
adopter
#1   prioriser
#2   raconter une histoire
#3   qu’est-ce que ça ne doit pas faire ?
#4   “ mobile first ”
#5   ce qu’on peut faire… et maintenir




#6 et l’instinct ? le culot ? la
folie ?
vous gagnez la légèreté
… savoir garder aussi.
“ less isn't more; just enough is more. ”
                                Milton Glaser
utilisabilité ≠ simplicité
(triplog)
renoncer pour le web, une chance
2.


construire l’interface
nécessite de hiérarchiser
nombre de choses à l’écran
adjacent dans l’espace
empilé dans le temps
ratio signal / bruit
miniaturiser pour alléger l’écran
miniaturiser à base d’icônes :
voie rêvée ?
miniaturiser les éléments textuels
“ We overlabel ”
“ Je n’ai fait cette lettre-ci plus longue
que parce que je n’ai pas eu le loisir de
                    la faire plus courte.
                                        ”
                          (Blaise Pascal)
cacher
faciliter le travail d’attention sélective
“ computer administrative junk ”
                         (Tufte)
“ computer administrative debris ”
                           (Tufte)
survols
notion de moments d’interaction
cacher vraiment
Truc de ouf !!!!
+ de fonctions     =         compliqué 2

 renoncer x      taux de résistance

          - de fonctions


miniaturiser
  ranger

utilisabilité ≠ simplicité

          + construire
+ de fonctions     =         compliqué 2

 renoncer x      taux de résistance

          - de fonctions


miniaturiser
  ranger
                  + ♥ émotion
utilisabilité ≠ simplicité

          + construire
3.


pas seulement de l’arithmétique…
faire simple, c’est pas simple




          (mais c’est ça qui est génial).

Contenu connexe

Plus de Association Paris-Web

Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Association Paris-Web
 
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...Association Paris-Web
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Association Paris-Web
 
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Association Paris-Web
 
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Association Paris-Web
 
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008Association Paris-Web
 
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008Association Paris-Web
 
Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Association Paris-Web
 
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Association Paris-Web
 
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Association Paris-Web
 
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Association Paris-Web
 
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Association Paris-Web
 
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...Association Paris-Web
 
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008Association Paris-Web
 

Plus de Association Paris-Web (14)

Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
 
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
 
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
 
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
 
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
 
Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008
 
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
 
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
 
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
 
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
 
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...
Qualité et accessibilité Web : vers l’amélioration continue - Elie Sloïm - Pa...
 
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
 

Petite arithmétique de l’UX : choisir, renoncer, construire