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
 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.
Tipos de sistemas
de navegación.
 navegación global

navegación local

navegación
contextual

Information Architecture for the World Wide Web.

Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.
 ¿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.
 ¿Dónde
estoy?

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

¿Que hay relacionado

con lo que está aquí?
¿Dónde
estoy?navegación local
 Índices

+ Mapas de sitio

Guías

Information Architecture for the World Wide Web.

Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.
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.
Sistemas de navegación global
a lo ancho del sitio.
Navegación. Taxonomías.
¿Cómo es la taxonomía?
¿Dónde está el sistema de navegación global?
¿Alguien recuerda cómo estaba la navegación global antes?
Webarchive.org
Correspondiente a enero de 2006.
Webarchive.org
Correspondiente a enero de 2006.
¿Por qué a Amazon le funciona bien de esta forma?
Usuario novato.

Usuario avanzado.

Usuario experto.
 eye candy

Usuario novato.

Usuario avanzado.

Usuario experto.

searching
 eye candy

Usuario novato.

Usuario avanzado.

Usuario experto.

searching
Sistemas locales de
navegación.
Navegación contextual.
 Gestión del
Navegación conocimiento
contextual. personal
(usuario).
Sistemas de navegación
suplementarios.
Mapas de sitio.
Índices.
Guías y Wizards.
Enfoques de
navegación avanzada.
Personalización.
Visualización.
Navegación Social.
Navegación. Folksonomías.
Navigation stress test
por Keith Instone.
http://instone.org/navstress/
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?

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).
 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/
* 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.

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).
* 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.
* 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”.
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.