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

Transcript

1. 1.

   #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE

   PROGRAMADORES Y DISEÑADORES
2. 2.

   #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE

   PROGRAMADORES Y DISEÑADORES FERNANDO PERALES
3. 3.

   #SGNEXT @FerPeralesM <me>

4. 4.

   #SGNEXT @FerPeralesM Senior Consultant MagmaLabs

5. 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. 6.

   #SGNEXT @FerPeralesM </me>

7. 7.

   #SGNEXT @FerPeralesM Programadores vs. Diseñadores

8. 8.

   @FerPeralesM #SGNEXT Programadores vs. Diseñadores http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/

9. 9.

   @FerPeralesM #SGNEXT “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”

10. 10.

    @FerPeralesM #SGNEXT Fer Perales “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”

11. 11.

    #SGNEXT @FerPeralesM El proyecto

12. 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. 13.

    GOPRO.COM

14. 14.

    ABOUT US

15. 15.

    CART

16. 16.

    CATEGORIES

17. 17.

    CONTACT US

18. 18.

    HOME

19. 19.

    PDP

20. 20.

    @FerPeralesM #SGNEXT

21. 21.

    #SGNEXT @FerPeralesM Los problemas

22. 22.

    @FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO

23. 23.

    @FerPeralesM #SGNEXT

24. 24.

    @FerPeralesM #SGNEXT POR VISTA

25. 25.

    @FerPeralesM #SGNEXT POR RESOLUCIÓN

26. 26.

    @FerPeralesM #SGNEXT POR COMPONENTE

27. 27.

    @FerPeralesM #SGNEXT

28. 28.

    @FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR

29. 29.

    @FerPeralesM #SGNEXT

30. 30.

    @FerPeralesM #SGNEXT

31. 31.

    @FerPeralesM #SGNEXT ELECCIÓN DE LAS HERRAMIENTAS

32. 32.

    @FerPeralesM #SGNEXT ROTACIÓN DE DESARROLLADORES

33. 33.

    @FerPeralesM #SGNEXT FACTOR AUTOBÚS

34. 34.

    @FerPeralesM #SGNEXT https://adamprescott.files.wordpress.com/2012/12/busfactor1.png

35. 35.

    @FerPeralesM #SGNEXT ¿ORDEN DEL TRABAJO?

36. 36.

    @FerPeralesM #SGNEXT PRIMERO ERA NECESARIO EL DISEÑO ANTES DE LA

    IMPLEMENTACIÓN
37. 37.

    @FerPeralesM #SGNEXT NO PODEMOS HACER QUE LOS DISEÑADORES TRABAJEN MÁS

    RÁPIDO
38. 38.

    @FerPeralesM #SGNEXT PERO…

39. 39.

    @FerPeralesM #SGNEXT PODEMOS HACER QUE PIERDAN MENOS TIEMPO

40. 40.

    @FerPeralesM #SGNEXT GUIDELINES

41. 41.

    @FerPeralesM #SGNEXT

42. 42.

    @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO?

43. 43.

    @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO? R: NO

44. 44.

    @FerPeralesM #SGNEXT COMPONENTES COMUNES PARA TODOS LOS TEMAS

45. 45.

    @FerPeralesM #SGNEXT ¡REUTILIZAR!

46. 46.

    @FerPeralesM #SGNEXT PARCIALES + SMACSS

47. 47.

    @FerPeralesM #SGNEXT

48. 48.

    @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES

    EL LIBRO QUE LE DA SENTIDO A HACER CSS”
49. 49.

    @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES

    EL LIBRO QUE LE DA SENTIDO A HACER CSS” Fer Perales
50. 50.

    @FerPeralesM #SGNEXT ASUNCIONES

51. 51.

    @FerPeralesM #SGNEXT SISTEMA DE GRID VS. PIXEL PERFECT

52. 52.

    @FerPeralesM #SGNEXT DISEÑADORES HACIAN PIXEL PERFECT

53. 53.

    @FerPeralesM #SGNEXT PROGRAMADORES USABAN SISTEMA DE GRID

54. 54.

    @FerPeralesM #SGNEXT

55. 55.

    @FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!

56. 56.

    @FerPeralesM #SGNEXT

57. 57.

    @FerPeralesM #SGNEXT ¿O NO?

58. 58.

    @FerPeralesM #SGNEXT GUTTER

59. 59.

    @FerPeralesM #SGNEXT ¿GUTTER?

60. 60.

    @FerPeralesM #SGNEXT

61. 61.

    @FerPeralesM #SGNEXT BEFORE, AFTER, SPLIT, INSIDE, INSIDE-STATIC

62. 62.

    @FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE

63. 63.

    @FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER

64. 64.

    @FerPeralesM #SGNEXT

65. 65.

    @FerPeralesM #SGNEXT …

66. 66.

    @FerPeralesM #SGNEXT TODOS USAMOS BEFORE

67. 67.

    @FerPeralesM #SGNEXT ENTREGAS

68. 68.

    @FerPeralesM #SGNEXT

69. 69.

    @FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO

70. 70.

    @FerPeralesM #SGNEXT http://img07.deviantart.net/15bb/i/2009/102/f/5/killer_bus_by_wendieee.jpg

71. 71.

    @FerPeralesM #SGNEXT

72. 72.

    @FerPeralesM #SGNEXT

73. 73.

    #SGNEXT @FerPeralesM Las lecciones aprendidas

74. 74.

    #SGNEXT @FerPeralesM DETENERTE PARA PONER ORDEN ESTÁ BIEN

75. 75.

    #SGNEXT @FerPeralesM TOMARTE EL TIEMPO NECESARIO PARA ELEGIR TUS HERRAMIENTAS

76. 76.

    #SGNEXT @FerPeralesM EN PROCESOS REPETITIVOS, ELABORA UNA METODOLOGÍA Y DOCUMÉNTALA

77. 77.

    #SGNEXT @FerPeralesM REUTILIZA TODO LO QUE PUEDAS

78. 78.

    #SGNEXT @FerPeralesM COMUNICACIÓN

79. 79.

    #SGNEXT @FerPeralesM EMPATÍA Y RESPETO

80. 80.

    #SGNEXT @FerPeralesM CONFIANZA

81. 81.

    #SGNEXT @FerPeralesM PRÓXIMIDAD

82. 82.

    #SGNEXT @FerPeralesM DESASTE DE TODO LO INNECESARIO

83. 83.

    #SGNEXT @FerPeralesM EDUQUEN A SUS PROGRAMADORES DISEÑADORES:

84. 84.

    #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg

85. 85.

    #SGNEXT @FerPeralesM EDUQUEN A SUS DISEÑADORES PROGRAMADORES:

86. 86.

    #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg

87. 87.

    @FerPeralesM #SGNEXT AMBOS QUEREMOS HACER DE LA WEB UN LUGAR

    MEJOR http://designmodo.com/wp-content/uploads/2013/10/designervdeveloper.jpg
88. 88.

    @FerPeralesM #SGNEXT ¿PREGUNTAS?

89. 89.

    #SGNEXT @FerPeralesM ¡GRACIAS! hola@ferperales.net