Contenido

INTRODUCCIÓN A LOS CONCEPTOS BÁSICOS DE SITIOS WEB1

ASPECTOS IMPORTANTES EN LA PLANEACIÓN Y DISEÑO DE UN SITIO WEB5

Clasificación de los sitios Web6

Componentes de una página Web7

Principales aspectos a considerar en el diseño de un sitio Web8

PLANEACIÓN Y DISEÑO DE UN SITIO WEB. CASO PRÁCTICO10

Contenido

INTRODUCCIÓN A LOS CONCEPTOS BÁSICOS DE SITIOS WEB1

ASPECTOS IMPORTANTES EN LA PLANEACIÓN Y DISEÑO DE UN SITIO WEB5

Clasificación de los sitios Web7

Componentes de una página Web7

Principales aspectos a considerar en el diseño de un sitio Web8

PLANEACIÓN Y DISEÑO DE UN SITIO WEB. CASO PRÁCTICO11

INTRODUCCIÓN A LOS CONCEPTOS BÁSICOS DE SITIOS WEB

Tema 1: Conceptos y términos relacionados con los sitios y servidores Web

Introducción

En el mundo actual es casi es imposible trabajar sin computadoras y mucho menos imaginar el no tener una conexión a Internet. La Internet llegó y se apoderó de todos, sin importar edad o condición social. En los estratos donde las familias no pueden comprar una computadora, es común ver negocios que rentan su servicio y los cuales siempre tienen clientes. Pero, ¿qué es Internet? y ¿que es lo que todo mundo ve a través de la Internet?  

¿Qué es Internet?

La palabra Internet es la abreviación de International Network es decir una "Red Internacional" y  su definición es: ”un conjunto de redes locales, regionales, nacionales e internacionales conectadas para intercambiar datos y distribuir trabajos de procesamiento". Dichas redes se pueden conectar porque usan el mismo lenguaje de conexión.  Por medio de la Internet se pueden conectar millones de computadoras en todo el mundo a través de medios de transmisión como: líneas telefónicas, cables, satélites y otros medios de telecomunicación. Esta red ha cambiado al mundo ya que a hecho posible que se pueda compartir información de muy diferente tipo como imágenes, texto, sonidos, animaciones y videos en cuestión de segundos, todo esto a través del World Wide Web.

¿Qué es el World Wide Web o WWW?

El WWW es un sistema de información global, público e independiente, mediante el cual un usuario cualquiera puede acceder a documentos HTML almacenados en diferentes servidores ubicados en cualquier parte del mundo, pudiendo saltar de un servidor a otro de forma instantánea mediante los enlaces de hipertexto contenidos en las páginas web.

El World Wide Web o WWW  "es una red de computadoras basadas en Internet que permiten que las personas puedan accesar información que se encuentra guardada en otra computadora". Los principales componentes del WWW son los clientes y servidores Web. Los clientes Web son computadoras que cuentan con software de computadora conocidos como "navegadores",  Netscape Communicator e Internet Explorer de Microsoft, que permiten realizar peticiones de páginas a un servidor Web. El servidor Web es una computadora remota  en la cual se ejecuta el software de servidor Web y en la cual se encuentran almacenados miles de sitios Web.

De esta forma, es posible que las personas que se conectan a dichos servidores Web puedan ver los sitios Web que ahí se encuentran.  Los sitios Web son grupos de documentos o páginas que se encuentran alojados en servidores Web y que muestran información sobre cualquier cosa que te puedas imaginar. Puedes encontrar sitios que muestran desde un sencillo proyecto a nivel personal hasta súper proyectos que muestran, almacenanan y administran las transacciones de grandes organizaciones y universidades.

