Diseño web

Dependiendo del tipo de Web, la temática seleccionada, los objetivos planteados y la escalabilidad definida, estamos preparados para definir sobre papel el diseño de la Web, incluyendo los fondos, tipos de letras, botones, formularios, links, plantillas ,aplicaciones .... de tal forma que obtengamos "storyboard "de los elementos y diseño que queremos implementar en nuestro sitio Web.

Analizamos las necesidades de sus clientes o posibles usuarios de su sitio web planeando y seleccionando las alternativas y soluciones que mas convengan de acuerdo a requerimientos específicos para que su sitio web cumpla con objetivos bien definidos convirtiéndose así en una verdaderamente y poderosa herramienta para su negocio.

Nuestra página o sitio Web, muestra la imagen de nuestro negocio hacia el mundo, por ello el proceso de creación y explotación de nuestro sitio Web requiere de una metodología contrastada y bien definida.

La figura siguiente muestra una metodología que nos permitirá alcanzar las expectativas de nuestro sitio Web:

Elección del tipo de Web

Lo primero que se ha de decidir es el tipo de Web que queremos crear, es el punto de partida que afecta a todas las etapas posteriores de creación, realizaremos un diseño, aplicaciones, navegabilidad... adecuadas al tipo de Web seleccionada.

Ejemplos:

• Sitio Web comercial .
• Sitio Web profesional.
• Sitio Web de información.
• Sitio Web de ocio.

Definición de la Temática

Se ha de definir los temas que se van a exponer en el sitio Web, permitiendo definir términos claves de búsqueda para posteriormente realizar una metodología de posicionamiento.

• Sitio Web comercial donde se vende todo tipo de objetos
• Sitio Web comercial especializado en la compra y venta de pisos.
• Sitio Web profesional especializado en consultoría de nuevas tecnologías
• Sitio Web de información acerca del museo del prado.

Planteamiento de objetivos

Se han de plantear los objetivos que se quieren alcanzar con la creación del sitio Web, para posteriormente marcar estrategias funcional para la consecución de dichos objetivos.

• Dar a conocer el negocio, captación de clientes y generación de nuevos pedidos.
• Vender publicidad contextual, banners... para obtener ingresos.
• Presentar mi Curriculum Vitae en la red.....

Escalabilidad

La escalabilidad se define como las visiones a corto y largo plazo acerca de nuestro sitio Web , si a lo largo del tiempo queremos ampliar nuestro sitio Web con nuevas aplicaciones, nuevas paginas, actualizaciones constantes...


Diseño visual y creación de la información a implementar

Creación del esqueleto de la Web, tablas, encabezados, espacio para imágenes, texto, botones...

Creación de las imágenes que acompañara a nuestro sitio Web, logos, cabeceras, fotografías, además del proceso concepción y materialización de la información que se va a ofrecer.

Benchmarking

Es una manera de detallar, observar y evaluar todas aquellas páginas Web calificadas como las mejores que se encuentren en la red, con la finalidad de diseñar una forma que permita crear un producto de alta calidad, productividad y competitividad. 

Estructura de Navegación

La  estructura de  un conjunto  de páginas Web es muy importante, ya que permitirá al lector visualizar todos los contenidos de una manera fácil y clara (buena estructura), o provocar en el lector una sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y terminará por abandonar el sitio (mala estructura). 

Aplicaciones Web

Creación de las aplicaciones que contendrán nuestro sitio Web, encuestas, foros, soporte al cliente, pedidos on-line, mediante programación especifica y creación de bases de datos.

Posicionamiento

Una vez que tenemos terminado nuestro sitio Web lo que queremos es que en cualquier buscador, especialmente google, aparezcamos en las primeras posiciones para recibir mas visitas a nuestra Web.

Es este punto donde se ha de implementar una metodología especifica para alcanzar un posicionamiento optimo, definiendo las palabras claves de búsqueda, creación de archivos robots.txt....

Fase de Programación

Esta etapa corresponde a la utilización de las herramientas de programación Web. En este punto es primordial seleccionar los lenguajes de programación en los que se desarrollará el sitio Web, la base de datos definir qué contenido del sitio será estático y cuál será dinámico. La cual expone lo siguiente:

Base de datos: Se diseña y crea la base de datos.

Programación intermediaria: Programas o códigos que se ejecutarán en el servidor Web. Acá se establecerá la comunicación entre la base de datos y la interfaz.

Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a través del navegador Web.   Se refiere aplicación  que el usuario visualizará y a través de la cual operará con ella. 

Fase de Contenido

 Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio será probablemente una combinación de la información que actualmente se posee y de la que se tendrá que crear, y que la información a plasmar cubra las necesidades e intereses del público a quien va dirigido. 

Testeo

Realización de pruebas para comprobar la usabilidad y correcto funcionamiento de nuestro sitio, no queremos mostrar paginas con links rotos, paginas en con un formato diferente a las anteriores, aplicaciones no funcionales....ya que aportan una imagen negativa y harán que los visitantes no vuelvan a nuestra web.html

Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio Web con usuarios que vayan a utilizar el sitio.

•          Comprobación en navegadores
•          Detectar los vínculos rotos
•          Comprobar tiempo de descarga