Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores
Fernando Perales
August 16, 2016
Programming
0
110
Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores
Fernando Perales
August 16, 2016
Tweet
Share
More Decks by Fernando Perales
See All by Fernando Perales
ferperales
0
64
ferperales
0
10
ferperales
0
13
ferperales
0
56
ferperales
0
16
ferperales
0
42
ferperales
0
66
ferperales
0
45
ferperales
0
29
Other Decks in Programming
See All in Programming
hyodol2513
0
560
legalforce
PRO
0
600
amaotone
15
7.8k
grapecity_dev
0
170
manfredsteyer
PRO
0
230
grapecity_dev
0
170
grapecity_dev
0
170
lovee
2
140
christianweyer
PRO
0
270
osyo
0
280
ryosukes
0
1.2k
kgmyshin
1
440
Featured
See All Featured
3n
163
22k
bkeepers
321
53k
dougneiner
55
5.4k
reverentgeek
168
7.2k
lemiorhan
627
43k
lara
172
9.6k
myddelton
109
11k
stephaniewalter
260
11k
tanoku
258
24k
erikaheidi
14
4.3k
smashingmag
230
18k
edds
56
9.4k
Transcript
#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
CART
CATEGORIES
CONTACT US
HOME
PDP
@FerPeralesM #SGNEXT
#SGNEXT @FerPeralesM Los problemas
@FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT POR VISTA
@FerPeralesM #SGNEXT POR RESOLUCIÓN
@FerPeralesM #SGNEXT POR COMPONENTE
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT
@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
@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
@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
@FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT ¿O NO?
@FerPeralesM #SGNEXT GUTTER
@FerPeralesM #SGNEXT ¿GUTTER?
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT BEFORE, AFTER, SPLIT, INSIDE, INSIDE-STATIC
@FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE
@FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT …
@FerPeralesM #SGNEXT TODOS USAMOS BEFORE
@FerPeralesM #SGNEXT ENTREGAS
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO
@FerPeralesM #SGNEXT http://img07.deviantart.net/15bb/i/2009/102/f/5/killer_bus_by_wendieee.jpg
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT
#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! hola@ferperales.net