Diseño de la

navegación
ANYELINA PORTE DECENA A00109956
FELIX RAMOS GIL A00109620
MISSAEL SALAZAR QUEZADA A001 10363
RAFAEL SANTOS LÓPEZ A00109456
CRISTOFHER TEJADA VENTURA A001 10638
En esta presentacion
les estaremos
dialogando acerca del
DISEÑO DE LA
NAVEGACION con la
finalidad de satisfacer
las expectativas del
maestro a la vez que la
necesidad del
estudiante de
comprender dichos
puntos los cuales se
desglosaran en esta
presentacion.
DISEÑO DE LA
NAVEGACIÓN
Una vez que la arquitectura
de la webapp ha sido
establecida y se han
identificado sus
componentes (páginas,
textos, subprogramas y otras
funciones de
procesamiento), deben
definirse las rutas de
navegación que permitan a
los usuarios acceder al
contenido y a las funciones
de la web app.
SEMÁNTICA DE Como muchas acciones del
diseño de webapps, el diseño
LA de la navegación comienza con
la consideración de la jerarquía

NAVEGACIÓN del usuario y los casos de uso

relacionados (véase el capítulo
5), desarrollados para cada
categoría de usuario (actor).
Cada actor puede usar la
webapp en forma algo
diferente, por lo que tendrán
distintos requerimientos de
navegación. Además, los casos
de uso desarrollados por cada
actor definirán un conjunto de
clases que incluirán uno o más
objetos de contenido o
funciones de la webapp.
Semántica de la navegación
Una USN está compuesta por
un conjunto de elementos de
navegación llamados [Gna99]
formas de navegar (FdN).
Una FdN representa la mejor
ruta de navegación a fin de
lograr una meta para un tipo
de usuario específico. Cada
FdN está organizada como
un conjunto de nodos de
navegación (NN) conectados
por vínculos. En ciertos casos,
un vínculo navegable es otra
USN. Entonces, la estructura
de navegación general de
una webapp está organizada
como jerarquía de USN.
 SEMÁNTICA DE LA
NAVEGACIÓN

La figura 13.9 ilustra un análisis parcial de la semántica de la navegación

que implica el caso de uso Seleccionar Componentes de CasaSegura.
Con el empleo de la terminología ya mencionada, la figura también
representa una forma de navegación (FdeN) para la webapp
CasaSeguraAsegurada.com
 Vínculo de navegación individual:
incluye vínculos basados en texto,
iconos, botones e interruptores,
así como metáforas gráficas.

SINTAXIS DE
NAVEGACIÓN
Al avanzar en el diseño, la Barra de navegación horizontal:
tarea siguiente es definir la enlista las categorías principales
mecánica de la navegación. de contenido o de funciones en
Se dispone de varias
una barra que contiene vínculos
opciones para desarrollar un
enfoque de implementación
apropiados.
para cada USN:
 SINTAXIS DE
NAVEGACIÓN

Columna de Pestañas: metáfora Mapas del sitio: dan

navegación vertical: 1) que no es más que una una tabla de contenido
enlista las principales variación de la barra o que incluye todo el
categorías de columna de contenido a fin de
contenido o funciones navegación y navegar hacia todos los
o 2) enlista representa categorías objetos y funciones
virtualmente todos los de contenido o contenidas dentro de
principales objetos de funciones como la webapp.
contenido que hay pestañas que se
dentro de la webapp. seleccionan cuando se
requiere un vínculo.
SINTAXIS DE
NAVEGACIÓN
Además de elegir la mecánica de
navegación, también deben
establecerse las convenciones y ayudas
apropiadas para navegar. Por ejemplo,
los iconos y vínculos gráficos deben
invitar a hacer “clic” en ellos,
desvaneciendo las aristas a fin de darles
una apariencia tridimensional. Debe
diseñarse retroalimentación auditiva o
visual con objeto de dar al usuario una
indicación de que se ha escogido cierta
opción de navegación.
En conclusion
esperamso haber
cumplido con las
expectivas del
maestro y haber
satisfecho la
necesidad de
aprendizaje de los
demas alumnos