Intitulés de poste, bas les masques !

Publié le 16 octobre 2014

Tags : Design Code Psychologie Paris Web

Présenté à Paris Web

Image de couverture

Dispositive de titre, illustrée par un masque de Guy Fawkes et un masque vénitien

Le jour où je suis devenu designer

Le mot designer dans une typographie manuelle

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, développeur, j’étais capable de la guider dans la réorganisation des éléments d’un design… J’étais devenu designer.

Cursus scientifique vs Littéraire/artistique

Des mains levées à un concert font le signe des cornes

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).

Spirale hypnotisante

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

Couverture du livre Blink de Malcolm Gladwell

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…

Parallèles code/langues

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

Que voyez-vous ici, du code ou une phrase ? Les deux : chaque ligne de code est une phrase grammaticalement correcte.

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…

Code is Poetry —Wordpress

“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 The Poetics of Coding, il y a en effet des points communs : indentation significative, attention au choix du mot juste, lignes courtes, rythme et répétitions…

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…

Design

Une proposition de logo pour Yahoo volontairement hideuse

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é…

Science visuelle : nombre d'or, proportions, rythme, grille, choix de couleurs, code typographique

…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.

Collaboration

Travaillez en équipe

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

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.

Interactions et prototypage

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

Responsive design et code

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

Keep calm and love your sysadmin

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.

Intitulés de poste

Captures écrans de David Shing, prophète digital chez AOL, vs Tim Berners-Lee, développeur web

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).

Syndrome de l'imposteur (reprenant le visuel de l'affiche du film Attrape-moi si tu peux)

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.

Briques et mortier

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.

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, sœurs, voisins…

Vous ne méritez pas un bon boulot, vous le créez

Le poste où je suis actuellement, et où je suis ravi 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.

Le texte Choose your life, superposé sur une liste d'injonctions sociales

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…

Go fork yourself

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.

Merci, ainsi qu'une liste des liens évoqués

Merci !

Page précédente Page précédente Page suivante Page suivante