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

#SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE
PROGRAMADORES Y DISEÑADORES

#SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE
PROGRAMADORES Y DISEÑADORES FERNANDO PERALES

#SGNEXT @FerPeralesM <me>

#SGNEXT @FerPeralesM Senior Consultant MagmaLabs

#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

#SGNEXT @FerPeralesM </me>

#SGNEXT @FerPeralesM Programadores vs. Diseñadores

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

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

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

#SGNEXT @FerPeralesM El proyecto

@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

GOPRO.COM

ABOUT US

CATEGORIES

CONTACT US

@FerPeralesM #SGNEXT

#SGNEXT @FerPeralesM Los problemas

@FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO

@FerPeralesM #SGNEXT POR VISTA

@FerPeralesM #SGNEXT POR RESOLUCIÓN

@FerPeralesM #SGNEXT POR COMPONENTE

@FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR

@FerPeralesM #SGNEXT ELECCIÓN DE LAS HERRAMIENTAS

@FerPeralesM #SGNEXT ROTACIÓN DE DESARROLLADORES

@FerPeralesM #SGNEXT FACTOR AUTOBÚS

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

@FerPeralesM #SGNEXT ¿ORDEN DEL TRABAJO?

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

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

@FerPeralesM #SGNEXT PERO…

@FerPeralesM #SGNEXT PODEMOS HACER QUE PIERDAN MENOS TIEMPO

@FerPeralesM #SGNEXT GUIDELINES

@FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO?

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

@FerPeralesM #SGNEXT COMPONENTES COMUNES PARA TODOS LOS TEMAS

@FerPeralesM #SGNEXT ¡REUTILIZAR!

@FerPeralesM #SGNEXT PARCIALES + SMACSS

@FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES
EL LIBRO QUE LE DA SENTIDO A HACER CSS”

@FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES
EL LIBRO QUE LE DA SENTIDO A HACER CSS” Fer Perales

@FerPeralesM #SGNEXT ASUNCIONES

@FerPeralesM #SGNEXT SISTEMA DE GRID VS. PIXEL PERFECT

@FerPeralesM #SGNEXT DISEÑADORES HACIAN PIXEL PERFECT

@FerPeralesM #SGNEXT PROGRAMADORES USABAN SISTEMA DE GRID

@FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!

@FerPeralesM #SGNEXT ¿O NO?

@FerPeralesM #SGNEXT GUTTER

@FerPeralesM #SGNEXT ¿GUTTER?

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

@FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE

@FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER

@FerPeralesM #SGNEXT …

@FerPeralesM #SGNEXT TODOS USAMOS BEFORE

@FerPeralesM #SGNEXT ENTREGAS

@FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO

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

#SGNEXT @FerPeralesM Las lecciones aprendidas

#SGNEXT @FerPeralesM DETENERTE PARA PONER ORDEN ESTÁ BIEN

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

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

#SGNEXT @FerPeralesM REUTILIZA TODO LO QUE PUEDAS

#SGNEXT @FerPeralesM COMUNICACIÓN

#SGNEXT @FerPeralesM EMPATÍA Y RESPETO

#SGNEXT @FerPeralesM CONFIANZA

#SGNEXT @FerPeralesM PRÓXIMIDAD

#SGNEXT @FerPeralesM DESASTE DE TODO LO INNECESARIO

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

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

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

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

@FerPeralesM #SGNEXT AMBOS QUEREMOS HACER DE LA WEB UN LUGAR
MEJOR http://designmodo.com/wp-content/uploads/2013/10/designervdeveloper.jpg

@FerPeralesM #SGNEXT ¿PREGUNTAS?

#SGNEXT @FerPeralesM ¡GRACIAS! [email protected]

Cómo lograr un flujo de trabajo exitoso entre p...

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

More Decks by Fernando Perales

Other Decks in Programming

Featured

Transcript