Conférence donnée à Paris Web 2014.

1. Intitulés de poste
Bas les masques

2. !
!
Le jour où je suis devenu
designer

3. !
!
Le jour où je suis devenu
designer
Tout a commencé il y a 6 mois quand j’ai aidé une amie
graphiste à concevoir la version mobile d’un site sur lequel
elle travaillait. J’ai été surpris : moi le développeur j’étais
capable de la guider dans la réorganisation des éléments
d’un design… J’étais devenu designer.

4. Cursus scientifique
vs
Littéraire / Artistique

5. Cursus scientifique
vs
Littéraire / Artistique
Mais assez parlé de moi, parlons de vous. Levez la main
ceux qui ont suivi un cursus scientifique (une moitié de la
salle à Paris Web 2014). Maintenant ceux qui ont suivi un
cursus littéraire ou artistique ? (L’autre moitié, moi
compris). Et maintenant, ceux qui écrivent du code
régulièrement mais qui ont suivi un cursus littéraire ou
artistique ? (seul un quart lève la main cette fois, moi
compris).

7. Vous savez ce que je viens de faire ? Je viens de vous
conditionner…

8. Nous sommes conditionnés.
Malcolm Gladwell,
Blink

9. Nous sommes conditionnés.
Malcolm Gladwell,
Blink
Dans Blink, Malcolm Gladwell explique qu’une étude
américaine a démontré que l’origine ethnique des
participants n’influençait leurs résultats que si on la leur
demandait avant de leur faire passer le test. Maintenant
que vous le savez, faites-y attention ! Nous sommes très
faciles à influencer inconsciemment…

10. $sujet = verbe($complement);
Phrase ou code ?

11. $sujet = verbe($complement);
Phrase ou code ?
Que voyez-vous ici, du code ou une phrase ? Les deux :
chaque ligne de code est une phrase grammaticalement
correcte.

12. On va manger
les enfants.
Fatal error: incorrect syntax on line 1.

13. On va manger
les enfants.
Fatal error: incorrect syntax on line 1.
Cette phrase en revanche est incorrecte : en l’absence de
virgule, les enfants finissent à la casserole…

14. CODE IS POETRY
Wordpress
Matt Ward, The Poetics of Coding
www.smashingmagazine.com/2010/05/05/the-poetics-of-coding/

15. CODE IS POETRY
Wordpress
Matt Ward, The Poetics of Coding
www.smashingmagazine.com/2010/05/05/the-poetics-of-coding/
“Le code est de la poésie” est-il écrit sur le site de
Wordpress, le CMS omniprésent. Cela m’a surpris, mais
comme Matt Ward le montre dans son article, il y a en effet
des points communs : indentation significative, attention au
choix du mot juste, lignes courtes, rythme et répétitions…

16. Langages
informatiques
• Grammaire
• Vocabulaire
• Expressivité
• Communauté

17. Langages
informatiques
• Grammaire
• Vocabulaire
• Expressivité
• Communauté
Tout langage informatique est un langage à part entière,
avec sa grammaire, son vocabulaire, son expressivité, et
ses locuteurs. D’ailleurs on le voit bien, la moitié des
commentaires sur StackOverflow.com sont des méta-commentaires,
de la discussion en somme. Stack Overflow
serait le nouveau café du coin…

18. Ya h o o

19. Ya h o o
Voyant que Marissa Meyer cherchait l’aide du grand public
pour le redesign du logo de Yahoo, j’ai proposé celui-ci.
Bizarrement, il n’a pas été retenu malgré son dynamisme,
son originalité…

20. Science visuelle
• Nombre d’or et proportions
• Rythme et grilles
• Choix des couleurs et
associations culturelles
• Code typographique

21. Science visuelle
…mais par pitié ne laissez pas ce genre d’horreurs finir en
ligne car le graphisme est bel et bien une science, les
graphistes manipulent des nombres mathématiques tels
que le fameux nombre d’or, les proportions, ajustent le
rythme horizontal et vertical, la grille, choisissent les
couleurs et les typographies selon leurs associations
psychologiques et sociales…
Enfin, le code typographique mérite bien son nom : il s’agit
de règles précises assurant que le sens et l’esthétique
sont bien transmis et respectés.

22. Travaillez
en équipe

23. Travaillez
en équipe
Pour ne pas présenter d’horreurs telles que le logo Yahoo
volontairement saccagé plus tôt, je travaille en équipe.

24. Animation

25. Animation
Parce qu’il n’y a rien de tel que de concevoir et ajuster les
animations en collaboration designer/développeur. En plus,
Photoshop n’est pas du tout adapté à cela, et les
graphistes adorent voir leurs réalisations prendre vie.

