Nuestro sitio web debe tener un sistema de navegación consistente, evitando que el usuario utilice elementos del navegador como el botón retroceder, la barra de dirección o el menú del botón derecho. Aquí damos a conocer las diferentes formas y sistemas para una navegación adecuada. En esta presentación podrá encontrar: - Introducción - Formas de navegación - Sistemas de navegación. Fuente: www.blog.pucp.edu.pe/ux

1. Sistemas de navegación

2. Navegar en una página web y estar
perdido es una experiencia frustrante

3. La navegación es importante para hacer
notar al usuario ¿Dónde está?, ¿A dónde
puede ir ? y ¿Cómo puede regresar?

4. Sistemas de navegación
Global
Local
Contextual
Suplementarias

5. Sistema de navegación global, se suele poner en esta zona
del sitio, responde a la pregunta ¿Dónde estoy?
Sistema de
navegación
Local, se Sistema de navegación contextual, que
suele poner responde a la pregunta ¿Cómo lo relaciono
en esta zona con lo que está aquí?
del sitio, Trae una mayor flexibilidad. Los elementos
responde a que conforman son botones, títulos de las
la pregunta páginas, hipertextos, banners e imágenes.
¿Qué está
cercano?

6. Sistema de navegación suplementaria
Buscador
Nube de tags
Mapa de sitio
Enlaces relacionados
Índice alfabético
Paginador
Breadcrums
Pestañas o tabs

7. Formas de navegación
Jerárquica
Secuencial
Persistente
Mapeada
Búsqueda
Wizard
Drill Down
Suplementaria

8. Forma jerárquica.
Son las clásicas opciones y
subopciones de las barras
de navegación conocidas
como menús
Forma secuencial.
La navegación se realiza
por faces. Muchas veces
usadas para compra en
línea y pasarelas de pago.

9. Forma persistente. Es cuando las opciones o subopciones siempre se
encuentran presentes en todas las páginas del sitio web
HOME
INTERNA

10. Forma mapeada. Muestra Forma de búsqueda. Desde los
todas las opciones abiertas en resultados de una búsqueda
una sola vez

11. Forma wizard. Al instalar un software, la navegación está interrumpida por el
proceso de instalación de archivos en faces
Forma drill down. Es la forma de navegar de los dispositivos táctiles

12. Forma suplementaria. Es la navegación mediante mapas de sitios, breadcrums,
nubes de tags, pestañas, enlaces relacionados
Nube de tags
Mapa de sitio
Pestañas o tabs
Breadcrums
Enlaces relacionados

13. Nuestro sitio web debe
tener un sistema de
navegación consistente,
evitando que el usuario
utilice elementos del
navegador como el botón
retroceder, la barra de
dirección o el menú del
botón derecho

14. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe