Anexo B

1
Anexo B

• Elementos Importantes en el Diseño de Sistemas de
  Ventanas

2
IntroducciónCARACTERÍSTICAS GENERALES

• El uso del espacio de visualización de pantalla
  se puede optimizar.
• Los usuarios pueden utilizar múltiples fuentes en
  pantalla y trabajar en multitarea.
• Los usuarios pueden interactuar con diferentes
  vistas de un objeto.
• El uso de un conjunto de dispositivos de entrada
  se puede coordinar de forma uniforme.
• La forma en que trabajan estos sistemas facilita
  la estandarización de las aplicaciones.

3
Tipos de VentanaAPLICACIÓN MONODOCUMENTO

• Ventana de Aplicación
• La Información se presenta directamente en el
  área de trabajo.

4
Tipos de VentanaAPLICACIÓN MULTIDOCUMENTO

• Ventana de Aplicación
• Una ventana asociada a cada documento. La
  información se
• presenta en dichas ventanas

5
Componentes de una VentanaMARCO

• Define los límites de una ventana.
• Siempre existe.
• Al maximizar no es visible.
• Resalta los bordes cuando se solapan varias
  ventanas.
• Permite ajustar el tamaño (excepto en cuadros de
  diálogo).
• El ajuste de tamaño es un ejemplo de manipulación
  directa .

6
Componentes de una VentanaBARRA DE TÍTULO

• Título
• Aplicación - Fichero
• Sin Path para no saturar de información
• Botones de Maximizar, Minimizar y Restaurar
  Tamaño.
• Menú de Control
• Opciones de manejo de la ventana

7
Componentes de una VentanaBARRA DE MENÚS

• Situada bajo la barra de título, proporciona
  acceso a los diferentes comandos u opciones de la
  aplicación.
• Por lo general aparecerá siempre en la ventana de
  aplicación y casi nunca en las ventanas de
  documento.
• Nunca aparecerá en un cuadro de diálogo.
• Estructurada en niveles bien organizados.
• Puede cambiar en función del tipo de documento de
  la ventana activa y del estado de trabajo en que
  se encuentre actualmente la aplicación.

8
Componentes de una VentanaBARRAS DE
DESPLAZAMIENTO

• Facilitan un desplazamiento rápido por el
  documento que se esté manejando en la ventana.
• Presentan un modelo intuitivo de manipulación.
• Distinta granularidad (varias velocidades).
• La caja o botón de la barra informa de la
  posición relativa y facilita un desplazamiento
  directo e intuitivo.
• El tamaño de la caja puede ser proporcional a la
  porción de documento representada en la ventana.

9
Componentes de una VentanaLÍNEA DE DIVISIÓN

• Permiten la división de una ventana en dos o más
  paneles.
• En cada panel se puede ver la misma sección de un
  documento o una distinta.
• La vista puede ser diferente.
• Desplazamiento ligado o independiente.

10
Componentes de una VentanaBARRA DE MENSAJES

• Usualmente en la parte inferior de la ventana de
  aplicación.
• Mensajes cortos o explicaciones de menús o
  botones.
• El usuario debe poder eliminarla.
• No debe presentar información esencial.
• No para mensajes con acuse de recibo.
• Forma sofisticada de barra de mensajes.
• Información adicional de trabajo.
• Posición del cursor (X, Y o Pág y Línea).
• Modos especiales del teclado (Mayúsculas, ...).
• Estado de la aplicación (Lista, trabajando,
  esperando, ...).

BARRA DE ESTADO
11
Componentes de una VentanaBARRAS DE CONTROL

• Ejemplos
• Barras de Botones
• Reglas
• Cajas de Herramientas
• Las fijas se sitúan en los bordes.
• Las móviles o flotantes en cualquier punto
• Las coloca el usuario
• Nunca tapadas por la ventana
• Barra de título para moverlas
• Caja de Control para cerrarlas

12
Componentes de una VentanaMENÚS DE PERSIANA
O DESPLEGABLES

• Poseen título (visible antes de desplegarse, en
  la barra de menú) y opciones.
• Se activa y despliega haciendo click sobre el
  título.
• Desplegado permite seleccionar una opción.
• Se puede activar mediante teclado por
  combinaciones dispuestas al efecto (Alt Tecla).
• Cada barra de menús contiene uno o más menús.

