1. 1
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
MAPAS DE NAVEGACIÓN
Los mapas de navegación proporcionan una representación completa o resumida del sitio
web para orientar al usuario durante el recorrido o para facilitar un acceso directo al lugar
que interese. Esa estructura es basada por enlaces a los nodos principales, éstos a la vez
desarrollan para mostrar los subnodos. Tienen una manera similar a los sumarios, índices
y tablas de contenido, pueden tomar la forma de menús.
Para ofrecer una visión global, es muy útil mostrar un mapa de todo el contenido, poder
verlo en una sola pantalla y que esté accesible desde la web. Sin embargo, mostrar todo
el contenido reflejado en un mapa o
esquema global en una sola pantalla
cuando el espacio web o un hipertexto
son demasiado grandes, es casi
imposible de llevar a la práctica y
tampoco tiene ninguna utilidad
confeccionar una farragosa sopa de
letras o imágenes. Una solución es
emplear diagramas globales con los
nodos más importantes y luego
desarrollar cada subnodo en diagramas
locales con información más detallada.
También puede ofrecerse el empleo de
las llamadas fish-eye views o mapas
ojo de pez que muestran todo el
espacio hipertextual en un único gráfico
en distintos niveles de detalle, ofreciendo más información sobre la posición actual en la
que se encuentra el usuario y disminuyendo los detalles de forma gradual según estén
más alejadas las partes. Sin embargo, este tipo de mapas son muy difíciles de
confeccionar con la tecnología web, puesto que cada nodo necesitaría un tratamiento
específico.
Para confeccionar mapas que reflejan el contexto del
nodo activo existen programas específicos que también
son capaces de mostrar en forma gráfica toda la
estructura de un hipertexto. Estas funcionalidades las
tienen algunos programas de creación de páginas web,
tales como FrontPage de Microsoft. Sin embargo, no se
trata de verdaderas herramientas de navegación, ya
que estas funcionalidades son posibles únicamente
dentro del programa de construcción de las páginas
web residentes en el disco duro, y no cuando el
hipertexto se publica en la web. Ejemplos de mapas de
este tipo, es mindomo.
Link manual de mindomo:
http://www.youtube.com/watch?v=9xB8gQeSgyk

2. 2
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
TIPOS DE PÁGINAS
PÁGINAS DINÁMICAS
Son páginas HTML generadas a partir de lenguajes de programación (scripts) que son
ejecutados en el propio servidor web. A diferencia de los JavaScript, los Server Side
scripts generan un código HTML desde el propio servidor web. Se le conocen a toda
página cuyo contenido se genera a partir de lo que un usuario introduce en un web o
formulario.
Este código HTML puede ser modificado -por ejemplo- en función de una petición
realizada por el usuario en una Base de Datos. Dependiendo de los resultados de la
consulta en la Base de Datos, se generará un código HTML u otro, mostrando diferentes
contenidos.
Una razón por la que construyamos una página dinámica es la simple vistosidad que
pueden alcanzar los trabajos, ya que podemos hacer presentaciones más entretenidas de
las que se consiguen utilizando únicamente HTML.
Las páginas dinámicas se ejecutan en el propio servidor web. Por lo tanto, dependerán
del tipo de servidor que dispongamos. Aunque esto no siempre es así, porque
actualmente hay paquetes de software que ejecutan todos los scripts en todos los
servidores, siempre estaremos condicionados por los lenguajes diseñados especialmente
para cada Sistema Operativo.
Las páginas dinámicas nos pueden ayudar a gestionar más fácilmente los contenidos de
nuestro sitio web y a interactuar con Bases de Datos. Además, todos los lenguajes script
comentados disponen de componentes para la conexión con la mayoría de las Bases de
Datos (mySQL, Oracle, SQL Server,…). Esto nos puede servir para almacenar nuestros
contenidos dentro de una Base de Datos, en lugar de realizar cada página web una por
una.
PÁGINAS ADMINISTRABLES
Es la forma de administrar los contenidos que permite gestionar de forma intuitiva y fácil el
contenido, documentos e información en su página o sitio web. Estas páginas se fijan en
la básica “capacidad” de publicar noticias y/o información del proveedor.
Es necesario tener contenido actualizado, el simple hecho de cambiar precios, agregar
aquel nuevo servicio, cambiar el texto de la página web principal por uno mejor.
PÁGINAS ESTÁTICAS
Son páginas que contienen información que el cliente no puede manipular, del cual el
cliente deberá de ponerse en contacto con la empresa que al desarrollo para poder
realizar dichas modificaciones. Estas páginas son enfocadas a mostrar una información
permanente, donde el navegante se limita a obtener dicha información, sin que pueda

