Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores

Transcript

1. #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE PROGRAMADORES Y DISEÑADORES
2. #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE PROGRAMADORES Y DISEÑADORES FERNANDO PERALES
3. #SGNEXT @FerPeralesM <me>
4. #SGNEXT @FerPeralesM Senior Consultant MagmaLabs
5. #SGNEXT @FerPeralesM Promotor del FLOSS Apasionado del desarrollo web Conferencista en formación Estudiante de Bajo Eléctrico Fan: Heavy metal, cerveza, Twitter, Gregory Sallust, Ruby
6. #SGNEXT @FerPeralesM </me>
7. #SGNEXT @FerPeralesM Programadores vs. Diseñadores
8. @FerPeralesM #SGNEXT Programadores vs. Diseñadores http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/
9. @FerPeralesM #SGNEXT “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”
10. @FerPeralesM #SGNEXT Fer Perales “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”
11. #SGNEXT @FerPeralesM El proyecto
12. @FerPeralesM #SGNEXT EL PROYECTO ▸ 6 temas para una plataforma de e-commerce ▸ Cada tema con 6 páginas: About Us, Cart, Categories, Contact Us, Home y PDP ▸ Sólo proporcionar el HTML y CSS necesario: un sitio estático ▸ Un mes ▸ 4 programadores y 4 diseñadores
13. GOPRO.COM
14. ABOUT US
15. CART
16. CATEGORIES
17. CONTACT US
18. HOME
19. PDP
20. @FerPeralesM #SGNEXT
21. #SGNEXT @FerPeralesM Los problemas
22. @FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO
23. @FerPeralesM #SGNEXT
24. @FerPeralesM #SGNEXT POR VISTA
25. @FerPeralesM #SGNEXT POR RESOLUCIÓN
26. @FerPeralesM #SGNEXT POR COMPONENTE
27. @FerPeralesM #SGNEXT
28. @FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR
29. @FerPeralesM #SGNEXT
30. @FerPeralesM #SGNEXT
31. @FerPeralesM #SGNEXT ELECCIÓN DE LAS HERRAMIENTAS
32. @FerPeralesM #SGNEXT ROTACIÓN DE DESARROLLADORES
33. @FerPeralesM #SGNEXT FACTOR AUTOBÚS
34. @FerPeralesM #SGNEXT https://adamprescott.files.wordpress.com/2012/12/busfactor1.png
35. @FerPeralesM #SGNEXT ¿ORDEN DEL TRABAJO?
36. @FerPeralesM #SGNEXT PRIMERO ERA NECESARIO EL DISEÑO ANTES DE LA IMPLEMENTACIÓN
37. @FerPeralesM #SGNEXT NO PODEMOS HACER QUE LOS DISEÑADORES TRABAJEN MÁS RÁPIDO
38. @FerPeralesM #SGNEXT PERO…
39. @FerPeralesM #SGNEXT PODEMOS HACER QUE PIERDAN MENOS TIEMPO
40. @FerPeralesM #SGNEXT GUIDELINES
41. @FerPeralesM #SGNEXT
42. @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO?
43. @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO? R: NO
44. @FerPeralesM #SGNEXT COMPONENTES COMUNES PARA TODOS LOS TEMAS
45. @FerPeralesM #SGNEXT ¡REUTILIZAR!
46. @FerPeralesM #SGNEXT PARCIALES + SMACSS
47. @FerPeralesM #SGNEXT
48. @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES EL LIBRO QUE LE DA SENTIDO A HACER CSS”
49. @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES EL LIBRO QUE LE DA SENTIDO A HACER CSS” Fer Perales
50. @FerPeralesM #SGNEXT ASUNCIONES
51. @FerPeralesM #SGNEXT SISTEMA DE GRID VS. PIXEL PERFECT
52. @FerPeralesM #SGNEXT DISEÑADORES HACIAN PIXEL PERFECT
53. @FerPeralesM #SGNEXT PROGRAMADORES USABAN SISTEMA DE GRID
54. @FerPeralesM #SGNEXT
55. @FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!
56. @FerPeralesM #SGNEXT
57. @FerPeralesM #SGNEXT ¿O NO?
58. @FerPeralesM #SGNEXT GUTTER
59. @FerPeralesM #SGNEXT ¿GUTTER?
60. @FerPeralesM #SGNEXT
61. @FerPeralesM #SGNEXT BEFORE, AFTER, SPLIT, INSIDE, INSIDE-STATIC
62. @FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE
63. @FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER
64. @FerPeralesM #SGNEXT
65. @FerPeralesM #SGNEXT …
66. @FerPeralesM #SGNEXT TODOS USAMOS BEFORE
67. @FerPeralesM #SGNEXT ENTREGAS
68. @FerPeralesM #SGNEXT
69. @FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO
70. @FerPeralesM #SGNEXT http://img07.deviantart.net/15bb/i/2009/102/f/5/killer_bus_by_wendieee.jpg
71. @FerPeralesM #SGNEXT
72. @FerPeralesM #SGNEXT
73. #SGNEXT @FerPeralesM Las lecciones aprendidas
74. #SGNEXT @FerPeralesM DETENERTE PARA PONER ORDEN ESTÁ BIEN
75. #SGNEXT @FerPeralesM TOMARTE EL TIEMPO NECESARIO PARA ELEGIR TUS HERRAMIENTAS
76. #SGNEXT @FerPeralesM EN PROCESOS REPETITIVOS, ELABORA UNA METODOLOGÍA Y DOCUMÉNTALA
77. #SGNEXT @FerPeralesM REUTILIZA TODO LO QUE PUEDAS
78. #SGNEXT @FerPeralesM COMUNICACIÓN
79. #SGNEXT @FerPeralesM EMPATÍA Y RESPETO
80. #SGNEXT @FerPeralesM CONFIANZA
81. #SGNEXT @FerPeralesM PRÓXIMIDAD
82. #SGNEXT @FerPeralesM DESASTE DE TODO LO INNECESARIO
83. #SGNEXT @FerPeralesM EDUQUEN A SUS PROGRAMADORES DISEÑADORES:
84. #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg
85. #SGNEXT @FerPeralesM EDUQUEN A SUS DISEÑADORES PROGRAMADORES:
86. #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg
87. @FerPeralesM #SGNEXT AMBOS QUEREMOS HACER DE LA WEB UN LUGAR MEJOR http://designmodo.com/wp-content/uploads/2013/10/designervdeveloper.jpg
88. @FerPeralesM #SGNEXT ¿PREGUNTAS?
89. #SGNEXT @FerPeralesM ¡GRACIAS! hola@ferperales.net