2. Prioridades compartidas

El diseño no es totalmente una preocupación estética, ni es el
desarrollo de totalmente técnico, los diseñadores deben tener en
cuenta cómo afecta a la funcionalidad de la forma, y los
desarrolladores deben ser creativos en la construcción de la
funcionalidad.

3. Armonía en ambas partes

 Copia, arte, tipografía
y la tecnología son los
huesos de un
proyecto, donde el
diseño y el desarrollo
son las articulaciones y
la piel que se conectan
y mantienen unidas a
las partes.

4. Enseñabilidad

 La democratización de los recursos en esta era de la
información (que se podría argumentar que ya
hemos pasado) significa que tenemos pocas excusas
para no obtener, o enseñar, por lo menos una
comprensión básica de los demás oficios.

5. Elegancia y Eficiencia

 El diseñador puede basarse en la estética de su
entorno y el desarrollador puede confiar en el
código, pero ambos se basan en teorías de la
eficiencia (tal vez un sinónimo de elegancia), para
obtener resultados eficaces: el código elegante es un
código eficiente, y un elegante diseño es un diseño
eficiente.

6. Envío

El producto final (página web o
aplicación) debe ser siempre el foco.

7. Corrigiendo el flujo de
trabajo

Puede ser que los diseñadores y desarrolladores son perfectamente
capaces de colaborar con eficacia, y que la gestión y el proceso son
los mayores obstáculos o frustraciones dentro de un equipo.

8. Intersección de buenas
ideas

Permitir que sus compañeros de
equipo del lugar de trabajo se
crucen en forma inesperada
permitirá que surjan
grandes ideas

9. Dar crédito

«Saepe alter alterius fruitur labribus»
El esfuerzo de algunos, a menudo es el
beneficio de otros

10. Hábitos del trabajo:
Juega Bonito


11. Tanto diseñadores como
desarrolladores


12.  Mantenga un ojo en el panorama general.
 Metas preestablecidas que se desarrollan por todo el
equipo debe informar las decisiones (y compromisos) en
todo el proceso.
 Una amplia red en busca de inspiración.
 Mira a una variedad de fuentes para una buena
comprensión del tema. Discriminar el material de
calidad, no la materia.

13.  Registrar temprano ya menudo.
 Evite hacer demasiadas decisiones de manera aislada.
 Hay que ser agradable.
 Si tiene que criticar, que sea constructiva. Ser amable con
frecuencia va más allá de las paredes de la oficina.
 Enseñar a los demás.

14. Diseñadores

 Explique las razones de diseño.
 Etiqueta PSD práctica.
 Adoptar el Manifiesto Etiqueta Photoshop para diseñadores
web.
 • Diseño de fondo.
 Piense a través de la interactividad del producto, que incluye
el diseño de los estados de encendido, apagado y actual, el
diseño de mensajes de error de formas, el diseño de las
páginas 404, etc Esto le ahorrará un tiempo valioso a tus
compañeros.

15.  Sea considerado.
 Evite hacer que los demás esperan de ti. Sea proactivo y
organizado, y pedirle su opinión a menudo.
 Solicite un desarrollador.
 Si las implicaciones técnicas del proyecto no están
claros, consulte con un desarrollador que lo analice con
usted. Lo más probable es que se podrá comprenderlo
mejor.
 Aprenda sobre el desarrollo.
 Conociendo un poco sobre el código le ayudará a ser un
mejor diseñador.

16. Desarrolladores

 Esté disponible.
 Ser parte desde el proceso del concepto hasta la realización, se
traducirá en un sentido de propiedad del proyecto. Pregunte a
sus colegas en lo que están trabajando. Poner su experiencia a
disposición como un recurso.
 Simplificar la explicación.
 Si usted puede ayudar a los miembros del equipo de todos los
niveles y orígenes entender conceptos de alto nivel y cómo
afectan a un proyecto, que se convertirá en más valioso.

17.  Desarrollar los detalles de diseño.
 Gran parte del arte de un diseñador está en los
detalles, si se olvidan o se cambian, el tiempo de
diseño y el esfuerzo será en vano.
 Sea honesto acerca de lo que no se puede hacer y
por qué.
 Conocer los problemas de desarrollo antes de tiempo
le permite al equipo para crear soluciones más
adecuadas.
 Aprenda sobre el diseño.
 Las teorías, normas y estándares juegan un papel
importante en la estética y las decisiones de la
facilidad de uso. Un poco de conocimiento de estos
conceptos le ayudará a navegar por los diseños.

18. El Rol Híbrido

Híbridos, que tienen un pie en cada
disciplina, parecen ser cada vez más
buscados por los clientes y empleadores. Esto
plantea la pregunta de si hay que llevarse
mejor o, simplemente, ser más como ellos.

19. Posterior a la colaboración
interdisciplinaria


20. Ejemplos

 Buen diseño y validación (aunque con advertencias)
 http://www.ilovecolors.com.ar/
 http://www.weberica.net/download.html
 http://www.dinis91.com/
 Buen diseño con mal desarrollo
 http://isic.edu.mx/
 Buen desarrollo con mal diseño
 http://siga.dreamsbuilding.net/

21. Otras páginas de interés

 Listas con las mejores páginas web
 http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web-
designs-in-2006/
 http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2008/
 http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2009/
 http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2010/
 El manifiesto de etiqueta photoshop para diseñadores web
 http://photoshopetiquette.com/
 Consejos
 http://www.sebastianbarria.com/web/pauta-para-disenos-web-en-
photoshop/
 http://www.sebastianbarria.com/web/checklist-para-un-buen-desarrollo-
web/
 http://www.puntogeek.com/2006/12/31/los-10-mandamientos-del-
webmaster/