esquemas de menu

DESARROLLO DE MENÚS Y
ESQUEMAS DE NAVEGACIÓN

13/05/2006

DAI

Contenidos
Estructuras de menús
Funciones de menús
Contenido de menús
Formato de menús
Escribiendo menús
Navegación usando menús
Navegación web y enlaces
Tipos de menús gráficos
13/05/2006

DAI

1

Estructura de menús
Menú simple

13/05/2006

DAI

Estructura de menús
Menú lineal secuencial

13/05/2006DAI

2

Estructura de menús
Menús simultáneos

13/05/2006

DAI

Estructura de menús
Menús jerárquicos

13/05/2006

DAI

3

Estructura de menús
Menús conectados

13/05/2006

DAI

Estructura de menús
Menús lanzadores de eventos

13/05/2006

DAI

4

Funciones de menús
Navegación a nuevo menú
Ejecutar acción o procedimiento
Mostrar información
Introducciónde datos o parámetros
13/05/2006

DAI

Contenido de Menús
Información contextual
Título
Descripción de opciones
Instrucciones de rellenado
13/05/2006

DAI

5

Formato de menús (I)
Consistencia en menús
–
–
–
–

Formato
Títulos, instrucciones, elecciones
Métodos de selección de elección
Esquemas de navegación

Visualización de menús
–
–
–

Mostrar permanentementedonde no obstruya en caso de
referencias frecuentes o continuas necesariamente
Por demanda si las referencias son ocasionales
Mostrar siempre opciones “críticas”

13/05/2006

DAI

Formato de menús (II)
Presentación
–
–

Menús y elecciones obvias al usuario
Aspecto diferente de otros componentes del sistema

Organización
–
–
–
–
–
–
–

Mostrar las alternativas relevantesEstructura de menú adecuado a estructura de tarea
Minimizar el número de niveles sin perjuicio de la claridad
Ser conservadores en la cantidad de opciones a mostrar
Nunca usar menús con scroll
Facilidad de reestructuración por el usuario
Menús decrecientes en opciones

13/05/2006

DAI

6

Menús con gran anchura de niveles
Pros
–
–
–

Menos pasos y menos tiempo
Menosoportunidad de tomar caminos erróneos
Aprendizaje más simple al ver las relaciones de los ítems

Contras
–
–

Menú poblado que puede afectar a la claridad
Mayor posibilidad de confusión entre opciones similares por
proximidad

13/05/2006

DAI

Menús con gran profundidad de niveles
Pros
–
–
–
–

Menú poco poblado
Menos opciones a evaluar
Ocultamiento de elecciones inadecuadas
Menorposibilidad de error entre opciones similares

Contras
–
–
–
–

Más pasos y tiempo
Aprendizaje más complejo al no ver las relaciones entre
elementos tan claras
Problemas para predecir lo que hay en los niveles inferiorres
Mayores tasas de error
13/05/2006

DAI

7

Formato de menús (III)
Complejidad
–

Proporcionar tanto menús simples (conjunto mínimo de
acciones y menús)como complejos (conjunto completo)

Distribución de ítems
–

Alinear alternativas o elecciones en columnas simples
cuando sea posible
Lectura de arriba abajo
Justificación izquierda de descripciones

–

Organización izqda-dcha si hay que mantener una
orientación horizontal de las descripciones

13/05/2006

DAI

Formato de menús (IV)
Ordenación
–
–
–
–
–
–

Orden naturalde opciones
Para listas asociadas con números, usar orden numérico
Para listas textuales con pocas opciones, ordenar por
secuencia, frecuencia, importancia, similitud semántica
Orden alfabético para listas largas y cortas (que no tengan
patrón obvio)
Separar acciones potencialmente destructivas de las
frecuentes
Mantener consistencia de orden en todos los menús
relacionados
Posicionesrelativas vs posiciones absolutas

13/05/2006

DAI

8

Formato de menús (V)
Grupos
–
–
–
–
–
–
–

Maximizar similitud intragrupal
Minimizar similitud intergrupal
6-7 grupos a lo sumo
Orden interno adecuado
Acceso inmediato a ítems críticos/frecuentes
Separar grupos mediante mayor espaciado o
línea
Caso de poca similitud y muchas opciones
13/05/2006

DAI

Formato de...