A un documento sencillo que se encuentra dentro de un sitio Web se le conoce con el nombre de página Web. Los documentos o páginas de los sitios Web se encuentran almacenados en computadoras con una gran capacidad de almacenamiento y que alcanzan altas velocidades (servidores Web). Un servidor puede guardar miles de documentos de muchos sitios Web diferentes. Cuando tú te conectas a un sitio Web en particular, tu computadora se conecta a un servidor y recibe los documentos del sitio Web a través de Internet.

Arquitectura  cliente-servidor

En toda petición de una página web intervienen diferentes entidades: por un lado, el programa navegador en el host que realiza la solicitud y por otro lado un programa servidor alojado en un host remoto (denominado servidor web). Ambos programas/equipos se comunican entre sí por medio del acceso a Internet que facilita un PSI (Proveedor de Servicios de Internet) y de las extensiones de red que proporciona una determinada compañía.

Para establecer la conexión necesaria entre ambas máquinas se utiliza una arquitectura de interconexión de redes, generalmente la arquitectura TCP/IP, en la que los datos en la transmisión van pasando sucesivamente por diferentes dispositivos de red (generalmente routers) desde el host emisor al host destino. Este sistema de comunicación, en el que un host realiza peticiones que son atendidas y contestadas por otro remoto, se denomina arquitectura cliente-servidor. El host que realiza la petición es el cliente, mientras que el host que contesta dicha petición es el servidor.

 

Los servidores, son los encargados de almacenar los archivos HTML, junto con las imágenes, archivos CSS, archivos javascript, necesarios para la visualización correcta de la página web. Un mismo servidor web puede estar atendiendo a la vez a diferentes navegadores cliente.

Para poder realizar de forma adecuada las operaciones entre el cliente y el servidor, se utilizan lenguajes estándar que fueron previamente acordados, llamados protocolos de comunicación.Por ejemplo, los clientes y servidores Web usan el protocolo denominado HTTP por sus siglas en inglés de Hypertext Transfer Protocol (Protocolo de transferencia de hipertexto) para enviar y recibir documentos de texto plano en formato ASCII.

Para poder identificar un documento o recurso de Internet de forma única fue necesario asignar a cada uno de ellos una especie de dirección, que se denominó URL Uniform Resource Locator (Lcalizador Uniforme de Recursos), que indica tanto la localización exacta del recurso como el protocolo necesario para su transferencia. La forma genérica de la URL de una página web es:

http://www.servidor.dominio/carpeta/pagina.html

Ejemplo:

http://www.htmlweb.net/redes/redes.html

Es muy sencillo realizar una conexión a un servidor para poder abrir las páginas Web que se encuentran almacenadas ahí, basta con abrir el navegador (Netscape o Explorer), escribir la dirección de red del servidor o su URL en el navegador, oprimir la tecla de  y en cuestión de segundos se tendrá  en la pantalla el contenido de dicha dirección.

¿Proceso de transferencia de páginas Web?

 

1. El usuario especifica en el cliente web (navegador) la dirección (URL) de la página que desea consultar

2. El cliente establece la conexión con el servidor web a través del protocolo HTTP

3. El cliente solicita la página o el objeto deseado

4. El servidor busca la página solicitada en su sistema de archivos. Si la encuentra, la envía al cliente; en caso contrario, devuelve un código de error.

5. El cliente interpreta los códigos HTML y muestra la página al usuario.

6. Se cierra la conexión.

7.

¿Cómo se desarrollan las páginas Web?

Las páginas Web se desarrollan usando el lenguaje de programación llamado HTML (Hypertext Markup Language) o Lenguaje de Marcación de Hipertexto, el cual consiste en un conjunto de instrucciones llamadas "etiquetas" que le indican al navegador como mostrar un documento en hipertexto. Los archivos en HTML son almacenados en formato de texto (código ASCII), el cual es universal, lo que hace que dicho código pueda ser entendido por las diferentes plataformas computacionales.

¿Cómo afectan los navegadores en el diseño de las páginas Web?

