Alejandro Forero Arango. INTERFACES CON EL USUARIO La riqueza del Hipertexto se basa en su habilidad para reunir una gran cantidad de información de forma.

Presentación del tema: "Alejandro Forero Arango. INTERFACES CON EL USUARIO La riqueza del Hipertexto se basa en su habilidad para reunir una gran cantidad de información de forma."— Transcripción de la presentación:

1 Alejandro Forero Arango. INTERFACES CON EL USUARIO La riqueza del Hipertexto se basa en su habilidad para reunir una gran cantidad de información de forma compleja, a través de enlaces y referencias cruzadas. Pero a la vez puede resultar un sistema complejo y enredado confundiendo a lectores y autores.

2 Alejandro Forero Arango. DESORIENTACIÓN La desorientación o el “Sentirse Perdido” se produce por la necesidad de saber en dónde se está, de dónde se vino y a dónde se puede ir. En los textos tradicionales es difícil perderse (Tablas de Contenido, Índices, etc.). En el Hipertexto, es muy fácil perderse por la cantidad de nodos y enlaces.

3 Alejandro Forero Arango. SOBRECARGA COGNITIVA La sobrecarga cognitiva puede definirse como un esfuerzo mental adicional, tanto para autores como para lectores. –Autores: Crear nombres y, guardar y recordar la estructura de nodos y enlaces. –Lectores: Al momento de tomar decisiones, como a cuál nodo ir cuando se tienen muchas opciones. El proceso para tomar la decisión o para hacer alguna anotación puede ser muy distractivo, y puede ser crítico cuando hay muchos nodos y enlaces. También cuando se enfrentan a un sistema de interfaz y de navegación desconocido.

4 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Navegadores Gráficos Ayudan a reducir la desorientación, pues proveen un espacio bidimensional para el despliegue de la información de la red del Hipertexto. Minimizan la sobrecarga cognitiva, al mostrar una pequeña parte de la red y al dar una idea del tamaño de la misma. Si el usuario quisiera tener una idea del contenido de un nodo antes de visitarlo, se puede proveer algún mecanismo que presente una descripción del nodo. Pueden ser confusos si la red del Hipertexto es muy grande.

5 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Vistas de la Estructura Mapas Globales. Muestran toda la estructura del Hipertexto (nodos y enlaces). Útiles cuando la red es pequeña. Mapas Locales. Útiles para mostrar un nodo de interés y sus vecinos. Mapas de Marcas Locales. Permiten conocer que nodos han sido abiertos y activados. Es dinámico. Se requiere no sólo de información espacial (a donde puedo ir ?), también información temporal (cómo llegué aquí?). Esta información se puede proveer a través de tres ayudas de navegación: rutas, mapas y barras de progreso (informan por adelantado la cantidad de material en la red, permitiendo decidir si se sigue o se vuelve más tarde).

6 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Rutas e Historia de Recorrido La mayoría de los lectores tienen problemas para entender el material, ya sea, porque lo vieron en el orden equivocado o porque simplemente no entienden. Una Ruta puede ayudar, permitiendo a los autores determinar un orden apropiado a la presentación para diferentes clases de audiencias.( Ruta para avanzados y ruta para novatos) Una Historia de Recorrido es una lista de nodos visitados por el usuario en una sesión de navegación. La lista tiene información de cada nodo visitado, el tipo de evento y la fecha cuando ocurrió el mismo. Son usadas para llevar un registro de las actividades en un HD durante una sesión.

7 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Visitas Guiadas (secuencia de nodos elegidos por el autor) Volver atrás, Listas Históricas y Huellas Volver Atrás (backtracking), permite volver a los nodos previamente visitados. La mayoría de estos mecanismos no permiten regresar al nodo de donde se devolvió. Debe estar siempre disponible y usarse de la misma manera. Listas Históricas y Huellas (Footprints), Permite mantener una lista ordenada de los nodos que han sido visitados, guardando la fecha y la duración. Permiten establecer cuá ntas veces ha sido visitado un nodo en una sesión, colocando una marca o Huella.( , +, *) Son una herramienta de navegación controlada del sistema a la cual el usuario puede entrar y salir a su voluntad. Evitan la desorientación, pero no permiten una exploración libre.

