Dans l’environnement constamment changeant des nouvelles technologies, les designers UX doivent souvent pouvoir communiquer leurs connaissances par d’autres voies que des documents longs à préparer ou trop spécialisés. Quelles autres outils et techniques sont à notre disposition ? Dans quel contexte peut-on les utiliser ?

1. L’UX SANS DOCUMENTATION
FLUPA UX DAY
Paris, le 19 Septembre 2014
!
Sophie Henry

2. Introduction
Qui suis-je ?
Sophie Henry, française vivant à San
Francisco depuis 18 ans.
!
Que fais-je ?
Directrice UX à Comrade, agence de
25 personnes spécialisée dans le
design UX pour les industries de
haute technologie et de la finance.
!
Où vais-je ?
La question qui a provoqué cette
présentation devant l’évolution de
mon rôle et de mon métier.
!!
‹#›
l’UX sans documentation

3. formats
PC -> portable, tablette
méthodes de
wadtéevrefalollp p-e>m aegntile
outils
graphiques, HTML
-> frameworks,
éditeurs
comportements
GenX ->
Millenials
accès à l’information
local -> distribué,
continu
Un paysage flou en constant changement qui crée un grand nombre de nouvelles
‹#›
l’UX sans documentation

4. Notre rôle doit évoluer
Dans ce contexte, la documentation UX
classique (wireframes, cahier de charges,
etc…) paraît lourde, trop longue à
produire et inutile.
!
Trois problèmes en particulier se
présentent quand nous n’avons plus de
contrôle direct sur la documentation et
les livrables d’un projet.
‹#›
l’UX sans documentation

5. Problème 1 : Offrir des interventions rapides tout en maintenant leur qualité
‹#›
l’UX sans documentation

6. Problème 2 : Maintenir standards et cohérence sans étouffer toute créativité
‹#›
l’UX sans documentation

7. Problème 3 : Conserver notre influence malgré tous ces changements
‹#›
l’UX sans documentation

8. Comment attaquer ces problèmes ?
Nous devons aborder ces problèmes
simultanément et les traiter à plusieurs
niveaux.
• En révisant les outils que nous
utilisons pour communiquer
• En adaptant le contenu de nos
communications
• En changeant nos méthodes de
travail
• En développant de nouvelles
compétences
!
‹#›
l’UX sans documentation

9. Principe 1 : Montrer plutôt que décrire
Le croquis
• Rapide et ne requiert ni matériel
spécial (crayons, papier) ni technique
avancée
• Le résultat est l’expression de travaux
en cours et ne peut être confondu
avec une documentation achevée.
Conseil:
Avoir à disposition des feuilles imprimées
avec le cadre d’un portable ou d’une
tablette en taille réelle pour faire des
croquis à la bonne échelle.
!
Le prototype
• reste le meilleur moyen de démontrer
un flot
• remplace le cahier de charge
Conseil:
Maintenir une matrice d’outils et types de
‹#›
l’UX sans documentation

10. ‹#›
l’UX sans documentation

11. Principe 2 : Guider plutôt que détailler
Styleguides et bibliothèques de motifs
• Sous forme de graphiques annotés (red
lines) ou, de préférence, créés
directement en HTML
• Permettent d’exposer le raisonnement
derrière les choix du design
• Donnent aux développeurs les moyens
de contribuer à l’interface tout en en
maintenant la cohérence
Conseil:
Construire le styleguide ou la bibliothèque
de motifs tout au long du projet. Cela
permet de détecter plus rapidement les
exceptions et conflits.
Ecrire les fichiers CSS soi-même.
!
Ne pas aller trop vite dans les détails
• Adopter le principe Agile du “juste
nécessaire”
‹#›
l’UX sans documentation

12. ‹#›
l’UX sans documentation

13. Principe 3 : Convertir plutôt
qu’éduquer
Les collègues
• Appliquer des méthodes de co-design
(comme le Pair Design)
• En répartissant la responsabilité du
design de façon égale parmi l’équipe
tout au long du projet, le transfert de
connaissances se fait naturellement.
• Tout s’exprime directement dans le
design final
!
Les clients
• Montrer la recette et le plat fini
• Les faire participer (donner des choix)
Conseil:
Utiliser des “jeux” et autres méthodes
innovantes
www.gamestorming.com,
www.innovationgames.com
!
Les utilisateurs
‹#›
l’UX sans documentation

14. Principe 4 : Aller plus haut (ou plus
large)
Intervenir en amont
• Démontrer nos capacités de
raisonnement et notre apport potentiel
dès la phase de stratégie
• Appliquer les principes de notre métier :
adapter nos communications au public
visé
!
Multiplier ses compétences
• Permet de rester “souple” dans sa façon
de penser
• Court-circuite certains problèmes ou
créé des raccourcis quand on devient la
personne à qui la documentation était
destinée
‹#›
l’UX sans documentation

15. En Conclusion
Nous sommes responsables de notre survie.
!
!Nous nous devons de changer notre façon de travailler et de communiquer.
Cela ne peut se faire sans une étroite collaboration avec nos équipes.
‹#›
l’UX sans documentation

16. Photo credits
From Flickr
!
Rodin statue at the Palace of Legion of Honor - Philip
Golden Gate Bridge in Fog - Kanaka Menehune
Cable Car - Alfonso Jimenez
Big Wheel Race -
Painted Ladies - Anirudh Rao
Dual Bay Bridges - John Trapp
Coit Tower Mural - Ernest McGray Jr.
Junipero Serra statue - Stacey Shintani
Doggie Diner Heads - Nick Fisher
Brown Sisters - Lynn Friedman
Transamerica tower - Vincent T
Blue Angels - Anil R.