Formularios o diálogos

Leonel Morales DíazIngeniería Simple

leonel@ingenieriasimple.com

Disponible en: http://www.ingenieriasimple.com/introprograCopyright 2008 by Leonel Morales Díaz – Ingeniería Simple.

Derechos reservados

Diálogos Interactuamos con la computadora Dialogamos con la computadora Preguntas y respuestas

A veces no tan diálogo...

Diálogos modales Cambian el “modo” de interacción

Obligan a atenderlos No se puede trabajar en otra cosa

Diálogos no modales También “sin modo” Permiten trabajar en otra cosa

O ignorarlos

Diálogos sin modo

Cuadros de texto Entrada libre de texto Cantidad pequeña

Una sola línea

Formas incorrectas

Area de texto Entrada libre de texto De mayor tamaño

Varias líneas

Password Para ingreso de palabra clave Datos que no deben ser vistos

Números de tarjeta de crédito PIN

En todo caso Cuidar el tamaño adecuado Cuidar la posición y orden Usar etiquetas significativas Mantener estándar de etiquetas

Alineación Mayúsculas Dos puntos

Checkboxes Cuadros de chequeo Indican sí o no, encendido o apagado

De acuerdo o no, etc. Importante: valor por omisión

Checkboxes

Botones de radio Seleccionar entre opciones Pocas: 5 o 6 máximo

Pero más de 2 Agrupados Valor por omisión

Botones de radio

Botones de radio Uso incorrecto

Botones de acción Permiten realizar una acción

Aceptar, Cancelar, Imprimir, Salir, etc. Mejor si llevan imagen

Estandarizar

Botones de acción

Botones de acción Asignar uno para “Enter”

La acción predeterminada Asignar uno para “Escape”

La acción de cancelar Ojo con lo que se escribe

Y con los iconos

Botones de acción

Botones de acción

Listas desplegables Escoger de una lista de opciones Lista relativamente larga

5 en adelante

Listas desplegables Valor por omisión Ancho de la lista Orden dentro de la lista

Problemas Seleccionar la imagen correcta

Para botones u otros Estandarizar De tamaño adecuado

Problemas Ingreso de fechas

Ver sitios web Prensa Libre, elPeriódico Formularios de registro

Yahoo, Hotmail, etc. Fecha de nacimiento

¿Un solo cuadro? ¿Tres cuadros? Ingreso de horas

Problemas Seleccionar el control adecuado

El menor número de movimientos Pocas acciones “finas”

Sustituír dos o más controles por un botón O por un hipervínculo

Ordenarlos adecuadamente Mantener la tabulación correcta

Problemas Listas demasiado largas

País de origen Producto Hipervínculos a grupos alfabéticos

Problema1. Tome los dígitos de su carné2. Súmelos hasta que le quede un número de un dígito3. Si el dígito es 1, 2, o 3

1. Diseñe un formulario para ingreso de datos generales de colegios

4. Si el dígito es 4, 5, o 61. Diseñe un formulario para ingreso de datos generales de

automóviles

5. Si el dígito es 7, 8, o 91. Diseñe un formulario para ingreso de datos generales de

municipios de Guatemala