El HTML es compatible con varias plataformas, lo que permite que distintas computadoras puedan visualizar un documento de  Web, ya sea que se esté trabajando con Windows, Macintosh o UNIX. Sin embargo no es una herramienta WYSIWYG (What You See Is What You Get), "lo que ves es lo que obtienes", ya que su intención inicial fue la de expresar la estructura del documento, no las características del formato.

Cuando se va a desarrollar un proyecto Web es importante considerar el navegador en el que se va a desplegar el sitio Web, ya que cada navegador interpreta de manera diferente las etiquetas del código, ocasionando que los resultados puedan variar de navegador a navegador. Por esta razón, es muy común ver anuncios en sitios Web que le indican al usuario el navegador y la versión que más le conviene usar para obtener los máximos resultados deseados.

Debido a esta situación, es muy importante que las páginas sean probadas en diferentes navegadores y en distintas computadoras antes de ser publicadas para asegurar que se muestre lo que se desea.   A pesar de todo, esto no afecta  el trabajo de desarrollo del mismo, aunque puede variar un poco la forma en que los diferentes navegadores muestren la página, pero el contenido es el mismo.

Según Tim Berners-Lee, mejor conocido como el arquitecto de la WWW, cuando se diseña un sitio Web se deben tomar en cuenta los siguientes criterios acerca de los navegadores que utilizarán los usuarios:

· Diseñar el sitio tomando en cuenta el mínimo común denominador. Es decir, no utilizar la última versión de HTML, sino la anterior. Esto es con la idea de evitar problemas con la versión que manejan las diferentes computadoras.

· Diseñar con la tecnología más reciente. Es importante que los usuarios utilicen el navegador más reciente para aprovechar al máximo las ventajas que este ofrece, pero también se debe considerar que esto puede ocasionar pérdidas de usuarios.

· Diseñar para un navegador específico. Es recomendable que el sitio se realice para ser usado en varios navegadores, solamente en casos en que no sea posible, el autor despliega un mensaje en el que indica el navegador y la versión en la que se recomienda abrir el sitio.

· Diseñar para la mayoría de los navegadores. Esto es lo más recomendable para poder captar el mayor número de usuarios, pero esto implica dedicar más tiempo para probar que el sitio funcione en las diferentes plataformas.

¿Cuál es la mejor herramienta para crear páginas y sitios Web?

El código HTML para desarrollar un sitio Web puede ser generado de diferentes formas. Por ejemplo a través del NotePad cuando se trabaja en Windows y su equivalente en Macintosh. El TeachText es una forma muy sencilla de aprender HTML ya que permite introducir cada etiqueta de forma manual. También existen paquetes que te permiten editar y generar código HTML como lo son el FrontPage de Microsoft y el DreamWeaver de Macromedia y una última opción es utilizar versiones de procesadores de texto que convierten documentos de texto a código HTML, el único problema que existe con estos últimos, es que el código HTML que generan no es el HTML estándar lo que produce problemas en el momento de la publicación, por lo que no es una opción muy recomendable.

Cualquiera que sea la herramienta que se elija, no se debe olvidar que cada navegador interpreta de manera diferente las etiquetas del código HTML y que los resultados pueden variar cuando el sitio se muestra en la ventana del navegador, tampoco se debe perder de vista que el HTML es un código sencillo que no fue diseñado para desplegar texto y espaciamientos complicados. Es muy común que en el diseño de páginas se utilicen diferentes herramientas, por ejemplo se puede usar software de edición de HTML para generar la estructura básica del sitio o elementos complejos del sitio.

A pesar de que existen diversas herramientas disponibles en el mercado para crear páginas, es importante tener conocimientos básicos  del código HTML para poder crear páginas que no tengan problemas al momento de publicarlas en los diferentes servidores. En este curso nos enfocaremos al diseño de páginas utilizando una herramienta de edición de código HTML.

ASPECTOS IMPORTANTES EN LA PLANEACIÓN Y DISEÑO DE UN SITIO WEB

Planeación de un sitio Web

