16
L’UX SANS DOCUMENTATION FLUPA UX DAY Paris, le 19 Septembre 2014 Sophie Henry

FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

Embed Size (px)

DESCRIPTION

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 ?

Citation preview

Page 1: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

L’UX SANS DOCUMENTATIONFLUPA UX DAY Paris, le 19 Septembre 2014 !Sophie Henry

Page 2: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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.

!!

Page 3: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Un paysage flou en constant changement qui crée un grand nombre de nouvelles

méthodes de développementwaterfall -> agile

outilsgraphiques, HTML -> frameworks,

éditeurs

comportements

GenX -> Millenials

accès à l’information

local -> distribué, continu

formats

PC -> portable, tablette

Page 4: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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.

Page 5: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Problème 1 : Offrir des interventions rapides tout en maintenant leur qualité

Page 6: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Problème 2 : Maintenir standards et cohérence sans étouffer toute créativité

Page 7: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Problème 3 : Conserver notre influence malgré tous ces changements

Page 8: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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

!

Page 9: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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

Page 10: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Page 11: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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”

Page 12: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

Page 13: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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

Page 14: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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

Page 15: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

‹#›

l’UX sans documentation

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.

Page 16: FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’UX sans documentation"

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.