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
360
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
70
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
13
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
15
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
63
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
23
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
46
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
66
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
47

Other Decks in Programming

See All in Programming
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
0
190
Db5e4eb410acdc06c5cee181bbd07d8a?s=48 askul
0
420
7252086bae9203045dd7f5664fd96a07?s=48 manuelmeyer
0
130
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
2.5k
347b7e6efc62b633d37a5d0a8d62ae86?s=48 junghyeonjae
0
180
378406b82e2c225bdc1a76c9a886f955?s=48 haru01
4
920
82aa6e293e94bf37796f4ae50f583f6c?s=48 veronikapj
2
130
271fad8d53cd1f12f2b4b6d38e3d7bd3?s=48 uzulla
24
8k
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
160
8e844e43f029ec38e206a464cf4587b3?s=48 ttskch
0
130
B9012970f22b84c5b344ffa6f8a884d5?s=48 camaelon
0
150
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
160

Featured

See All Featured
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
349
20k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
119
7.3k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
8.8k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.1k
Ba530e786553390f3fb271848485681c?s=48 3n
167
22k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
260
20k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
15
770

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