La relation designer - intégrateur, pour un design pas terne

Présentation donnée à Blend Conférence 2013 sur les bonnes pratiques pour une bonne relation entre designer et intégrateur

Transcript

1. La relation intégrateur - designer, pour un design pas terne. 01 53 Blend conférence 2013
2. Erick Gardin Intégrateur @newick Aymeric Faivre Designer @miho_fr 02 53 Blend conférence 2013
3. Pourquoi ? Tweetclash Billets de blogs ‘‘On dit’’ Ateliers ? 03 53 Blend conférence 2013
4. Un plan sans accroc 01. Sondage 02. Nous 03. Brief & Conception 04. Style guide 05. Livrables 06. Pair integrating ? Conclusion 04 53 Blend conférence 2013
5. 01. Sondage D’après un panel utilisateurs (très) varié 05 53 Blend conférence 2013
6. Round 01 Anti-intégrateurs. aka Graphistes 06 53 Blend conférence 2013
7. Les intégrateurs : ‘‘ sont de faux développeurs ’’ 07 53 Blend conférence 2013
8. Les intégrateurs n’ont : ‘‘ aucun sens de l’esthétisme ’’ 08 53 Blend conférence 2013
9. Les intégrateurs sont : ‘‘ socialement inapte à travailler en groupe ’’ 09 53 Blend conférence 2013
10. Les intégrateurs sont : ‘‘ gros ’’ 10 53 Blend conférence 2013
11. Round 02 Anti-graphistes. aka Intégrateurs 11 53 Blend conférence 2013
12. Les graphistes sont : ‘‘ Toujours à l’arrache ’’ 12 53 Blend conférence 2013
13. Les graphistes sont : ‘‘ voués à disparaître ’’ (car déjà y’a le flat design) 13 53 Blend conférence 2013
14. Les graphistes : ‘‘ ne connaissent pas le web ’’ 14 53 Blend conférence 2013
15. Les graphistes sont : ‘‘ Incapables ’’ 15 53 Blend conférence 2013
16. 02. Pourtant nous... Moment story telling 16 53 Blend conférence 2013
17. On s’aime 17 53 Blend conférence 2013
18. On se parle 18 53 Blend conférence 2013
19. On partage nos veilles 19 53 Blend conférence 2013
20. On se voit hors travail 20 53 Blend conférence 2013
21. On se voit au travail 21 53 Blend conférence 2013
22. On monte des ‘‘side projects’’ 22 53 Blend conférence 2013
23. 03. Du brief à la conception Il était une fois... 23 53 Blend conférence 2013
24. Les graphistes : ‘‘ Font croire aux clients qu’ils décident de tout ’’ 24 53 Blend conférence 2013
25. Avantages Implication Informations communes Faisabilité technique 25 53 Blend conférence 2013
26. 04. LA Une de nos solutions : Un style guide Style like an artist 26 53 Blend conférence 2013
27. Les graphistes font : ‘‘ des maquettes incohérentes ’’ 27 53 Blend conférence 2013
28. Avantages Constance Organisation Base de travail Evolutif 28 53 Blend conférence 2013
29. Couleurs Hexadecimal rgba hsl(a) Valeurs des dégradés 29 53 Blend conférence 2013
30. Typographie Types de textes (h1, h2, p...) Taille Interlignage 30 53 Blend conférence 2013
31. Interactions Couleurs et états des liens Active, hover, ... Etats des boutons Transitions 31 53 Blend conférence 2013
32. Apparence générale Formulaires Listes Pop-in 32 53 Blend conférence 2013
33. 05. Les livrables Express delivery 33 53 Blend conférence 2013
34. Les graphistes n’ont : ‘‘ Aucun sens de l’organisation ’’ 34 53 Blend conférence 2013
35. Le styleguide PDF / HTML bjankord.github.io/Style-Guide-Boilerplate 35 53 Blend conférence 2013
36. PSD Rangé, optimisé, clair Grille intégrée Calques non fusionnés Nouveau_calque_42 photoshopetiquette.com 36 53 Blend conférence 2013
37. Images Optimisées De grande qualité (background) SVG Patterns de répétition 37 53 Blend conférence 2013
38. Responsive Wireframe + annotations 38 53 Blend conférence 2013
39. 06. Pair integrating ? Je suis ton pair ! 39 53 Blend conférence 2013
40. Les intégrateurs : ‘‘ Ne suivent pas les créas au mm près ’’ (un graphiste print. Sûrement) 40 53 Blend conférence 2013
41. Pair integrating Intégrateur + Designer Quote à Quote 41 53 Blend conférence 2013
42. Avantages Finalisation du projet Convivial / Partage Happy end 42 53 Blend conférence 2013
43. Conclusion Le buffet n’attend pas 43 53 Blend conférence 2013
44. Dans un monde merveilleux Ecoute Entraide Partage Ouverture Evolution Test Plaisir Humilité 44 53 Blend conférence 2013
45. Han Solo + Chewbaca 45 53 Blend conférence 2013
46. Laurel + Hardy 46 53 Blend conférence 2013
47. Marty + Doc 47 53 Blend conférence 2013
48. Starsky + Hutch 48 53 Blend conférence 2013
49. Veronique + Davina 49 53 Blend conférence 2013
50. Arnold + Willy 50 53 Blend conférence 2013
51. Points communs Ils se haissent, s’aiment, sont complémentaires, ont des ennemis communs. 51 53 Blend conférence 2013
52. Mais doivent surtout apprendre à communiquer. 52 53 Blend conférence 2013
53. Merci ! Bisous layer-to-layout.com 53 53 Blend conférence 2013