3. 3
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
interactuar con la página Web visitada, están construidas principalmente con
hipervínculos o enlaces entre las páginas Web que conforman el sitio, este tipo de
páginas son incapaces de soportar aplicaciones Web como gestores de bases de datos,
foros, consultas on line, e-mails inteligentes.
Su principal ventaja es lo económico que resulta crearlas, con un diseño vistoso e
incluyendo las imágenes y el texto con el cual queremos informar a los navegantes, se
puede crear fácilmente sin necesidad de ningún tipo de programación especial; su
desventaja reside en lo laborioso que resulta su actualización así como la pérdida de
potentes herramientas soportadas con bases de datos, como pueden ser la creación de
registros históricos de los clientes, pedidos on-line, entre otros.
USABILIDAD
Se refiere a la experiencia del usuario al interactuar con una página web. A la vez se
refiere a la capacidad de un software o sistema interactivo de ser comprendido,
aprehendido, usado fácilmente y atractivo para un usuario, en condiciones específicas de
uso. También es la efectividad, eficiencia y satisfacción con lo que un producto permite
alcanzar sus objetivos específicos.
Un sitio web con usabilidad es aquél que muestra todo de una forma clara y sencilla de
entender por el usuario. Aunque es imposible crear un sitio que sea claro y eficiente para
cada usuario, el diseñador debe esforzarse para mostrar las cosas tan claramente como
sea posible, de tal modo que reduzca al mínimo cualquier aspecto que pueda ser confuso.
La usabilidad implica eficacia, en el cual el visitante consiga lo que buscaba, también
satisfacción al navegar por la web y eficiencia al conseguir lo que quiere rápidamente.
Principios Generales de Usabilidad
La Usabilidad se basa de estos principios:
● Facilidad de aprendizaje, en la que los nuevos usuarios desarrollan una interacción
efectiva con el sistema o producto.
● Flexibilidad, en donde muestra las diferentes posibilidades con las que el usuario y
el sistema pueden intercambiar información.
● Robustez, del cual es el nivel de apoyo al usuario que facilita el cumplimiento de
sus objetivos, se relaciona con la capacidad de observación del usuario, de recuperación
de la información y de ajuste de la tarea del usuario.
● Anticipación, del cual el sitio web puede anticipar del usuario.
● Autonomía, donde los usuarios sienten y pueden controlar un sitio web.
● Consistencia, donde las aplicaciones deben ser consistentes con las expectativas
de los usuarios.
● Eficiencia del tiempo, del cual los sitios web se deben centrar en la productividad
del usuario y no con el mismo sitio.
● Reversibilidad, donde un sitio web permite deshacer las acciones realizadas.
● Legibilidad, donde el color de los textos debe contrastar con el fondo y el tamaño
de fuente debe ser suficientemente grande.
● Interfaz visible, del cual se deben evitar elementos invisibles de navegación que han de
ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, entre otros.
● Rápidez: Las páginas deben cargarse con una media de cuatro segundos, lo máximo de
espera para el usuario es de 10 segundos para ver el contenido total de la página web.

4. 4
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
Además, los usuarios disponen de diferentes módems para acceder a internet, por lo que
las páginas deben ser lo menos pesadas para que el tiempo de la carga sea mínima.
● Simple: El límite de páginas dentro de un sitio es entre seis u ocho como máximo.
Debe mantener una navegación constante, donde no fuercen a los usuarios a aprender
diferentes caminos o esquemas para la navegación en diversas partes del sitio. Además
de no exceder la implementación de la animación en la página web.
● Investigable: Los motores de búsqueda buscan el texto real, desconociendo los gráficos
y los códigos de programación. Sobre ello debe ser evitables.
● Compatibilidad: Los sitios web deben ser compatibles con todos los navegadores y
ordenadores. Para ello debe usar HTML de manera simple y sencilla, entendible para
todos los navegadores.
● Actualizado: Todo sitio web debe estar con los datos y contenidos actualizados
para que no pierdan credibilidad de lo que ganaron.
Algunas recomendaciones…
Estos principios son los resultados de investigaciones y trabajos llevados a cabo con
usuarios por profesionales y expertos del sector. A la vez son aceptados por todos como
base de la construcción de una experiencia de una satisfacción del usuario.
De los principios, están estos consejos.
1. Comunicación de forma inmediata el objetivo del sitio web a los usuarios.
2. El cliente debe estar informado de los constantes cambios acerca de su ubicación.
3. El sitio debe adaptarse al mundo de los usuarios, usando su lenguaje, sus
conocimientos, entre otros aspectos.
4. El usuario debe sentir que posee el control sobre todo lo que pasa en el sitio.
5. El sitio debe ser consistente internamente y respetar estándares externos.
6. El diseño debe ayudar a prevenir posibles errores.
7. Se debe facilitar y optimizar el acceso a los usuarios.
8. Evitar la información irrelevante y ceñirse a lo necesario.
9. La navegación debe ser recordada más que redescubierta.
10. El usuario debe recibir ayuda cuando lo necesita.
DISEÑO CENTRADO EN EL USUARIO
Es la práctica de diseñar productos de forma que sus usuarios puedan servirse de ellos
con un mínimo de estrés y un máximo de eficiencia. Es el modelo mental, heredado de la
psicología cognitiva, y analizado desde hace más de medio siglo, y de reciente aplicación
en el proceso de desarrollo de sistemas de interacción con el usuario. Esta filosofía
describe en tres principios, como son:
1. Un enfoque desde el inicio hacia los usuarios y las tareas que han de realizar con
el producto, recogiendo datos de manera estructurada, sistematizada y objetiva.
2. Medición empírica de la utilización real, donde el énfasis se centra en la realización
de test de factibilidad de uso desde el inicio del diseño basado en prototipos tempranos
del producto.
3. Diseño interactivo, mediante la repetición cíclica de las fases de diseño,
modificación de parámetros y test de usabilidad del producto, desde el primer momento,
realizado ciclos hasta que el resultado sea completamente satisfactorio.

