Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

6c137ee3013821b517c4b9beed0145df?s=47 Fernando Perales
August 16, 2016
Programming
0
120

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

6c137ee3013821b517c4b9beed0145df?s=128

Fernando Perales

August 16, 2016
Tweet

More Decks by Fernando Perales

See All by Fernando Perales
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
1
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
69
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
12
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
14
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
59
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
20
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
44
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
66
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
46

Other Decks in Programming

See All in Programming
E3c2bac7a4a04823dda122cf243edd01?s=48 claudioed
1
270
9e02ce6ac863b8f44437f7f87e914efb?s=48 zumin
0
1.2k
069a861584701a8b5f72a838bd7e0f2e?s=48 jschaedl
2
140
4a290dbd4f1c19bf2f25c2a230faf1bf?s=48 shirotamaki
0
230
28410ec97da16f250a154d9b335c8a32?s=48 quannt
1
130
Fd223ed912b754bc4c4338d148a69c78?s=48 kotaroooo0
13
4.3k
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
40
30k
Bf3b070c18a5c2d86d5be65d31241e5c?s=48 kota_yata
8
4.2k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
1
650
C655ad8165b97ea420bd8a33c62e7895?s=48 pco2699
0
120
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
150
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110

Featured

See All Featured
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
340
16k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8.2k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
257
20k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
402
20k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.9k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
108
14k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
178
14k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
390k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
25
3.2k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k

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