9 De Las Mejores Formas De Presentar Un Sitio Web A Un Cliente
La fase de diseño de la creación de un sitio web es bastante estándar para la mayoría de los diseñadores web, sin embargo, cuando se trata de presentar la maqueta a un cliente antes de cortar / codificar el diseño, surgen algunos problemas, así que salí y pregunté a la comunidad cómo presentan el diseño de un sitio web a un cliente.
Después de filtrar todas las respuestas y resumirlas, ahora estoy listo para presentarles, 9 de las mejores formas de presentar un diseño de sitio web a un cliente, junto con las ventajas y desventajas de cada método.
Los problemas
Como personas conocedoras de la web, es bastante fácil comprender y comprender el concepto de que las maquetas son simplemente imágenes estáticas que representan cómo se vería un sitio. Sin embargo, lo que muchos diseñadores web han encontrado es que este concepto es increíblemente difícil de entender para los clientes.
Nosotros, como diseñadores y comunicadores, tratamos de dejar claro a los clientes que lo que están viendo es una imagen estática y plana de su diseño de sitio potencial. Aún así, muchas preguntas y comentarios provienen de los clientes después de presentar el diseño, como los que Verne Ho de Creating Briefing y muchos otros han experimentado a continuación:
- ¿Por qué ninguno de los enlaces funciona?
- ¿Cómo edito el texto de esto?
- ¿Por qué no puedo resaltar el texto?
- El sitio web es demasiado pequeño (se produce porque el navegador ha reducido la imagen de forma predeterminada)!
- No me gusta el espacio en blanco que rodea el sitio.
- ¿Podemos centrar el sitio?
Hasta cierto punto, puedo entender la confusión they están mirando algo que se parece a un sitio web que está dentro de un navegador o visor de imágenes, sin embargo, curiosamente, no actúa como un sitio web obviously obviamente, este hecho plantearía preguntas.
Para averiguar qué hacen varios diseñadores web para solucionar estos problemas, fui y pregunté a mis amigos en Twitter (Sígueme) y Facebook (Agrégueme) para ver qué hacen al presentar una maqueta de diseño web a un cliente.
Métodos de Presentación de Maquetas de Diseño Web
mensaje patrocinado
Después de recibir respuestas de mis amigos de Twitter / Facebook (muchas gracias), llegué a estos 9 métodos de cómo presentar una maqueta de diseño web a un cliente. Sin ningún orden en particular:
Coloque la imagen en una página web y envíeles un enlace.
Es probable que las personas puedan identificar mejor una imagen cuando aparece como la ven normalmente, como en un navegador web, sin embargo, crea muchas más preguntas como mencioné anteriormente.
Si elige este método, intente personalizarlo subiéndolo a su propio servidor use use el directorio / clients/clientname / index.htm. Otro consejo aquí fue usar el proveedor de dominio .tk gratuito para que pueda enviarles un enlace como http://clientsdomain.tk que también se ve bastante profesional. Gracias por el consejo de Tk Herbert.
Enviar un JPEG o PNG por correo electrónico
Enviar una maqueta por correo electrónico es probablemente la forma más sencilla, sin embargo, no siempre es la mejor Some Algunos usuarios tienen resoluciones de pantalla pequeñas, lo que significa que la imagen puede reducirse, lo que significa más preguntas junto con las otras que describí anteriormente.
Use algún tipo de aplicación basada en la web
mensaje patrocinado
El uso de una aplicación basada en la web para mostrar maquetas refuerza la idea de que es algo en «pantalla» y no es un ejemplo en vivo que puede llevar a menos preguntas.
Use el sitio web CodedPreview
CodedPreview le permite crear páginas de vista previa HTML simples, que muestran cómo debe ser una plantilla cuando está codificada. (Gracias liamuk7 por este.) De nuevo, trata de personalizarlo todo lo que puedas, a la medida de tu cliente.
Crear un ‘Estudio de cliente’
En lugar de usar una aplicación basada en línea, puede configurar su propio ‘estudio’ en su propio servidor donde el cliente puede iniciar sesión y ver maquetas (jpg en una página html) que aprueben You Puede poner revisiones en la misma página (nuevos jpg) y una vez aprobadas, puede agregar un enlace para ver el sitio funcional en progreso.
Este es un ejemplo de IDesignStudios. «Envío un correo electrónico a los clientes con la URL del estudio del cliente, así como su ID de cliente, Nombre de usuario y Contraseña. Debe tener un nombre de usuario / contraseña para entrar en la primera pantalla (con descargo de responsabilidad y lista desplegable de ID de cliente). Un cliente solo puede continuar a su propia área de cliente (como en, todos los clientes pueden ver la primera página con menú desplegable, pero solo puede iniciar sesión en 1 área de cliente después de eso).»Puede ver una captura de pantalla de la pantalla de inicio de sesión y dentro del estudio del cliente.
Exportar maquetas en PDF
En lugar de guardarlas en formato jpeg o png, que es solo una imagen que se puede abrir en el software de visualización de imágenes predeterminado del cliente, tenerla en formato PDF significa, en la mayoría de los casos, que deben abrir el sitio web en Adobe Reader. La ventaja de esto es que hay menos expectativas para que funcione como un sitio web. El uso de composiciones de capas también es útil en archivos PDF para mostrar variaciones de un diseño.
Omita photoshop y diseño en HTML
Hay algunos debates sobre este y generalmente se reduce a cualquier proceso que mejor permita su creatividad, sin embargo, este es para que usted decida.
Haga que el Cliente Entre En Su Oficina
Aunque esto no siempre es posible, generalmente es la mejor manera de presentar una maqueta web a un cliente, ya que le permite hablar sobre todo el proyecto junto con el cliente. Si tienes esta oportunidad, tómala siempre.
Envíales un JPEG o PNG & Pídeles que lo impriman
Esto fue solo una idea que se me ocurrió This si les envías una maqueta JPEG a escala completa del diseño y les pides que lo impriman, entonces no pensarán que el sitio web funcionará como lo hace normalmente, lo que a su vez significará menos preguntas. Una desventaja de esto, sin embargo, es que el sitio no será a escala.
Respuestas Originales
mensaje patrocinado
a Continuación están algunas de las respuestas originales de mis amigos en Twitter y Facebook… una vez más, gracias. Facebook Sígueme En Twitter y Agrégame en Facebook y, mientras lo haces, Únete al Grupo de Facebook Just Creative Design.
marioOlckers @justcreative Stealth instalación en vivo en el servidor para ilustrar la prueba de concepto y luego volver a la mesa de dibujo después de la entrada y la consulta.
netbramha @ justcreative PNG, ¿Qué hay de ti?
brianyerkes @justcreative Guárdelo como jpeg, cárguelo a un directorio en su servidor llamado / clients / clientname. Haz un índice.página html. Añadir imagen jpg.
brownaddesign @justcreative Acabo de publicar el diseño en mi servidor web, en un directorio que creo para el cliente, y enviarles por correo electrónico un enlace para que lo vean.
marnieb @justcreative En formato JPG. 🙂
metalgod @justcreative armé un PDF con anotaciones y enviarla al cliente. Luego hago un seguimiento con una llamada para guiarlos a través de ella.
trisnadi @justcreative ¿El cliente ha visto el borrador antes? Normalmente hago un recorrido completo antes de dejar que lo toquen o hagan preguntas.
Correo electrónico ClarkleSparkle @ justcreative.
mensaje patrocinado
bradsherrill @justcreative Tiene el cliente que venga a su oficina y dejar su opinión en la escala 1:1, preferiblemente en formato jpeg. Si no puedes hacer eso, envíales un correo electrónico.
jessjoyce @justcreative-Enviamos / cargamos .pngs de los documentos de Photoshop/Illustrator
spinfly321 @justcreative – Diseñe en photoshop y presente como jpg
biwerw @justcreative – Cree una página web con el .jpg de los conceptos en él y enviarles el enlace. Espero que esto ayude.
liamuk7 @justcreative – Simplemente como una imagen o usando http://www.codedpreview.com
idesignstudios @justcreative-Doy a los clientes acceso a su propio «estudio de cliente» – pueden iniciar sesión y ver maquetas (jpg en un pg html) a medida que aprueban put Pongo revisiones en la misma página (nuevos jpg). Una vez aprobado, agrego un enlace para ver el sitio funcional en progreso.
marcoslhc @justcreative – Generalmente entrego algunos bocetos físicos (papel y lápices de colores) a la segunda reunión, y digitales a la tercera
stevemoseley @justcreative-Depende de 2 cosas: el tamaño del proyecto y la selectividad del cliente. Si es así, maqueta de photoshop. Si no hay ninguna, primer corte de html.
adellecharles @justcreative Normalmente guardo para web e inserto en un documento html / subo al servidor solo para que el cliente pueda ver
craftisan @justcreative Lo que hago depende del cliente sometimes a veces vistas previas web en vivo o maquetas pdf/jpg mostly principalmente jpg.
archivo JPG randaclay @justcreative, o a veces PDF
EliteByDesign @justcreative Generalmente solo un JPG por correo electrónico o subido a mi sitio. Nada elegante, después de todo, ¡es sólo un primer borrador!
pointlessramble @justcreative Pégalo en un archivo HTML con cualquier fondo necesario / etc.
RyanDownie @justcreative Para presentar maquetas, pongo la imagen en un directorio en el servidor / nombre y luego agrego una imagen de fondo al navegador completo de mosaicos
Herbert a través de FaceBook: Normalmente subo el sitio web con un dominio gratuito www.yourdomain.tk, es fácil redirigir la ruta de su alojamiento al dominio gratuito.
Steve vía Facebook: Tenemos un web.yourcompany.com configurar y dar al cliente la URL web.yourcompany.com/client.
Patrick McColley a través de Facebook: Normalmente lo publico en mi servidor o, si me lo permiten, en el suyo.
Más discusiones
A continuación hay algunos artículos más sobre este tema de maquetas y presentación.
- Maquetas de Photoshop vs Expectativas del Cliente
- Mejore Su Proceso Creativo, Mejor Diseño, Aprobaciones Más Rápidas
- ¿Por Qué Ofrecer A Los Clientes Más De Una Maqueta?
- Vive Por La Maqueta, Muere Por La Maqueta
- Maquetas Del Sitio Web Del Cliente & Comps: ¿Te Molestas?
- Las maquetas de diseño no funcionan
Las que ya están vinculadas en este artículo:
- Administrar Maquetas
- El diseño No Se trata de Herramientas
- Por qué no omitimos Photoshop
- Diseño, Maquetas & Herramientas
Así que te pregunto, ¿cómo presentas tus maquetas de diseño web y después de ver los métodos sugeridos, cuál crees que es la mejor manera?
Y si se merece, un digg sería apreciado. Agradecer.