Cuando se va a desarrollar un proyecto es importante y necesario definir primeramente el objetivo que se desea lograr con el sitio Web, por ejemplo: dar a conocer los productos de una empresa, fomentar la comunicación entre los miembros de la compañía, facilitar el papeleo y la comunicación entre los clientes de una organización, aumentar el número de clientes o simplemente darnos a conocer a nivel mundial!!!!

No importa el tipo de sitio Web que se quiera desarrollar,  es importante conocer algunos de los principios del diseño de páginas Web, ya que el  éxito de  un sitio Web depende de una conjunción armónica de los diferentes elementos que conforman el sitio y un buen diseño, permite planear no solamente lo que la gente ve, sino lo que queremos que la gente piense y sienta  al navegar por el sitio Web.

Un buen punto de partida sería contestarnos algunas preguntas con respecto al sitio Web que se planea construir:

         ¿Porqué se quiere construir el sitio Web?

o    Cual es el motivo por el cual se quiere construir el sitio Web. ¿Promoción?, ¿aumentar ventas?, ¿atraer clientes?, ¿satisfacción personal?, etc.

         ¿Cuál es el objetivo del sitio?

o    Lo primero que se debe definir claramente en un enunciado conciso  son los objetivos principales que se esperan lograr con el sitio Web, por ejemplo, "El sitio Web de MiSitio tiene como objetivo dar a conocer al público todos los productos que vende la empresa".

         ¿Cómo se piensa medir el éxito del sitio Web?

o    Que instrumentos de medición usaremos para determinar si el sitio Web está logrando el objetivo. Por ejemplo, si el objetivo del sitio Web es "atraer clientes a nuestra empresa", se pueden diseñar encuestas en donde los clientes indiquen el medio por el cual se enteraron de la existencia de la empresa.

         ¿Quienes son los usuarios a quien va dirigido el sitio Web?

o    En este punto se deben preguntar ¿Quien va a entrar al sitio Web?, es decir, se deben investigar y definir claramente las características de dichas personas en todos los aspectos. Algunas preguntas que pueden ayudar acerca del auditorio del sitio Web son: ¿son jóvenes?, ¿son personas adultas?, ¿qué actividad realizan?, ¿cuales son sus ingresos?, ¿cuál es su nivel académico?. Es evidente que no se podrán obtener respuestas exactas, pero dependiendo del objetivo del sitio Web se puede enfocar el desarrollo del mismo y poder atraer más gente al sitio y lograr los objetivos definidos.

         ¿Qué factores técnicos podrían afectar la publicación del sitio?

o    Se debe pensar en todos los aspectos que pueden afectar el buen funcionamiento del sitio. Algunos elementos del sitio como imágenes, tablas, videos, animaciones,  pueden provocar problemas en el momento de la publicación, por lo que es necesario considerar posibles alternativas de solución.

Una vez definidos e investigados estos aspectos, ya se tienen suficientes elementos para empezar el diseño del sitio.

Diseño de un sitio Web

Una vez que se hayan definido los objetivos del sitio y se han investigado los aspectos que podrían afectarlo, se debe empezar a diseñar la estructura que tendrá el sitio Web. Para poder realizar esta actividad, se debe visualizar y organizar los elementos que formarán parte del mismo, todavía no se entra a detalles específicos de contenido, solamente se definen de manera general las páginas que se van a incluir.  Esta etapa se puede llevar a cabo a través de dinámicas como la "lluvia de ideas", entrevistas con las personas y departamentos involucrados. Por ejemplo, una tienda departamental, cuyo objetivo del sitio es "Dar a conocer a todos los usuarios de la Web los productos que tenemos en venta", podría tener la siguiente estructura jerárquica de las páginas.

Clasificación de los sitios Web

