Pro Yearly is on sale from $80 to $50! »

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

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

6c137ee3013821b517c4b9beed0145df?s=128

Fernando Perales

August 16, 2016
Tweet

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