Slide 1

Slide 1 text

Designers & Intégrateurs BFF Marie-Cécile Paccard Goulven Champenois * * best friends forever

Slide 2

Slide 2 text

Souvent, le quotidien des designers et des intégrateurs, c’est plutôt…

Slide 3

Slide 3 text

Quoi ? Tu te plains alors que tu l’as à peine respectée ? Mais elle sort d’où cette maquette ? Il manque les survols et la version mobile ! Tes découpes étaient mal faites ! J’ai même pas pu ouvrir ton fichier, c’est pas du Photoshop ! Pfff ! C’est du Sketch, t’es vraiment fermé d’esprit ! Tsss !

Slide 4

Slide 4 text

Et c’est ainsi que vos projets
 se passent mal.

Slide 5

Slide 5 text

Et c’est ainsi que vos projets
 se passent mal. Très mal…

Slide 6

Slide 6 text

Nous sommes passés par là. Nous en avons souffert. Et nous avons décidé de changer nos méthodes pour enfin améliorer les choses ! Y2k  Bug  designed  by  Cards  Against  Humanity  from  the  Noun  Project

Slide 7

Slide 7 text

Le constat est amer T_T

Slide 8

Slide 8 text

  Organisations compartimentées Snowman  designed  by  Luis  Prado  from  the  Noun  Project

Slide 9

Slide 9 text

  Organisations compartimentées
 Professions conditionnées Snowman  designed  by  Luis  Prado  from  the  Noun  Project

Slide 10

Slide 10 text

  Organisations compartimentées
 Professions conditionnées ! Méthodes surgelées… Snowman  designed  by  Luis  Prado  from  the  Noun  Project

Slide 11

Slide 11 text

  Ces mots rappelleront à certains des années
 de douleur. Si vous souffrez de cela aujourd’hui, il est largement temps de stopper le massacre ! Snowman  designed  by  Luis  Prado  from  the  Noun  Project

Slide 12

Slide 12 text

OBJECTIF Vous faire travailler autrement : pour plus de qualité, pour de bonnes conditions de travail, pour vous rendre plus heureux <3 DE CETTE PRÉSENTATION

Slide 13

Slide 13 text

Ce n’est pas si compliqué, vous allez voir :)

Slide 14

Slide 14 text

✓ Utilisables ✓ Navigables ✓ Respectueuses
 des utilisateurs Produire des interfaces… NOUS AVONS UNE MISSION EN TANT QU’ACTEURS DU WEB,

Slide 15

Slide 15 text

Ô GRANDE DIVINITÉ DES INTERNETS MONDIAUX ! DONNE-NOUS LA FORCE !

Slide 16

Slide 16 text

Car nous avons
 le pouvoir et le devoir 
 de changer les choses !

Slide 17

Slide 17 text

C’est parti ! \o/

Slide 18

Slide 18 text

Un vieil adage fait encore des ravages dans beaucoup trop de domaines…

Slide 19

Slide 19 text

« Le Client est Roi. »

Slide 20

Slide 20 text

Nope. NOPE

Slide 21

Slide 21 text

Le besoin du client est roi.

Slide 22

Slide 22 text

Ce besoin doit diriger nos projets : nous sommes des artisans dont le travail est régi par des contraintes.

Slide 23

Slide 23 text

! ! ! Intégration > ! ! ! Design graphique ! ! ! Conception ! ! ! Architecture d’information, chemins utilisateurs ! ! ! tion du oin, erche ateurs ! ! ! Mise en production ! ! ! Vie ap lancem En général dans les projets, 
 on est plutôt cascade…

Slide 24

Slide 24 text

t ! ! ! Intégration > ! ! ! Design graphique ! ! ! Conception ! ! ! Architecture d’information, chemins utilisateurs ! ! ! tion du oin, erche ateurs ! ! ! Mise en production ! ! ! Vie ap lancem Cette bonne vielle cascade qui peut se transformer en torrent de montagne ! Retourner en arrière ? NOPE NOPE NOPE !

