Programando un sitio Web
Pasos para desarrollar un sitio Web
1. Primero se define qué tipo de sitio Web se construirá. Algunos ejemplos:
¨ Sitio Web comercial o profesional
¨ Aplicación E-commerce
¨ Sitio Web de gestión empresarial
¨ Sitio Web de información
¨ Sitio Web de ocio, o de servicios gratuitos
2. En relación a lo anterior es necesario definir los Objetivos del sitio Web. Ejemplos:
¨ Crear y afianzar relaciones comerciales: captación de clientes, alianzas con otros proveedores, etc.
¨ Realizar ventas directas de productos o servicios y recibir pedidos online / Soporte de clientes
¨ Vender banners en el sitio Web u obtener ingresos por sistemas de afiliados o publicidad contextual, etc.
¨ Simplemente estar presente en la red
¨ etc.
3. Luego hay que definir El Rubro o área de especialización de las actividades. Junto con esto vienen los términos claves por los cuales se ubicará el sitio en los diferentes buscadores de Internet y el ámbito de alcance de sus actividades. Esto es muy importante y no debe ser tomado a la ligera, ya que de la correcta definición de temática del sitio depende el éxito del proyecto.
4. Se debe determinar de que forma se actualizará el sitio. Será una persona la encargada o habrá un equipo de trabajo.
5. Luego de todo esto se debe hacer una Especificación del trabajo a realizar teniendo en cuenta los servicios que brindará en el sitio Web y el nivel de interactividad con sus usuarios:
¨ Contenidos: debe definirse la cantidad de páginas/secciones y los nombres de las mismas, también la cantidad de imágenes a incluir en el sitio, datos tabulados (especificaciones técnicas, tarifas, etc.)
¨ Formularios: pueden utilizarse formularios de consultas simples, de reservas, de solicitud de productos o servicios determinados, formularios de encuestas, etc.
¨ Programación a medida: esto queda determinado por necesidades muy específicas de programas que deban cumplir determinadas tareas en la gestión de información, cuando no existen aplicaciones predefinidas que puedan ser adaptadas a dichas necesidades particulares.
¨ Aplicaciones dinámicas: ideales para otorgar interactividad con sus usuarios. Ejemplos de estas son: encuestas y votaciones, sistemas de FAQs, foros de soporte, libros de visitas, newsletters, etc.
6. Etapa de Creación Web
Esta etapa es exclusivamente dedicada al armado de las páginas Web, creación del mapa de sitio, pruebas, y subida al servidor de hosting.
7. Etapa de Correcciones
Luego del armado del sitio se realizan correcciones sobre detalles que deban ajustarse, y se trabaja para lograr plena satisfacción.
Aspectos importantes a considerar en el diseño Web
El diseño gráfico de una página Web es tan solo una parte del diseño de la misma, ya que, además, hay que considerar un conjunto más o menos extenso de condicionantes que van a limitar la libre creatividad del diseñador.
En primer lugar, las páginas Web se deben descargar de un servidor Web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualización. La mayoría de los usuarios se conectan todavía a Internet con un módem, con velocidades teóricas de 56 Kbps (en realidad la velocidad alcanza en promedio 10-15 Kbps en el mejor de los casos).
Los elementos gráficos, ya tengan formato de mapa de bits o vectorial, suelen traducirse en ficheros de bastante peso, dependiendo del tamaño de la imagen y del formato en que se guarde. Esto origina que las páginas que contienen en su diseño muchas imágenes, o pocas pero de gran tamaño, tarden mucho tiempo en ser descargadas desde el servidor Web y presentadas en la ventana del computador del usuario, que no suele ser muy paciente.
Estudios realizados demuestran que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar nuestro sitio Web y buscar otro más rápido. Por lo tanto, el número de elementos gráficos que podemos introducir en una página Web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores.
Otro aspecto a tener en cuenta es que las páginas Web son visualizadas en unas aplicaciones específicas, los navegadores Web, que imponen grandes limitaciones al diseño de las mismas. La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el computador usado, el sistema operativo, el monitor y la tarjeta gráfica.
Estos factores imponen fuertes limitaciones al diseñador Web, que debe buscar siempre que sus páginas puedan ser visualizadas correctamente por el mayor número de usuarios.
En segundo lugar, los navegadores existentes en el mercado tienen una forma particular de presentar el contenido de las páginas. Internet Explorer interpreta en muchas ocasiones una página Web de forma muy diferente a Netscape Navigator 4x, y este a su vez lo hace de forma diferente a Netscape Navigator 6x.
Para intentar solucionar estas diferencias, el diseñador Web debe trabajar a la vez con varios navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo que impone nuevas limitaciones al diseño.
Por otra parte, una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces, formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente.
A esto hay que agregar que las páginas diseñadas deben luego construirse en un lenguaje específico, el HTML, que por sí mismo es muy limitado, lo que hace que el diseñador Web tenga que estar siempre pensando si la interfase que está diseñando gráficamente va a poder ser luego construida.
Por último, una página Web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de lenguajes de programación tanto en cliente como en servidor, acceso a bases de datos en servidores remotos, etc.), procesos que añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante al diseño de estas, ya que el diseñador no sabe de antemano qué contenidos concretos van a tener.
