Fundamentos para el diseño de un sitio web

Por: Ma. de la Luz Mendoza Uribe

Después de estudiar el plan del comercio electrónico, el análisis de mercado, el análisis de requerimientos y
los principios de usabilidad, es momento de realizar el diseño de la interfaz del sitio web en la que utilizarás
la información que te proporcionan estos instrumentos de análisis como insumos.

Para ello, es necesario retomar algunos conceptos.

Internet: “Red global de computadoras para el intercambio de información

en todo el mundo, vía teléfono, cable o transmisión satelital” (Cavazos y
Reyes, 2008, p. 211).

Figura 1. UVEG 2015

Características Ventajas Desventajas Ejemplos

Compartir y visualizar Rapidez y bajo costo al Puedes encontrar Proveedores de
información comunicarte con otras información inexacta, servicio de
personas desagradable y sin internet: Telmex,
restricciones Axtel, Telcel,
Telecable y
Megacable
Descargar archivos Medio masivo de Es una fuente rápida
comunicación de piratería y virus
informáticos
Comunicarse con otra Puedes realizar compras,
personas utilizando estudiar o ver una película sin
correo electrónico, tener que salir de tu casa
redes sociales, salas
de charla

Publicar y visualizar
páginas personales

Realizar transacciones
de compra-venta
Tabla 1. Internet (Mendoza, 2009; Cavazos y Reyes, 2008).

1
©UVEG. Derechos reservados. Esta obra no puede ser reproducida, modificada, distribuida, ni transmitida, parcial o totalmente, mediante cualquier medio, método o
sistema impreso, electrónico, magnético, incluyendo el fotocopiado, la fotografía, la grabación o un sistema de recuperación de la información, sin la autorización por escrito
de la Universidad Virtual del Estado de Guanajuato.
Internet ha tenido un gran impacto en la sociedad, pues cada vez son más los usuarios que se conectan para
realizar diferentes actividades: búsqueda de información; comunicación con otras personas; concreción de
negocios; compra y venta de productos; descarga de archivos, programas, juegos; o para interactuar y
conocer a otras personas, por lo cual una de las repercusiones que ha traído es que la economía de las
personas y de las organizaciones han entrado en el espacio de esa red.

Lo anterior se puede certificar a través de la compra-venta de servicios y productos por Internet; además
algunas instituciones financieras (como los bancos) permiten a los usuarios y a las organizaciones realizar
transacciones por este medio, por ejemplo, transferencias de dinero, pagos con tarjeta, revisión de estados
de cuenta, entre otras.

Internet es un medio que permite realizar diferentes actividades. Esto se debe a que se actualiza de manera
permanente. El software y los dispositivos tecnológicos van evolucionando a la par. Un ejemplo de este
proceso es el conjunto de cambios que ha sufrido el teléfono celular, desde su invención hasta que se le
agregó la navegabilidad en Internet.

Este avance provocó que algunas empresas desarrollaran el software y tecnología requerida para que
pudieras realizar visitas a sus sitios y transacciones desde tu teléfono. Ticket master, por ejemplo, es una
empresa que tiene su sitio web al que puedes acceder desde tu computadora o desde cualquier dispositivo
móvil (teléfonos celulares, reproductores como el iPod, agendas electrónicas con teléfono como las
BlackBerry, entre otros artículos).

Hasta aquí se han mencionado sitios web de empresas, pero ¿qué es un sitio web?, ¿qué es una página
web?, ¿y un portal web?

Página web: “Pieza de información o documento que contiene información

(publicidad, textos, gráficas, material de vídeo, sonido, etc.) para ser
intercambiada vía Internet” (Cavazos y Reyes, 2008, p. 212).

Figura 2: UVEG 2015

Una página web se refiere a una página independiente a la que ingresas por medio de un navegador y la
cual contiene información que puede ser: texto, imágenes y/o videos. Este tipo de página equivaldría a una
hoja de un documento de Word compuesto por 20 hojas o bien, una diapositiva de. un documento de
PowerPoint que contiene un archivo de 30 diapositivas.

2
©UVEG. Derechos reservados. Esta obra no puede ser reproducida, modificada, distribuida, ni transmitida, parcial o totalmente, mediante cualquier medio, método o
sistema impreso, electrónico, magnético, incluyendo el fotocopiado, la fotografía, la grabación o un sistema de recuperación de la información, sin la autorización por escrito
de la Universidad Virtual del Estado de Guanajuato.
 Características Ventajas Desventajas Ejemplos
Contiene texto, Puedes ver Puede estar http://www.uveg.edu.mx/index.php/estudia-en-
imágenes, información demasiado la-uveg/educacion-continua
sonidos, del tema de saturada de
animaciones, tu interés texto,
videos e animaciones y
hipervínculos, los videos
cuales te sirven
para enlazarte a
otras páginas
Puedes ver Necesita http://www.liverpool.com.mx/tienda/tecnolog%
videos, actualización C3%ADa/cat480017
animacione constante
s y textos,
te permite
leer de
forma no
lineal, por
medio de
hipervíncul
os
Tabla 2. Página web (Mendoza, 2009; Cavazos y Reyes, 2008).

