Como introducirse al diseño web – Parte III

Como empieza una pagina web

Pues desde la idea ya sea del diseñador o del cliente. Sin embargo la pagina web debe de pasar por pasos basicos de estructuracion y aprobacion para que pueda terminarse como lo acordado entre el cliente y el diseñador.
Ciertamente algunos clientes abusan y creen que se pueden hacer cambios en cualquiern etapa del diseño y aun mejor para ellos: que esto no suba ni el costo de produccion ni los tiempos de entrega.

Hay que establecer pues unas etapas basicas que ayudaran a evitar esto y a llevar el negocio a mejores practicas.

1.- El sketch

El sketch es el que se hace cuando el cliente te esta platicando su idea de como debe ser o como cree el que debe ser. Es donde se anotan las caracteristicas deseadas de la paginas web. Donde se nota si el menu debe ir arriba o a la izquierda, si el logo aparece y en que parte, donde aparecen links o tros contenidos.

El sketch se hace varias veces, se hace uno con el cliente de manera rapida pero tambien al llegar a tu estudio y sentarte a pensar como resolver esa pagina web. Se hacen varios sketches ya que son rapidos y ayudan a visualizar no solo los acomodos sino tambien ayudan a preveer pasos tecnicos para la hora de programar el armado de la pagina web. Un diseñador web con experiencia ya puede visualizar como hara su codigo CSS y su estructura de DIVs con solo crear y ver como va el sketch.

Un paso muy importante seria refinarlo y mostrarselo al cliente. Pedirle su firma y autorizacion para ir al siguiente paso: El wireframe. (dejar en claro que retroceder o hacer cambios a lo previamente utorizado tiene un costo)

2.- Wireframe

El wireframe es el Sketch o boceto pasado en limpio y el cual se llena con los textos a usar en la pagina web. Es una manera formal de que el cliente vea al acomodo de la informacion real de su web pero que nos da la ventaja de que apruebe el acomodo de la informacion antes de meterle mano al diseño y apariencia del sitio web.

El cliente debe aprobar el acomodo o pedir los ajuses pertinentes y luego firma. De esta manera ya el diseñador se concentra en la apariencia del sitio ya que la informacion, acomodo de menus y objetos ya esta definido!

3.- Diseño FINAL

En las imagenes adjuntas podemos ver como el diseño se apego a lo especificado y autorizado en el wireframe. De esta manera evitaremos prensentar un diseño que luego el cliente nos diga los clasicos:

“Si me gusta pero ponle mi logo al otro lado” , “muy bien, pero cambialo todo de lugar…”

Ya si el cliente decide contradecirse sabra que el te ha firmado en la aprobacion del SKETCH y en la del WIREFRAME y estara bajo aviso que el costo es mayor y el tiempo de entrega mas largo.
paginas web, web sketching, web wireframe, web design
paginas web, web sketching, web wireframe, web design

Como introducirse al diseño web – Parte II

Acerca de Emmanuel Vargas @sdgestudio

Graphic Designer currently working with user interface for web applications using dojo toolkit, jQuery in a java environment. Photographer interested in portrait, experimental and photo-journalism for social events. www.sdgestudio.com you can find me in G+

Un Comentario

  1. vibrion

    Acabo apenas de toparme con su blog y ya estoy más que enganchado, excelente artículo, espero con ansias la próxima entrega.

    Un saludo.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: