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.
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.
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.
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.