Sitio web: “Conjunto de datos que contienen información para ser leída
desde una computadora a través de Internet” (Cavazos y Reyes, 2008, p.
213).

Un sitio web es el conjunto de páginas web que contienen información de

una empresa o persona, por ejemplo, es como si fuera todo tu documento
de Word o todas las diapositivas de una presentación en PowerPoint.

Figura 3: UVEG 2015

3
©UVEG. Derechos reservados. Esta obra no puede ser reproducida, modificada, distribuida, ni transmitida, parcial o totalmente, mediante cualquier medio, método o
sistema impreso, electrónico, magnético, incluyendo el fotocopiado, la fotografía, la grabación o un sistema de recuperación de la información, sin la autorización por escrito
de la Universidad Virtual del Estado de Guanajuato.
 Características Ventajas Desventajas Ejemplos
Contiene una Puedes agrupar El diseño puede http://www.uveg.edu.mx
página de entrada información de ser poco
diferente índole en un funcional
solo sitio

Contiene secciones Tiene un uso Puede estar http://www.rae.es/rae.html

informativo, de saturada de
entretenimiento y publicidad
puedes realizar
transacciones de
compra-venta de
bienes o servicios
Contiene Si no se tiene la http://www.museosdemexico.org/
subsecciones estructura
adecuada
puedes perderte
al navegar
Las páginas están http://www.telmex.com
organizadas
Tabla 3. Sitio web (Mendoza, 2009; Cavazos y Reyes, 2008).

Portal web: “Sitio web cuya función es permitir el acceso y enlace de los usuarios a información variada de
su interés” (Cavazos y Reyes, 2008, p. 212).

Por otro lado, se puede decir que un portal web es más grande que el sitio web. El portal web es un lugar en
donde además de promover sitios web y contener información y buscadores que te enlazan a otros sitios
web, también cuenta con aplicaciones o herramientas para el usuario, como los correos electrónicos, foros,
wikis, blogs, en donde cualquier persona puede ingresar y aportar información. Es como si fueras a una
conferencia en la que hay un conjunto de expositores y cada uno de ellos trae consigo sus presentaciones
(podemos decir sus sitios web), pero además, en ese lugar te pueden dar folletos, trípticos, una carpeta para
que anotes, o hay un área en donde se vendan productos relacionados con la conferencia.

Características Ventajas Desventajas Ejemplos

Contiene información Diferentes organizaciones Hay demasiada Yahoo
variada, como noticias, pueden darse a conocer por información, por lo
directorios, medio de su publicidad que puede estar
horóscopos, clima saturada

Es un sitio donde se Se pueden dar de alta sitios Su navegabilidad MSN

centra gran cantidad web en sus buscadores puede ser un poco
de publicidad complicada, por lo
que el usuario puede
llegarse a perder

4
©UVEG. Derechos reservados. Esta obra no puede ser reproducida, modificada, distribuida, ni transmitida, parcial o totalmente, mediante cualquier medio, método o
sistema impreso, electrónico, magnético, incluyendo el fotocopiado, la fotografía, la grabación o un sistema de recuperación de la información, sin la autorización por escrito
de la Universidad Virtual del Estado de Guanajuato.
 Contiene diferentes AOL
servicios para los
usuarios, como correo
electrónico, blogs,
wikis, juegos,
buscadores entre otros

Puede contener o
conectar con
información de otros
sitios web, como redes
sociales, directorios,
revistas o televisoras

Cabe mencionar que

dentro de esta
categoría entran
también los
buscadores como
Google™
Tabla 4. Portal web (Mendoza, 2009; Cavazos y Reyes, 2008).

Referencias
Cavazos, J., y Reyes, S. (2008). Comercio electrónico: un enfoque de modelos de
negocio. México: Grupo Editorial Patria.

Mendoza, L. (2009). Lección Los servicios de comunicación en internet, En

Actividad de Aprendizaje 3 del Módulo 1 de Curso cuatrimestral
Introducción a computación. Irapuato, Guanajuato: Universidad Virtual
del Estado de Guanajuato [UVEG].

Bibliografía
Laudon, K., y Guercio, C. (2009). E-commerce: negocios, tecnología, sociedad (4.ª
ed.). México: Pearson Educación.

5
©UVEG. Derechos reservados. Esta obra no puede ser reproducida, modificada, distribuida, ni transmitida, parcial o totalmente, mediante cualquier medio, método o
sistema impreso, electrónico, magnético, incluyendo el fotocopiado, la fotografía, la grabación o un sistema de recuperación de la información, sin la autorización por escrito
de la Universidad Virtual del Estado de Guanajuato.