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