Reçue ce matin dans la newsletter de WordPress.tv, cette conférence est pour moi l’occasion de présenter la manière dont les développeurs et le designers travaillent à Lotin Corp.
Ceci est une présentation de Geoffrey Crofte & Matthieu Bousendorfer, tous deux de l’agence WP Media à l’occasion du WordCamp Paris 2016 (sur lequel je reviendrai probablement la semaine prochaine).
Réconcilier les développeurs avec les designers autour d’un thème WP
Qui ne s’est jamais retrouvé devant une maquette graphique qui proposait certains composants plutôt difficiles à réaliser avec WordPress, notamment à cause d’une « limitation technique » ? (quelle soit liée à l’outil ou aux connaissances du développeur).
Ton designer se moque
- de ton code propre et stylé
- de ton code
- de ton code…
- des trucs en rapport avec le code.
Par contre
Il fait attention
- aux couleurs
- au respect de la maquette
- au respect de la grille et des tailles typos
- aux marges
- aux 300 icônes qu’il s’est fait chier à faire
Développeurs et designers : ton développeur se moque
- des couleurs exactes de la maquette ( c’est rouge quoi…
- des tailles des fontes
- des fontes (Playfair? Boarf, ça ressemble à de la Georgia)
- des marges
- de la grille ( Bootstrap & YOLO remember ? )
Par contre
Il fait attention
- au nommage de tes *$%@ de calques
- au problème de performance lié aux fontes
- à avoir un code propre et maintenable
- à gagner du temps (pour jouer à CS / WoW…)
Développeurs et designers : l’entraide
La connaissance technique d’un outil permet au développeur comme au designer de proposer des maquettes graphiques proches du rendu final. C’est une expérience de projet qui permet d’éviter les frustrations aussi bien auprès du client qu’au sein même d’une équipe.
Ce que le designer peut faire pour le développeur
Si tu veux aider ton développeur, tu peux :
- Produire un styleguide : couleurs, typos..
- Rassembler et ordonner les éléments graphiques
- Demander l’avis du développeur sur la maquette
- Expliciter les types de contenus et leur articulation
- Lui envoyer des exemples
Développeurs et designers : ce que le développeur peut faire pour le designer
Si tu veux aider le designer, tu peux :
- Analyser la maquette ( à plusieurs étapes)
- Expliquer les (tes) limites techniques sur WordPress
- Lui expliquer comment fonctionne WordPress
- Monter en compétence dès que possible
- Fournir au designer des contenus types sur WordPress (FakerPress)
Pour optimiser ces connaissances, il est important d’utiliser les bons outils afin que designers et développeurs échangent et interagissent sans limites (ou presque) pendant la réalisation des maquettes, mais également en phase de recette interne, après le développement.