Esta mañana he leído un artículo muy interesante sobre diferentes formas de  presentar un diseño web a los clientes. En él se muestran los pros y contras de cada opción, que varían entre realizar el diseño enteramente en XHTML/CSS, diseñarlo en Photoshop o ayudarte de una aplicación web. Aquí dejo un resumen del artículo original.

XHTML/CSS (Implementado en el navegador)

• El diseño en Photoshop puede variar a la hora de implementarlo con hojas de estilo (CSS), por lo que se ajusta más al diseño final.
• Permite ver el resultado en diferentes navegadores basados en diferentes motores de renderizado:  Firefox (Gecko), Safari/Konkeror/Chrome (Webkit), Opera (Presto) e IExplore (Trident), entre otros.
• El tiempo invertido es mayor, a veces es mejor diseñar dos o tres páginas sencillas del sitio y mostrar las más complicadas como una imagen estática, de manera que no eches a perder horas de trabajo si al cliente no le gusta el diseño.

Diseños en soporte rígido (Visual)

Este método no es muy usado en el diseño web, es más propio del diseño de impresión. Hojas A3 en soporte rígido para explicar el diseño y otras más pequeñas, en A4 por ejemplo, que entregar al cliente con casos concretos y anotaciones.

Una imagen estática en el navegador

• Es una de las maneras más sencillas de presentar un diseño web en el navegador, añadiendo una imagen estática mediante CSS como fondo.
• Al cliente se le envía un link al que podrá acceder para ver nuestro diseño.
• Se puede hacer una comprobación de la resolución que está usando el cliente para adaptar la escala de la imagen a la resolución concreta y conseguir un aspecto visual más adecuado.
• No permite al cliente navegar por los diferentes enlaces, con lo cual dificulta el análisis dela  experiencia del usuario en nuestro diseño.

Enviar una imagen estática por email

• Ésta es la manera más simple de enviar tu diseño web, mediante una imagen plana en JPEG (u otro formato) por correo electrónico.
• El problema que se deriva de esta técnica es que el cliente posiblemente vea la imagen ‘ajustada’ al tamaño de su visor de imágenes o quiera imprimirla en un A4 (con lo cual se reducirá el tamaño de tu diseño y no se verá al 100%). De esta manera es posible que varíe considerablemente la idea que se haya hecho el cliente con el diseño final que vea en el navegador.

Usar una aplicación web

Mediante una aplicación web como Notable App puedes presentar, compartir y añadir anotaciones de tus diseños online. Te permite añadir explicaciones del diseño a tus clientes y que ellos hagan feedback de partes concretas de éste. De esta manera puedes tener a varias personas accediendo a la vez y dejando múltiples notas en el mismo diseño.

Fuente: How to present your designs to the client (inglés)