Slide 25

Slide 25 text

! ! ! Intégration > ! ! ! Design graphique ! ! ! Conception ! ! ! Architecture d’information, chemins utilisateurs ! ! ! Définition du besoin, Recherche utilisateurs ! ! ! Mise en production ! ! ! Vie après le lancement Changeons !

Slide 26

Slide 26 text

! ! ! Intégration > ! ! ! Design graphique ! ! ! Conception ! ! ! Architecture d’information, chemins utilisateurs ! ! ! Définition du besoin, Recherche utilisateurs ! ! ! Mise en production ! ! ! Vie après le lancement Changeons ! Il est possible de favoriser un processus en parallèle, pour que chaque phase puisse démarrer sans attendre qu’une autre soit terminée.

Slide 27

Slide 27 text

Par exemple, il nous arrive de commencer l’intégration en même temps que le design graphique, pour peu que l’intégrateur ait participé à la phase de prototypage !

Slide 28

Slide 28 text

Quelques conseils pour y arriver \o/

Slide 29

Slide 29 text

Remettons-nous en question 1

Slide 30

Slide 30 text

Sortons de nos intitulés de poste 1 REMETTONS-NOUS EN QUESTION Nos professions nous conditionnent souvent malgré nous. Mais qui a dit qu’un cursus scientifique interdisait de concevoir, et qu’un diplôme artistique empêchait d’apprendre à coder ?

Slide 31

Slide 31 text

Mettons-nous à jour 1 REMETTONS-NOUS EN QUESTION Depuis que nous avons terminé nos études, le Web a continué d’évoluer. Finis les sites en tableaux imbriqués ou en full-Flash : n’oubliez pas de maintenir vos connaissances en ligne avec le Web d’aujourd’hui.

Slide 32

Slide 32 text

Apprenons de nouvelles choses 1 REMETTONS-NOUS EN QUESTION Restons curieux des nouveaux outils et langages qui apparaissent. Sketch commence à faire parler de lui ? Peut-être serait-ce profitable de voir ce qu’il peut nous apporter !

Slide 33

Slide 33 text

Changeons notre attitude 1 REMETTONS-NOUS EN QUESTION Face à une ambiance tendue, retrouvons le sourire. Apprenons à formuler la critique, et surtout à la recevoir ! Au lieu de dire « non », mettons-nous à dire « Oui, et… »

Slide 34

Slide 34 text

Réchauffons nos méthodes 2

Slide 35

Slide 35 text

Étudions nos outils respectifs 2 RÉCHAUFFONS NOS MÉTHODES Penchons-nous sur le workflow de chacun pour comprendre comment les livrables sont fabriqués : peut-être avons-nous des astuces à nous donner ?

Slide 36

Slide 36 text

Intégrons l’intégrateur (LOL?) 2 RÉCHAUFFONS NOS MÉTHODES à la phase de conception pour une meilleure prise en compte des contraintes techniques, pour faire la version mobile et mieux gérer l’architecture de contenu, pour les emails/ mailings afin de bien gérer le faisable/ infaisable.

Slide 37

Slide 37 text

Travaillons ensemble 3

Slide 38

Slide 38 text

BAH OUI. Déjà parce qu’on ne livre jamais le HTML d’un côté et le design de l’autre.

Slide 39

Slide 39 text

Partageons notre veille, nos fiertés, nos astuces, nos galères 3 TRAVAILLONS ENSEMBLE Notre veille pour se donner de bonnes idées respectives, nos fiertés pour mieux savoir ce que font les autres, nos astuces et nos galères pour améliorer la collaboration et détecter les problèmes.

Slide 40

Slide 40 text

Mettons à plat nos méthodes 3 TRAVAILLONS ENSEMBLE Ajuster les détails peut améliorer beaucoup de choses. Essayons de déceler ce qui peut être amélioré dans la chaîne de production : un changement ? Git ? Sketch ? Étudions les impacts sur le travail des autres.

