El documento describe las tensiones entre diseñadores y programadores sobre cómo crear sitios web. Ofrece 5 consejos para cada rol: 1) para diseñadores, probar nuevas cosas y pensar en la funcionalidad antes del diseño; 2) para programadores, enfocarse en la interfaz y experiencia del usuario más que en detalles técnicos; 3) para ambos roles, recordar que los detalles importan y favorecer una buena experiencia de usuario.
5. LOS PROGRAMADORES
DICEN...
“No piensa en como se verá el sitio mas
allá de las dimensiones de su PSD”
“Diseñan como si fuesen la web
fuese una imprenta”
“Exportan todo el texto en otras
fuentes como JPG”
“Utilizan el HTML que exporta
Photoshop”
“Piensan que pueden usar Overlay
en CSS”
6. LOS DISEÑADORES DICEN...
“Necesitan un diseño hasta el diálogo de
Olvido su password?”
“Asignan valores al azar a los
margins y paddings”
“Piensan que 11px es genial para
el texto del sitio (14px para
títulos)” “Te piden que exportes la imagen
de fondo así sea una línea negra
de 1px”
“No entienden el concepto de
alinear las cosas”
20. 1
Maquetador > Diseñador | tip 1
Peso
“Es una aplicación, no una
revista”
Son Píxeles, no cm
El DPI no existe
21.
22. 2
Maquetador > Diseñador | tip 2
“CRAP
es vital”
Contraste
Alineación
Repetición
Posicionamiento
23.
24. 3
Maquetador > Diseñador | tip 3
“del caos emerge un
orden mayor”
“No temas a la
complejidad, pero no te
quedes en ella”
http://design.activeside.net/why-designers-should-seek-complexity
25.
26. 4
Maquetador > Diseñador | tip 4
Accesibilidad
Diseña API
“Se flexible, piensa lo
impensable”
Pantallas IE6
27.
28. 5
Maquetador > Diseñador | tip 5
Organiza
Piensa en los estados
“Diseña, no dibujes”
Strip it down
Estandariza Explica