5. 5
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
TIPOS DE NAVEGACIÓN
1. LINEAL:
Es la manera de hacer un recorrido, similar al de leer un libro de manera que estando en
una página, podemos ir a la siguiente página o ir a la página anterior. Es muy útil cuando
queremos que el lector siga en un camino fijo y guiado, impidiendo que se distraiga con
enlaces a otras páginas, es válido para tutoriales de aprendizaje o tours de visita guiada y
para sitios pequeños. Puede ser cronológica y ordenada de lo más general a lo más
específico.
2. NO LINEAL:
Son también conocidos como tipo en forma de red, del cual aparentemente no hay un
orden establecido, donde las páginas pueden apuntarse entre sí mismas sin ningún orden
aparente; es la más libre pero la más peligrosa ya que si no se informa al usuario en
dónde se encuentra, puede perderse o no encontrar con la información del cual buscaba.
(Acedo, 2013)
3. OTROS:
Existe el TIPO JERÁRQUICO, del cual su estructura es similar al de un árbol, que parte
de la página principal mediante la que se puede acceder a diferentes páginas secundarias
y de ellas acceder a páginas terciarias. La disposición de un sitio está compilada en un

6. 6
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
menú general en la página principal, mediante el que haremos acceso a las diferentes
páginas de entrada a las secciones y de ellas establecer otro menú del cual el usuario
pueda ir a cualquiera de las páginas que la componen (ACOSTA, 2013).
También existe el TIPO LINEAL JERÁRQUICO, del cual los temas y subtemas están
organizados de una manera jerárquica, pero puede leerse de forma lineal si el usuario lo
quiere. Esto permite tener el contenido organizado jerárquicamente y simultáneamente
poder acceder a toda información de manera lineal.
El TIPO FRAMES es con base a una interfaz en forma de frames (sub-pantallas) en la
que el usuario dispone de un menú siempre presente en cualquier momento de
navegación, pasando de página en página, a partir de las que puede navegar sea en
jerarquía, en lineal o en lineal jerárquico. (ACOSTA, 2013)

7. 7
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
HIPERMEDIAL
La navegación es un proceso donde las decisiones se toman de forma continua, eligiendo
entre las distintas estrategias que pueden conducir al objetivo final. Este proceso requiere
la evaluación del entorno para determinar si el objetivo inicial ha sido alcanzado.
La navegación hipermedia se divide en dos categorías:
Navegación por Ubicación: El usuario navega empleando conocimiento específico del
entorno que está percibiendo, haciendo uso por tanto de información incompleta.
Navegación por Planes Predeterminados: La navegación se realiza haciendo uso del
conocimiento de los mapas mentales que se tiene del entorno, para obtener por
adelantado un plan completo que permita alcanzar el lugar deseado. (Anonimo, 2013)

8. 8
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
Trabajos citados
Acedo, S. O. (2013). Mapas de navegación. Recuperado el 15 de 03 de 2013, de
http://www.uned.es/ntedu/espanol/master/primero/modulos/multimedia/diseno1.htm
ACOSTA, J. C. (2013). Academicos 2013. Recuperado el 20 de 01 de 2013, de
http://bagatelaproductiva.files.wordpress.com/2011/03/informemapasdenavegacion.pdf
Anonimo. (2013). http://supernavegacion.blogspot.com/. Recuperado el 15 de 03 de 2013, de
http://supernavegacion.blogspot.com/