Intitulés de posteBas les masques

!

!

Le jour où je suis devenu

designer

!

!

Le jour où je suis devenu

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

Cursus scientifique vs

Littéraire / Artistique

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

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

Nous sommes conditionnés.

Malcolm Gladwell, Blink

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…

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

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

On va manger les enfants.

Fatal error: incorrect syntax on line 1.

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…

Wordpress

CODE IS POETRY

Matt Ward, The Poetics of Coding www.smashingmagazine.com/2010/05/05/the-poetics-of-coding/

Wordpress

CODE IS POETRY

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…

Langagesinformatiques

• Grammaire • Vocabulaire • Expressivité • Communauté

Langagesinformatiques

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

Y a h o o

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

• Nombre d’or et proportions

• Rythme et grilles

• Choix des couleurs et associations culturelles

• Code typographique

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.

Science visuelle

Travaillez en équipe

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

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 Prototypage

Interactions Prototypage

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

Responsive Design & Code

Responsive Design & Code

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

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.

Ninja, gourou, expert, prophète…

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

!

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 mortierbradfrostweb.com/blog/post/job-title-its-complicated/

Briques et mortierbradfrostweb.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.

Déconditionnez-vous

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.

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.

Choose your life

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…

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 !@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