8 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Landmark Nodos principales que pueden ser accedidos desde cualquier lugar del sistema. Facilitan la reorientación de los usuarios perdidos. (Ej: Inicio, mapa, ayuda, autores) Bookmark Similar al concepto de lista histórica, con la diferencia que los nodos son colocados en la lista por el usuario, y sólo aquellos que son de su interés. Menúes contenidos en otros Resaltan las relaciones semánticas en lugar de las físicas. Reducen la pérdida de contexto y la desorientación.

9 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Vistas de Ojo de Pescado Es una vista del nodo de más interés (localizado en el centro) con sus vecinos (los de menos interés se ubicarán más hacia la periferia). Arañas Es el mapa de la estructura de los nodos que el usuario va recorriendo. Se actualiza con un nuevo nodo cada vez que el usuario ingresa en uno. Puede llegar a congestionar la pantalla si ingresa en muchos nodos Tema I Tema II Tema III Subtema 2.1 Subtema 2.2 Subtema 2.3 Nodo 14 Nodo 15

10 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Técnicas de Ampliación (Zoom) y Recorrido (Roam) Despliega en un espacio de dos dimensiones una vista en miniatura de todo el espacio de información, para ayudar a recordar la ubicación. La técnica de Recorrido, permite ubicarse rápidamente sobre el espacio a través de un. La técnica de Ampliación, permite enfocar una región particular cuando se ubica haciendo zoom in o zoom out.

11 Alejandro Forero Arango. DISEÑOS PARA LA NAVEGACIÓN Navegación por el Espacio Conceptual En los sistemas de aprendizaje se necesita a veces un poco de desorientación y sobrecarga cognitiva, para permitir el aprendizaje y la exploración. Los usuarios serán guiados por el sistema y el descubrimiento. Algunos sistemas crean enlaces entre nodos por la relación entre ellos, en términos de atributos clave. Esto permite al usuario navegar por el espacio conceptual e interrogar al sistema con combinaciones de atributos.

12 Alejandro Forero Arango. Usabilidad y Evaluación de un HT 1.Contenido e Interfaces adecuados 2.Aceptación por parte de los lectores 3.Adaptabilidad a las tareas del usuario. 4.Entrenamiento de los lectores como usuarios de información 5.Costos de producción y distribución.

13 Alejandro Forero Arango. Usabilidad y Evaluación de un HT Para evaluar un Hipertexto, según Nielsen, se deben tener en cuenta las siguientes categorías: Utilidad: Medida de que tanto el Hipertexto ayuda al usuario a ejecutar la tarea que se desea. Comparación HT vs Texto Lineal. (rendimiento con la misma tarea) Integridad: Medida de la completitud del HT. y facilidad de mantenimiento. Usabilidad: Medida de tres factores, facilidades de aprendizaje y uso, y manejo de errores Estética: Medida de qué tan placentero es el sistema.

14 Alejandro Forero Arango. AYUDAS DE NAVEGACIÓN Para dónde ir primero ? Introducción, Visitas Guiadas. Hay alguna ruta predefinida ? Visitas Guiadas Para dónde puedo ir desde aquí ? Botones y Mapas Cómo llegué aquí ? Historias de Recorrido y Mapas Cómo volver a donde estuve ? Historias de Recorrido, Volver Atrás, Bookmarks Puedo marcar este punto para volver después ? Bookmarks y Listas Históricas. Hay alguna información sobre X ? Búsquedas Cuál fue el camino recorrido hasta aquí ? Historias de Recorrido, Mapas Puedo volver al punto en que estaba antes ? Historias de Recorrido, Visitas Guiadas, Bookmarks