Menús desplegables

Los menús desplegables definitivamente ahorran espacio. Desafortunadamente, sufren de algunos problemas:

  • Tiene que buscarlos.
  • Son difíciles de consultar.
  • Resultan incómodos.

Los desplegables son más eficaces para listas de elementos conocidos ordenados alfabéticamente.

La solución…

¿Supone este desplegable con estos elementos y estos términos dentro de este contexto particular una buena experiencia para la mayoría de las personas que probablemente utilicen este sitio? 

Anuncios

Navegación

Creo que hablamos de navegación Web porque…

averiguar dónde estamos es un problema bastante más predominante en la Web que en los espacios físicos. En la Web estamos intrínsecamente perdidos, no podemos asomarnos por los pasillos para ver dónde estamos. La navegación Web compensa la ausencia del sentido del lugar incorporando la jerarquía del sitio, creando ina sensación del tipo ‘allí’.

  • La navegación no sólo es una característica de los sitios Web.
  • Sin navegación no hay un ‘allí’ más allá.
  • La navegación web tiene que ser buena.

Propósitos de la navegación

  • Nos ayuda a encontrar lo que estamos buscando.
  • Nos dice también el lugar donde nos encontramos.
  • Nos ofrece un lugar donde no nos perdamos.
  • Nos dice lo que hay en cada lugar.
  • Nos enseña a usar el sitio.
  • Nos permite confiar en las personas que la han creado.

Convenciones de la navegación

  • Especifican, de una forma aproximada, la apariencia y la ubicación de los elementos de navegación, de manera que nos permiten saber en todo momento lo que buscamos y dónde encontrarlo cuando lo necesitamos.

Navegación coherente

La navegación coherente o global describe el conjunto de los elementos de navegación que aparecen en todas las páginas del sitio.

Debería de incluír:

  1. Identificación del sitio [encabezado del sitio].
  2. Camino hacia la página principal [‘Home’, ‘Inicio’].
  3. Una forma de buscar.
  4. Utilidades [vínculos a los elementos importantes del sitio].
  5. Secciones [vínculos a las secciones principales del sitio].

La página principal no es como las otras páginas

  • Tiene que soportar un peso diferente y también ha de cumplir unos cometidos diferentes.

 

En la Web, el principal modo de movimiento es la teletransportación. Steve Krug

 

El problema de la navegación se hace más y más traicionero a medida que la profundidad de la jerarquía se incrementa. Ben Shneiderman

Proyecto final: Prototipo final

 

 Interfaz “Inicio”

Interfaz “Introducción”

Interfaz “Objetos de aprendizaje”

 

Interfaz “Resumen”

 

Interfaz “Glosario”

 

Interfaz “Lecturas complementarias”

 

Interfaz “Ayuda”

Interfaz “Modelo prescriptivo”

Interfaz “Fase 1: Comunicación”

 

Interfaz “Análisis institucional”

Interfaz “Formulación”

Interfaz “Fase 2: Planeación”

Interfaz “Plan de desarrollo”

Interfaz “Equipo de trabajo”

Interfaz “Fase 3: Modelado”

Interfaz “Modelado de análisis”

Interfaz “Modelado de diseño”

Interfaz “Fase 4: Construcción”

Interfaz “Codificación”

Interfaz “Pruebas rápidas”

Interfaz “Fase 5: Implantación”

Interfaz “Entrega”

Interfaz “Pruebas de usabilidad”

Interfaz “Retroalimentación”

Interfaz final del objeto de aprendizaje

Proyecto final: Mejoras al prototipo

Interfaz de inicio

Se cambió el elemento gráfico decorativo y el nombre del objeto de aprendizaje, obteniendo las siguientes propuestas para la interfaz de inicio:

 

Menús

  • Menú lateral. En éste, se presenta el tema central del objeto de aprendizaje: el modelo prescriptivo de proceso evolutivo de los objetos de aprendizaje. Además, se eliminó el tercel nivel, logrando un menú corto con cada una de las fases del modelo y sus respectivas actividades.
  • Menú superior. Con este menú los usuarios puedne consultar otros contenidos.

Indicadores

Presenta un indicador que le permite al usuario saber en qué contenido del objeto de aprendizaje se encuentra.