Una vez definidos los aspectos anteriores y el contenido general del sitio Web, se debe determinar el tipo de sitio que se necesita desarrollar  para cumplir con el objetivo. Existe una gran variedad de sitios Web, pero la mayoría de ellos caen  dentro de las siguientes categorías:

         Cartelera (anuncio): Este tipo de sitios se utilizan para crear presencia en la Web de una empresa comercial. En la mayoría de los casos son meramente informativos y no permiten interacción con el usuario. Muchos de los sitios empiezan en esta categoría y conforme el sitio va tomando auge y va madurando, le van agregando más funciones que permiten interacción e inclusive transacciones en línea cuando el sitio está consolidado.

         Publicación: Este sitio es muy común en instituciones del área de comunicación como periódicos y revistas que muestran una versión en línea de sus productos. Estos sitios muestran grandes volúmenes de información y tienen cierto grado de interacción con el usuario.

         Organizaciones de interés público o general: Estos sitios son muy utilizados por organizaciones sin fines de lucro, que quieren compartir con los usuarios la información que poseen. El contenido común de este tipo de sitios son noticias, información reciente, cursos, a través de hipervínculos, direcciones o "downloads" de archivos.

         Galería virtual: Este tipo de sitio es muy utilizado por personas u organizaciones que desean mostrar imágenes, música, libros.

         Comercio electrónico: Este tipo de sitios está tomando mucho auge, ya que permiten a los usuarios tener un acceso rápido a los productos y servicios de las empresas a través de transacciones electrónicas que ahorran tiempo y esfuerzo y aumentan el número de personas que lo visitan. 

Después de haber definido el tipo de sitio Web que más conviene a la organización, es tiempo de pensar ya en el contenido detallado de cada una de las páginas que formarán parte del sitio. Para poder realizar esta actividad es importante conocer algunos aspectos importantes que han sido probados por muchos diseñadores de sitios Web y que permitirán captar más fácilmente la atención de los usuarios.

Componentes de una página Web

Una página Web típica generalmente consta de 3 partes como se muestra en la siguiente figura:

         Encabezado (header): en esta parte de la página se colocan texto y/o imágenes que identifican al patrocinador del sitio web, el autor, el propósito de la página y una barra de botones que permite la navegación entre las diferentes páginas que conforman el sitio. Muchos diseñadores colocan publicidad en esta área  porque es lo primero que se despliega al momento de subir la página. El encabezado es muy importante, ya que un sitio web capta la atención en los primeros segundos en que este se está desplegando, por lo que su contenido debe atraer la atención para que el usuario quiera seguir viendo el sitio.

         Cuerpo (body):  en esta parte de la página se coloca la información más relevante y propia del sitio y cualquier otra información que capte la atención de los visitantes. Es conveniente utilizar colores, imágenes, animaciones, videos, hipervínculos o cualquier otro elemento que llamen la atención del público. Muchos diseñadores dividen este espacio en 3 partes y colocan la información más relevante en la parte central y la información relacionada en los espacios laterales.

         Pie de página (footer):  en esta parte de la página es conveniente colocar información acerca de los medios para contactarse con los responsables del sitio (nombre y/o dirección electrónica), además de controles que faciliten la navegación a través del sitio.

Antes de empezar a diseñar el contenido de cada una de las páginas es conveniente tomar en cuenta los siguientes aspectos.

Principales aspectos a considerar en el diseño de un sitio Web

El diseño de una página Web no es complejo, el problema crece cuando se quieren relacionar todas las páginas que conforman el sitio Web de tal forma que puedan ser vistas como parte importante del conjunto, por tal motivo, el diseño de cada página es muy importante. Existen muchos  aspectos que se deben considerar, algunos que son importantes y en la que la gran mayoría de los diseñadores coinciden son los siguientes:

APARIENCIA