26. Interactions
Prototypage

27. Interactions
Prototypage
Parce que pour tester les enchaînements d’écrans le
prototypage est un outil très utile.

28. Responsive
Design & Code

29. Responsive
Design & Code
Parce que le design responsive peut s’imaginer sur papier,
s’habiller dans Photoshop, mais doit se tester sur les
appareils.

31. Ah, et ne réduisez pas les équipes à designer et
développeurs, ceux qui murmurent à l’oreille des serveurs
sont tout aussi importants. Après tout, c’est grâce à eux
que vous n’avez pas à vous lever à 5h un dimanche matin
parce qu’un serveur a fait un malaise… Soyez gentils,
prévenez-les à l’avance quand vous avez une librairie
exotique à rajouter sur un serveur de production par
exemple.

32. Ninja, gourou, expert, prophète…

33. Que vous vous fassiez appeler ninja, gourou, expert ou
même prophète comme David Shing sur la capture écran
ci-dessus, sachez tout de même rester humbles, à l’image
de Tim Berners-Lee, inventeur du Web qui choisit d’arborer
le simple titre de “Développeur Web” (lui qui a développé
le Web).

34. Syndrome de
l’imposteur

35. !
Et ne vous laissez pas rattraper ou limiter par le syndrome
de l’imposteur, qui consiste à se croire moins bon qu’un
autre juste parce qu’on n’a pas appris un métier sur les
bancs de l’école. Primo, dans l’informatique, la plupart des
écoles n’existait pas à l’époque, et la technologie change
si vite que les formations sont très rapidement obsolètes.
Deuxio, on voit sortir des étudiants de 5 ans d’études,
persuadés qu’ils sont capables de diriger des équipes et
des projets, et réclamant des salaires mirobolants malgré
leur absence d’expérience. Vous en savez sûrement aussi
long, alors arrêtez de vous sous-évaluer, vous et vos
compétences.

36. Briques et mortier
bradfrostweb.com/blog/post/job-title-its-complicated/

37. Briques et mortier
bradfrostweb.com/blog/post/job-title-its-complicated/
Enfin, dans un article paru 2 jours avant la conférence,
Brad Frost pointe le fait que certains ont des postes très
bien définis (un plombier ou un notaire par exemple, on
sait bien ce que ça fait) quand d’autres sont bien plus
difficiles à qualifier. Dans sa métaphore, les premiers sont
des briques et les deuxième le mortier qui les relie. Si vous
avez l’impression de ne pas savoir vous définir, peut-être
est-ce que votre rôle est flou en effet, mais cela ne vous
empêche pas d’être utile autant qu’un autre.

38. Déconditionnez-vous

39. Déconditionnez-vous
S’il y a bien une chose que je veux que vous reteniez, c’est
qu’il faut vous libérer de votre conditionnement social,
personnel, scolaire… Vous pouvez changer de métier, de
pays, exercer un métier que vous n’avez pas appris à
l’école, vivre autrement que vos parents, frères, soeurs,
voisins…

40. Vous ne méritez pas un
bon boulot.
Vous le créez.

41. Vous ne méritez pas un bon boulot.
!
Vous le créez.
Le poste où je suis actuellement, et où je suis râvi d’être, je
l’ai eu parce que j’ai travaillé soir et weekends pour
organiser la conférence SudWeb avec d’autres passionnés
bénévoles, que j’ai appris HTML CSS et PHP en travaillant
à la BU en marge de mes études de langue, que j’ai
acheté un Atari pour piloter mes instruments de musique…
Tout une chaîne de hasards qui ont un point commun : à
chaque fois j’ai consacré du temps à ce qui me plaisait.

42. Choose your life

43. Choose your life
Ne vous laissez pas embarquer dans une vie de galères
décidée par d’autres pour vous : Choisissez votre vie. Et, si
vous connaissez un peu le système de gestion de version
GIT…

44. Go fork yourself

45. Forkez-vous. Ne restez pas sur la branche “master”, il ne
s’y passe rien. Lancez-vous dans d’autres projets, d’autres
activités, d’autres développements personnels car c’est là
qu’intervient la magie. Vous vous tromperez peut-être, mais
vous gagnerez en expérience et certaines choses pourront
venir vous nourrir.

46. Merci !
@goulvench / @ThinkInnovWeb
Blink, Malcolm Gladwell
bradfrostweb.com/blog/post/job-title-its-complicated/
www.smashingmagazine.com/2010/05/05/the-poetics-of-coding/
blog.thinkinnovation.fr/le-jour-ou-je-suis-devenu-designer