Sistemas de navegación definidos por Rosenfeld y Morville como parte de los componentes de la arquitectura de información.

1. Componentes de
la Arquitectura
de Información.
Sistemas de navegación.
Mtro. Omar Sosa Tzec.
Lic. en Diseño de Interacción.
Universidad Iberoamericana Campus Puebla.
http://www.tzek-design.com/blog

2. Sistemas de Sistemas de
organización. etiquetado.
Sistemas de Sistemas de
navegación. Búsqueda.
Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.

3. Tipos de sistemas
de navegación.

4. navegación global
navegación local
navegación
contextual
Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.

5. ¿Dónde estoy?
¿Qué está cerca?
¿Que hay relacionado
con lo que está aquí?
Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.

7. ¿Dónde
estoy?
¿Dónde estoy?

8. navegación local

9. ¿Que hay relacionado
con lo que está aquí?

10. ¿Dónde
estoy?
navegación local
¿Dónde estoy?
¿Que hay relacionado
con lo que está aquí?

11. ¿Dónde
navegación local
estoy?

12. Índices
+ Mapas de sitio
Guías
Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.

13. Sistemas de navegación
embebidos en un sitio/interfaz.
Sistemas de navegación global
a lo ancho del sitio.
Sistemas locales de navegación.
Navegación contextual.

14. Sistemas de navegación global
a lo ancho del sitio.

17. Navegación. Taxonomías.

24. ¿Cómo es la taxonomía?

34. ¿Dónde está el sistema de navegación global?

36. ¿Alguien recuerda cómo estaba la navegación global antes?

37. Webarchive.org
Correspondiente a enero de 2006.

38. Webarchive.org
Correspondiente a enero de 2006.

39. ¿Por qué a Amazon le funciona bien de esta forma?

40. Usuario novato.
Usuario avanzado.
Usuario experto.

41. eye candy
Usuario novato.
Usuario avanzado.
Usuario experto.
searching

42. eye candy
Usuario novato.
Usuario avanzado.
Usuario experto.
searching

43. Sistemas locales de
navegación.

57. Navegación contextual.

67. Gestión del
Navegación conocimiento
contextual. personal
(usuario).

68. Sistemas de navegación
suplementarios.

69. Mapas de sitio.

72. Índices.

76. Guías y Wizards.

79. Enfoques de
navegación avanzada.

80. Personalización.

91. Visualización.

94. Navegación Social.

101. Navegación. Folksonomías.

102. Navigation stress test
por Keith Instone.

103. http://instone.org/navstress/

104. El propósito es tener la respuesta generalizada a las
las tres preguntas básicas:
* ¿Dónde estoy?
* ¿Qué es aquí?
* ¿A dónde puedo ir?

105. Proceso:
* Al azar escoge una página interior, no el home, del sitio
web.
* Imprime la página en blanco y negro, sin el URL (o algo
que indique la ubicación actual) mostrado ya sea en el
header o footer.
* Pretende que estás entrando a este sitio por primera
vez y trata de responder las preguntas (planteadas por
Instone para este tipo de test).
* Marca en el papel lo que piensas para cada una de las
respuestas (de acuerdo a lo establecido por Instone).

106. Navigation Question Mark Up on the Paper
What is this page about? Draw a rectangle around the title of the page or write it on
the paper yourself
What site is this? Circle the site name, or write it on the paper yourself
What are the major sections of this Label with X
site?
What major section is this page in? Draw a triangle around the X
What is “up” 1 level from here? Label with U
How do I get to the home page of this Label with H
site?
How do I get to the top of this section Label with T
of the site?
What does each group of links Circle the major groups of links and label:
represent? • D: More details, sub-pages of this one
• N: Nearby pages, within same section as this page
• S: Pages on same site, but not as near
• O: Off-site pages
How might you get to this page from Write the set of selections as:
the site home page? Choice 1 > Choice 2 > …
!
http://instone.org/navstress/

107. * Otros miembros del equipo del trabajo podrían hacer la
prueba.
* También personas que no saben nada del sitio en
cuestión.
* Hay qué comparar resultados.

108. Tarea.
* Esta tarea es en parejas.
* Escojan un sitio web.
* Cada uno deberá aportar a la tarea buscando a una
persona que no sepa del sitio web en cuestión.
* Las cuatro personas deberán realizar la prueba de
navegación de Instone.
* Todo el proceso deberá ser documentado con
fotografías (tanto de las personas haciendo la prueba
como de los documentos marcados al final de la misma).

109. * El equipo (documentar esta parte también) entrará en
discusión sobre los resultados. Hará una lista de los
puntos más importantes detectados.
* De la discusión y la lista, deberá generarse una
estrategia de rediseño de esa página interior.
* Del snapshot del sitio, se harán modificaciones (con
buena calidad) que demostrarán el rediseño. Se tendrá
entonces un antes y un después.

110. * Ambos miembros del equipo escribirán un post
(publicado igualmente en sus respectivos blogs) que
describa este caso, incluyendo la explicación del
rediseño e imágenes del antes y después, así como una
conclusión breve sobre este ejercicio.
* Se hará una presentación en clase sobre el ejercicio
para un tiempo no mayor de 10 minutos.
Importante: El título de este post debe empezar con la
palabra “Tarea 4”.

111. Gracias.
* Presentación con fines didácticos sin lucro.
Imágenes y textos son propiedad de sus autores.
* Esta presentación tiene contenido meramente
ilustrativo y no debe abusarse de la información
personal aquí mostrada.