La página Web debe ser sencilla y fácil de manejar. Los primeros segundos al momento de visitar una página son los más importantes, ya que de ellos depende de que el usuario decida o no quedarse en ella. En los primeros 30 segundos se deben cumplir con los siguientes aspectos para no perder la atención del usuario.

         En los primeros 10 segundos el usuario debe saber donde está. Se deben utilizar títulos cortos y concisos para identificar la página.

         En los siguientes 10 segundos, debe saber para qué está en la página. Se debe especificar claramente el propósito de la página.

         En los últimos 10 segundos el usuario debe saber cómo navegar.

Las páginas deben estar organizadas de manera clara.

         Se deben utilizar encabezados y listas para que el usuario pueda encontrar fácilmente el tema que busca.

         El sitio debe tener barras de navegación, que agrupen en un solo lugar los botones que llevan al usuario a las diferentes páginas relacionadas.

         Se debe resaltar la información más importante, por ejemplo, cambiar el color, enfatizar con negritas, modificar el tamaño,  teniendo cuidado en no  excederse ya que el usuario no podrá entonces identificar lo que es importante.

         Es muy útil utilizar tablas, gráficas, delimitadores o separadores para agrupar la información relacionada

Se deben utilizar esquemas de colores que contrasten y que no distraigan la atención del usuario. Hay que evitar utilizar fondos que interfieran  con el texto o que dificulten la lectura del mismo.                                              

Se debe evitar escribir párrafos muy largos. Esto produce cierta desilusión en el lector.

Se debe revisar  la ortografía y la gramática del contenido. La mala ortografía dará la imagen de que no es un sitio serio y ahuyentará a los usuarios

Se debe tratar de incluir un tema por página. Si el tema es muy largo y no cabe en la página, se debe reorganizar el contenido en temas o subtemas sencillos de leer.

EJECUCIÓN

Las páginas deben ser cortas, ya que las páginas largas toman más tiempo en desplegarse y se puede perder la atención del usuario.

El tiempo de respuesta de la página debe ser corto, una medida estándar es que la página no debe tomar más de 30 segundos en cargarse, de ser mayor, el usuario se cansará o pensará que algo está mal y abandonará la página.

UNIFORMIDAD

Se debe tratar de utilizar el mismo formato en todas las páginas del sitio, es decir los mismos colores, distribución del contenido, botones,  barras de navegación de tal forma que el usuario sienta que todo está diseñando de la misma manera.

Es recomendable usar Temas (themes) o plantillas predefinidas (templates) para mantener la consistencia entre las páginas del sitio

VALIDEZ

Se debe actualizar constantemente el contenido del sitio, de esta manera el sitio atraerá más usuarios. Es conveniente modificar la fecha de la última actualización para que el usuario sienta que el sitio está en constante revisión.

Se debe verificar que todos los hipervínculos internos y externos funcionen correctamente.

Se debe evitar utilizar elementos que funcionan solamente en ciertos navegadores. Por ejemplo, las marquesinas (marquees) de FrontPage que solo funcionan en Explorer.

Realiza pruebas en diferentes navegadores y computadoras para verificar que el sitio se cargue adecuadamente.

IMÁGENES

El uso de imágenes es muy importante, ya que levantan la apariencia del sitio, pero se debe tratar de no incluir demasiadas imágenes porque tardan mucho tiempo en ser cargadas y eso desespera al usuario.

Se pueden definir estándares para el manejo de imágenes, por ejemplo no incluir imágenes que ocupen más de 50 KB de tamaño y  que tengan como máximo 450 pixeles de ancho para asegurar que puedan ser vistas en la mayoría de las pantallas

Es recomendable utilizar texto alterno como "screen tips" para que aparezcan en lugar de la imagen en situaciones donde no es posible cargar la imagen.

HIPERVÍNCULOS

Se debe tratar de incluir solamente aquéllos hipervínculos que sean necesarios, es decir aquéllos que lleven a páginas que contienen información relevante e importante. El uso excesivo de ellos distrae la atención del usuario.

Es recomendable utilizar un estándar en las barras de navegación, es decir que siempre tengan las mismas formas (íconos) y se encuentren ubicados en el mismo lugar.

