Slides from the talk I gave on sketching as part of the design process. This took place at The Family (Paris), June 10, 2015 With apologies for inevitable language mistakes! :) I wanted to make the point that sketching, although a fairly small (or sporadic, at least!) part of the UX design work I do, is an important tool. It helps us to think, to understand and to communicate. Also important, is to develop our skills in giving and inviting structured, constructive critique. But beyond that, if we begin to sketch collaboratively (in pairs; in design studio charrettes), we can include many people in the design responsibility and makes our work more transparent. A pen and a blank page provide a certain liberty; by sharing the process and not excluding people because of hierarchy or role, there is a certain equality. Finally, design is a team effort, and sketching is a simple way to perhaps build that relationship with our team-mates, and develop a kind of fraternity and shared responsibility for what we produce. All that last part works marginally better in French: hence liberté, égalité, fraternité

1. “Dessine-moi ce que
tu veux dire”
Les super-pouvoirs du sketching
@francisrowland

2. Qui je suis
“Lead UX Designer” chez EMBL-EBI
(l’Institut Européen de la Bioinformatique)
Oui, c’est un peu difficile à expliquer aux soirées.
@francisrowland

3. Structure de la présentation
Pourquoi le sketching (la motivation)
Comment le faire (matériel & techniques)
Quoi ça produit (exemples)
Quoi d’autre (maquettage & “lean thinking”)

4. POURQUOI
La motivation
@francisrowland

5. Visualisation
La pensée
Compréhension
Communication
Extériorisation de processus
Un moyen pour vendre les idées
La raison
@francisrowland

6. Les bénéfices
Participation
Collaboration
Partage
Vos propres idées et celles des autres
Un possible réduction du risque?
@francisrowland
via Jeff Gothelf, via Jeff Patton &
Luke Barrett who re-created the
cartoon from an unknown origin

7. Parenthèse (1) - les sketchnotes
Bénéfices récursifs…
développement d’un vocabulaire visuel et un
certain aisance;
amélioration de la capacité pour écouter et
rappeler.

8. COMMENT
Le processus
@francisrowland

9. Matériel
@francisrowland

10. Techniques
astuces & conseils
@francisrowland

11. L’ecriture et les lignes
@francisrowland

12. Ouvrir, fermer
@francisrowland

13. Portabilité
@francisrowland

14. Fidelité
@francisrowland

15. L’encadrement
Se concentrer sur un
problème ou une opportunité
Il faut savoir les buts, les
objectifs, et les besoins.
@francisrowland

16. L’attention
personas,
activités clefs,
un notion de la dessein
@francisrowland

17. Critique et clarité
@francisrowland

18. L’importance de la critique constructive
La basse fidélité invite la critique, et
plusieurs versions, la honnêteté
(paraphrase de Bill Buxton)
@francisrowland

19. Gérer la critique
@francisrowland

20. Qui faire le sketching
@francisrowland

21. En paires
@francisrowland

22. En groupes
@francisrowland

23. Ateliers participatifs
@francisrowland

24. QUOI
La produit
@francisrowland

25. Mon propre travail
Quelques exemples
@francisrowland

26. "Jean-Paul Sartre FP" by Unknown - Archivo del diario Clarín. Fotografía publicada en 1983 en la revista dominical del periodico ilustrando un artículo sobre el poeta, en Buenos
Aires, Argentina. Licensed under Public Domain via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:Jean-Paul_Sartre_FP.JPG#/media/File:Jean-Paul_Sartre_FP.
JPG
UX design?
Tu parles, mon gars!
@francisrowland

27. Sketching ailleurs
@francisrowland

28. Et quoi d’autre?
@francisrowland

29. Maquettage (la suite)
@francisrowland
CC-BY-SA-4.0 Jiří Sedláček

30. Parenthèse (2) - “lean thinking”
@francisrowland

31. Ressources
Ces diapos: http://bit.ly/1GpKweX
Sketching User Experiences & the Sketching User Experiences: the Workbook
Prototyping: A Practitioner’s Guide (Rosenfeld Media)
Ed Emberley’s books (e.g. Make A World)
Maxime Fortelle: Je ne sais pas dessiner une interface mobile (diapos)
Eva-Lotta Lamm: Sketching User Experience (vidéo)
Jason Mesut & Sam Smith: The “art” of sketching experiences
Jason Robb: Tools for sketching user experiences
Nicolai Marquardt: Sketching user experiences (workshop notes)
@francisrowland

32. Liberté, Égalité, Fraternité...
@francisrowland