Download Presentación de PowerPoint - Docencia FCA-UNAM

Diagrama de flujo

Es un esbozo con líneas que muestra las
rutas de acceso del contenido, ayuda a
especificar de manera clara y fácil las
jerarquías, los niveles y los vínculos que existan
en el proyecto.

Es necesario para visualizar la estructura
total y la navegación del sitio WEB

Ayudará a evitar trayectos sin salida y la pérdida
del usuario en el recorrido.
Para hacer un buen diseño de navegación
hay que tomar en cuenta los siguientes
puntos:




El menú: Opciones que tendrá el sitio.
La sencillez: organización clara del sitio para que
no sea necesario explicarlo.
Facilitará el viaje: Creando el camino más fácil y
corto entre los temas. Con el menor número
posible de niveles
Minimizará la redundancia: Evitará caminos
múltiples al mismo lugar desde la misma pantalla
creando confusión al usuario en cuanto al camino a
que va a elegir.
Existen 6 tipos:






Lineal
Indexado
Circular
Estrella
Árbol
Múltiple
Navegación lineal

Se accede desde la primera pantalla hasta
la última de una forma secuencial.
Navegación indexada

Se accede de una pantalla a otra
utilizando las entradas de uno o varios
índices.
Navegación Circular

Al llegar a la última pantalla, ya sea
mediante un acceso secuencial o
indexado, se accede de nuevo a la
primera de una manera cíclica.
Navegación en estrella

Desde cualquier pantalla se puede
acceder a cualquier otra. Se pueden
establecer limitaciones (lo que daría
lugar a una estructura en forma de
árbol).
Árbol

Se puede acceder a cualquier pantalla
con ciertas limitantes y con una
estructura más organizada entre las
opciones
Navegación múltiple

Se combinan algunos o todos los
accesos anteriores
Más utilizadas en Web
Indexada
Árbol
Estrella
Convenciones a utilizar para la elaboración
del diagrama de flujo o mapa de Navegación.
• Cada opción esta definida por un recuadro con
su nombre en el interior.
• Una flecha señala una conexión con otra área
de información.
• La dirección de la flecha señala la forma en
que se puede dar la conexión.
1. Una flecha indica que la información solamente
puede darse en una sola dirección.
2. Dos puntas significará que el flujo va y regresa.
•Cualquier comentario acerca de la
conexión se anota al lado de la conexión
a la que hace referencia el comentario.
•Se debe procurar que las conexiones
no se crucen, para evitar cualquier
confusión.