13
Componentes de una VentanaMENÚS DE CONTEXTO

• No están siempre presentes, sino que aparecen
  flotando al pinchar con el botón derecho.
• Las opciones dependerán del lugar, objeto o
  estado en el que se pinche.
• Permiten el acceso a las opciones más rápido y
  selectivo que los menús de barra.
• No está previsto su acceso por
• teclado.
• No tienen título.
• Deben tener pocas opciones.
• No son apropiados para usuarios
• con diversidad funcional.

14
Componentes de una VentanaMENÚS JERÁRQUICOS

• Sistema mediante el cual hay opciones de un menú
  que pueden conducir a un nuevo submenú.
• Las opciones que despliegan otro menú se marcan
  con un triángulo.
• Combinables con menús desplegables y con menús de
  contexto.
• Ventajas
• Simplifican el menú que los contiene
• Agrupan diversas opciones relacionadas
• Inconvenientes
• Dificultan el acceso a las opciones
• Recorrer todas las opciones es más lento

15
Componentes de una VentanaOPCIONES DE MENÚ.
CARACTERÍSTICAS COMUNES

• El nombre debe ser único.
• Elementos no disponibles marcados en gris y
  varían en función del estado en que se encuentre
  la aplicación.
• Tipos de opciones
• Acción Abrir, Cerrar
• Cambios en un atributo negrita, subrayado
• Elección de un documento Presentacion1.PPT
• Acceso a una ventana Presentacion1.PPT2
• La representación puede ser gráfica colores.
  CUIDADO !!
• Agrupamiento de opciones mediante separadores.
• Las opciones marcadas con ... no desencadenan
  una acción directamente, sino que suelen pedir
  información al usuario.

16
Componentes de una VentanaMENÚS ESTÁNDAR
17
Componentes de una VentanaMENÚS
PREDEFINIDOS OPCIONALES

• Menú VER
• Permite cambiar la forma de visualizar los datos,
  no los datos en si mismos
• Permite controlar la aparición de elementos en el
  interfaz de usuario (Barras de Control)
• Menú de Ventana
• Actúa sobre las ventanas de documento
• Permite activar una ventana (útil cuando no es
  visible)
• Permite además su organización

18
Componentes de una VentanaVENTANAS O
CUADROS DE DIÁLOGO

• Su uso es interrogar al usuario acerca de
  información útil para una determinada acción o en
  un determinado momento de un proceso.
• Algunas están predefinidas en el sistema y
  podemos usarlas desde nuestras aplicaciones.
• Compuestas por diferentes tipos de elementos,
  adecuados cada uno a determinado tipo de
  información.
• Botones (de acción o de comando y de opción)
• Cajas de opción
• Listas (de selección única, ampliable y/o
  múltiple)
• Cajas de texto (de texto, texto y lista, texto
  con incremento y decremento)
• Selectores de desplazamiento

19
Ventanas o cuadros de diálogoUSO

• Deben ser móviles y normalmente de tamaño fijo
  (aunque en ocasiones podrán ampliarse o
  desdoblarse mediante una opción). Ej ventanas de
  color desplegables para elegir los colores de los
  elementos.
• Bloqueo de opciones. Tipos
• Bloqueo del sistema. No se usa ninguna otra
  ventana ni aplicación mientras no se responda
• Bloqueo del programa. No se usa ninguna otra
  ventana mientras no se responda
• Semibloqueo. Se pueden usar otras opciones del
  programa de forma restringida
• No bloqueante. Se puede usar cualquier programa
  de forma normal

20
Ventanas o cuadros de diálogoDIALOGOS
PREDEFINIDOS

• VENTAJAS
• El usuario las conoce
• Se adaptarán a la versión de Windows que
  utilicemos

21
Ventanas o cuadros de diálogoELEMENTOS

• Botones
• Permiten arrancar acciones (un icono o palabra
  sugiere la acción)
• o cambiar las propiedades de los datos o del
  propio interfaz (seleccionando entre las
  distintas posibilidades que los botones marquen)

• Cajas de opción o selección
• Para propiedades activas o inactivas

22
Ventanas o cuadros de diálogoELEMENTOS

• Etiquetas
• Cajas de Texto o de Edición
• Cajas de Lista
• Cajas de Texto combinadas con lista
• Cajas de Edición con Incremento y
• Decremento