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.

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+

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: