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

Anuncios

Otra de mis teorías a la práctica

Para que batallar tanto con una pagina web si esta no sera indexada con facilidad. No importa el mejor diseño del mundo si no esta optimizada para que los navegadores la encuentren con facilidad y puedan indexar su contenido.

http://www.sdgestudio.com trae para el 2008 el servicio de optimizacióón de paginas web para que sean indexadas en los navegadores.

Si usted ya invirtióó en una pagina web asegúúrese que esta este visible en los principales navegadores (Google y Yahoo).

Paquetes a sus necesidades: Contamos con paquete Básico, Intermedio y Empresarial. Comunííquese y reciba una presentacióón de nuestro servicio de posicionamiento de pááginas web. Somos los pioneros en Guadalajara, Jalisco.

Entre nuestros trabajos podra encontrar posicionamientos altos como el de GrupoNuño y BSH

Visite nuestra direccióón y dejenos sus datos en: ventas (arroba) sdgestudio.com Un ejecutivo lo contactara para darle mas informacion. www.sdgestudio.com

Optimizacion para motores de busqueda

Es decir, SEO (Search Engine Optimization) por ahi en el trabajo he andado con algunos proyectos relacionados con el posicionar un sitio. NO es facil pero tampoco es imposible hay que trabajar areas como:

Metatags, apoyar los keywords en una redaccion dentro del sitio. Y otras cosillas tecnicas como el manejo de H1 H2 los famosos STRONG.

Finalmente uno llega a trabajar teorias llevadas a la practica para ver como asesores en riesgo hecho un mapa de links ayudara o no a que el bot de Google lo lea e indexe de manera preferencial.

Entre otras teorias creo que es interesante ver el peso que un blog con un poco de visitas puede ayudar a una liga desconocida. Son el tipo de cosas que espero poder cehcar con mi Analytics.

Solo queda esperar la visita y ver si efectivamente pasa lo que yo quiero.

Este post no es ms que una serie de pensamientos en desorden despues de jugar un poco de call of duty y de recordar 2 cosas. Mi teoria del indicekw y mi teoria de los links desde blog.

…ugh… a dormir…