Slide 41

Slide 41 text

Faisons des points réguliers 3 TRAVAILLONS ENSEMBLE Chaque semaine, chaque jour, plusieurs fois par jour si le projet le demande ! Prenons goût aux « stand-up meetings » pour se tenir informés de ce qui a changé depuis le dernier point et ce qui impacte le planning.

Slide 42

Slide 42 text

Rapprochons nos bureaux 3 TRAVAILLONS ENSEMBLE Une des causes de mésentente et de rigidité réside dans le manque de communication. Rapprochez-vous, bougez votre poste de travail le temps d’un projet !

Slide 43

Slide 43 text

Plus de 9 mètres entre vos bureaux de ne jamais vous croiser. 9 10 chances sur

Slide 44

Slide 44 text

Osons travailler autrement 4

Slide 45

Slide 45 text

Montrons que c’est possible 4 OSONS TRAVAILLER AUTREMENT Si l’un de nos changements a contribué à faire réussir un projet, alors parlons-en à nos confrères et consoeurs : il deviendra plus réel et plus atteignable pour eux !

Slide 46

Slide 46 text

Dispersons le virus chez les SysAdmins,
 directeurs/trices artistiques, commerciaux… 4 OSONS TRAVAILLER AUTREMENT Eux aussi sont concernés par des phases du projet : invitez-les à se tenir informés de l’évolution du projet, prévenez les SysAdmins de vos futures mises en production…

Slide 47

Slide 47 text

Intégrons-les aux estimations 4 OSONS TRAVAILLER AUTREMENT Ces différents acteurs peuvent tous avoir un apport intéressant dans la phase d’estimation, qu’il soit technique ou pratique.

Slide 48

Slide 48 text

Convainquons notre hiérarchie ! 4 OSONS TRAVAILLER AUTREMENT Rien ne sert de se débattre si votre manager ou votre dirigeant ne comprend pas le bien-fondé de tous ces changements. Exposez-leur les bénéfices et demandez-leur de vous soutenir !

Slide 49

Slide 49 text

EUH, ça marche vraiment, vos trucs ?

Slide 50

Slide 50 text

Notre réalité

Slide 51

Slide 51 text

Dans une ambiance que nous voulons agréable et bienveillante pour chacun, nous appliquons un maximum de bon sens à nos actions et nos choix. Nous faisons confiance à chaque membre de l’équipe et valorisons son apport. ! Nous ne faisons plus de « devis », mais des « estimations » avec une fourchette tarifaire. Chaque acteur participe à l’estimation, et le plus souvent, le montant final se trouve dans la fourchette prévue !

Slide 52

Slide 52 text

Nous tentons autant que possible de paralléliser les phases de travail. Très souvent, l’intégration commence peu après le début de la phase de conception. Nos designers sont à côté 
 de nos développeurs. ! Résultat : nos clients nous font confiance. Nous nous permettons même de contacter certains pour prévoir avec eux les futurs projets !

Slide 53

Slide 53 text

OUI MAIS… Ça vaut que pour les petites boites, non ?

Slide 54

Slide 54 text

Petite ou grande entreprise, équipe de 3 personnes comme de 20, il n’y a jamais plus d’une personne devant chaque ordinateur. L’essentiel est d’assurer une excellente communication au sein de l’équipe,
 et de s’assurer que chacun adhère 
 aux mêmes valeurs. NOPE.

Slide 55

Slide 55 text

Dès la semaine prochaine, mettez en place ces trois petites choses : EN RÉSUMÉ

Slide 56

Slide 56 text

Travaillez ensemble

Slide 57

Slide 57 text

:-) Intégrez les intégrateurs

Slide 58

Slide 58 text

<3 Rapprochez- vous !

Slide 59

Slide 59 text

Merci ! @mcpaccard @goulvench Tweetez-nous vos changements ! @ThinkInnovWeb LE 29 OCTOBRE 2014