INFORMACIÓN FINAL

Es importante incluír siempre la información acerca de la persona responsable del diseño de la página Web, esto hará que el usuario sienta más confianza cuando use el sitio.

Se debe incluir siempre la fecha de creación y la fecha de la última actualización de la página. Esto le dá validez al sitio y el usuario se siente más confiado de la información que se presenta.

El diseño de páginas y sitios Web es una labor interminable, ya que siempre habrá algo que es factible de mejorar, pero para empezar, el uso de los aspectos anteriores es un buen punto de partida. Durante la práctica, los diseñadores siempre van descubriendo nuevos aspectos que se deben modificar.

PLANEACIÓN Y DISEÑO DE UN SITIO WEB. CASO PRÁCTICO

Después de haber revisado los principales aspectos que se deben considerar en la planeación y diseño de un sitio Web, es hora de poner en práctica estos conocimientos. Para llevar a cabo esta actividad tomaremos como ejemplo el caso de Jorge Smith.

CASO: Jorge Smith es el dueño de la fábrica de calzado "El zapatito" que se localiza en León, Guanajuato. El Zapatito es una empresa que  fabrica calzado para diferentes segmentos de mercado (damas, caballeros y niños) y maneja una gran variedad de estilos que están clasificados de acuerdo al tipo de calzado. En la siguiente tabla se muestran los diferentes tipos de calzado que fabrica:

Segmento de mercado

Tipos de calzado que fabrica

Damas

         sandalias

         zapato sport

         zapato deportivo

         zapato de vestir

Caballeros

         zapato sport

         zapato deportivo

         zapato de vestir

Niños

         zapato escolar

         zapato deportivo

         zapato de vestir

Jorge Smith vende sus productos a diferentes distribuidores que se encuentran localizados en todo el país. La empresa envía trimestralmente a sus clientes  un catálogo por correo y el cliente le envía vía fax una relación de las cantidades de cada modelo que desea comprar, además cada vez que decide realizar una promoción, se les tiene que enviar una carta al cliente y en muchas ocasiones se les tiene que hablar por teléfono para informales de las novedades. Este proceso se está volviendo muy lento y muy costoso y está ocasionando grandes pérdidas a la empresa.

Después de darle muchas vueltas al problema Jorge llegó a la conclusión de que la mejor solución para disminuir sus costos y la pérdida de clientes es a través de la creación de un sitio Web que le permita mostrar a sus clientes todos los modelos de calzado que tiene disponibles y de esta manera eliminar el costo de imprimir el catálogo. Además, en un futuro, cuando el sitio Web se consolide, los clientes podrán realizar sus pedidos en cualquier momento y no estar dependiendo de que el catálogo les llegue por correo.

Aprovechando el acceso que tendrán sus clientes,  desea tener un espacio en el que constantemente se estén colocando avisos acerca de las novedades y promociones que tiene la empresa.

Aplicando todos los conceptos vistos en la sección anterior, vamos a desarrollar la planeación y diseño del sitio Web que mejor convenga a Jorge Smith.

Vamos a empezar contestando las siguientes preguntas:

         ¿Porqué se quiere construir el sitio Web?  El principal motivo de construir el sitio Web es el de dar a conocer de una manera rápida y actual los diferentes modelos de zapatos que fabrica El Zapatito y reducir los costos de promoción de los mismos.

 

         ¿Cuál es el objetivo del sitio?  Debido a que el problema que se quiere resolver es el de mostrar al cliente los diferentes modelos de zapatos, el objetivo fundamental del sitio Web sería: "Mostrar a sus clientes los diversos productos que fabrica la empresa".

 

         ¿Cómo se piensa medir el éxito del sitio Web? Para poder medir si el sitio Web está logrando  su cometido, se llevarán a cabo las siguientes acciones:

· Se llevará un control de todos los pedidos que se realizaron a través del sitio Web.

