sistemas de navegación

Componentes dela 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 deorganización.

Sistemas deetiquetado.

Sistemas denavegación.

Sistemas deBúsqueda.

Information Architecture for the World Wide Web.Peter Morville and Louis Rosenfeld.O’Reilly. 2006.

Tipos de sistemasde navegación.

nave

gaci

ón lo

cal

navegación global

navegación contextual

Information Architecture for the World Wide Web.Peter Morville and Louis Rosenfeld.O’Reilly. 2006.

¿Qué

est

á ce

rca?

¿Dónde estoy?

¿Que hay relacionadocon 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 relacionadocon lo que está aquí?

¿Dónde estoy?

navegación local

¿Que hay relacionadocon lo que está aquí?

¿Dónde estoy?

navegación local¿Dónde estoy?

+Í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 global a lo ancho del sitio.

Sistemas locales de navegación.

Navegación contextual.

Sistemas de navegaciónembebidos en un sitio/interfaz.

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.orgCorrespondiente a enero de 2006.

Webarchive.orgCorrespondiente a enero de 2006.

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

Usuario novato.

Usuario avanzado.

Usuario experto.

Usuario novato.

Usuario avanzado.

Usuario experto.

eye candy

searching

Usuario novato.

Usuario avanzado.

Usuario experto.

eye candy

searching

Sistemas locales denavegación.

Navegación contextual.

Gestión delconocimiento

personal(usuario).

Navegacióncontextual.

Sistemas de navegaciónsuplementarios.

Mapas de sitio.

Índices.

Guías y Wizards.

Enfoques denavegación avanzada.

Personalización.

Visualización.

Navegación Social.

Folksonomías.Navegación.

Navigation stress testpor 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 site?

Label with X

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 site?

Label with H

How do I get to the top of this section of the site?

Label with T

What does each group of links represent?

Circle the major groups of links and label:

• 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 the site home page?

Write the set of selections as:

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.