· Se llevará un control diario del número de visitantes que entran al sitio Web, para ver las tendencias.

· Se aplicará una encuesta en el que el cliente evaluará las ventajas y desventajas de usar el sitio Web.

· Se realizarán estadísticas acerca del número de clientes, pedidos y ventas antes y después de la implantación del sitio Web.

· Se realizarán comparaciones de los costos operativos antes y después de la implantación del sitio Web.

 

· ¿Quiénes son los usuarios, a quien va dirigido el sitio Web? Los productos que vende la empresa van dirigidos a todos los segmentos de mercado, es decir damas, caballeros y niños, pero la finalidad del sitio es que sea utilizado por sus clientes, que son los distribuidores de calzado del país, por lo que se puede definir que los usuarios meta son: personas adultas (hombres y mujeres), que tienen negocios, que perciben  altos ingresos y que pueden tener un alto sentido crítico.

 

· ¿Qué factores técnicos podrían afectar la publicación del sitio? Debido que el objetivo es mostrar los diferentes modelos de zapatos, el sitio Web deberá contener muchas imágenes que deben tener buena resolución y que pueden producir serios problemas en el momento que se quiera abrir el sitio. En este aspecto se tienen que tomar medidas que disminuyan la carga del sitio.

El siguiente paso en el proceso, consiste en diseñar la estructura general que tendrá el sitio Web. Esta actividad se debe realizar tomando en cuenta la forma en que se desea que el cliente encuentre los zapatos que busca.

Tomando en cuenta la tabla que muestra los diferentes tipos de calzado que se fabrican para los diferentes segmentos de mercado, se podría crear un sitio cuya página principal muestre los aspectos más relevantes de la empresa y tener páginas adicionales que muestren los estilos de calzado clasificados por segmentos de mercado y después por tipo de calzado. Además se puede agregar una página adicional que muestre las promociones que tiene la compañía. La estructura jerárquica del sitio Web podría quedar así:

Por último, después de haber definido la estructura jerárquica que tendrá el sitio Web, se debe definir el tipo de sitio Web que más conviene desarrollar en base al objetivo definido.

Como el objetivo principal del sitio consiste en mostrar a sus clientes todos los productos que tiene la empresa y, como en la fase inicial no se realizarán los pedidos vía electrónica, el tipo de sitio que más conviene utilizar es el de cartelera, ya que solo desean mostrar sus productos sin tenerinteracción con el usuario. Quizá en un futuro, si el sitio Web funciona exitosamente el sitio Web se puede transformar a un sitio de la categoría de comercio electrónico.

Finalmente, antes de empezar el diseño detallado de cada una de las páginas que formarán parte del sitio Web, la empresa tiene en puerta un problema muy fuerte, el cual consiste precisamente en el manejo de las imágenes, ya que para que el sitio cumpla con su objetivo, se deben incluir muchas imágenes con  muy buena resolución ya que de esto depende el pedido del cliente. Por lo que desde ahora se deben enfocar en la búsqueda de una solución que les permita lograr su objetivo.

Algunas actividades que deben realizar son:

· Tomar fotografías de todos los modelos de zapatos y buscar la manera de poder reducir el tamaño de estas sin perder su resolución. Una alternativa sería guardar las fotografías en un formato muy ligero, por ejemplo en JPG.

· Mostrar un catálogo con fotografías en miniatura y que cuando el cliente desee verlas más a detalle, cargar una fotografía similar con mayor definición.

Como se puede apreciar, el diseño de un sitio Web es un proceso que implica tomar en cuenta muchos detalles antes de empezar su desarrollo computacional, el éxito del mismo depende de los resultados de este proceso por lo que no se deben alarmar si esta etapa les consume mucho tiempo.

FUENTE: Publicado por: CLAUDIA BIVIANA QUINTERO GUARNIZO

Publicado en: Diseño de Sitios Web, estrategias y usos de herramientas de diseño - Frontpage – 303416 SENA VIRTUAL