Resumen Capitulo 12 Diseo de una Entrada Efectiva

Para disear formularios tiles debemos tener en cuenta los siguientes cuatro lineamientos de
diseo de formularios:

Que los formularios sean fciles de llenar.

Que cumplan con el propsito para el que se disearon.
Que su diseo contribuya a que se completen con precisin.
Que sean atractivos.

Hacer que los formularios sean fciles de llenar

Un formulario con un flujo apropiado reduce el tiempo y esfuerzo que invierten los empleados
en llenarlo. Los formularios deben fluir de izquierda a derecha y de arriba abajo. Un flujo ilgico
requiere tiempo adicional y es frustrante.
Siete secciones de un formulario

Encabezado.
Identificacin y acceso.
Instrucciones.
Cuerpo.
Firma y verificacin.
Totales.
Comentarios.

Leyendas

El uso de leyendas claras es otra tcnica para facilitar el trabajo de llenar un formulario. Las
leyendas indican a la persona que completa el formulario lo que debe poner en una lnea, espacio
o cuadro en blanco.
Los formularios se crean para servir a uno o ms propsitos en los procesos de registrar,
procesar, almacenar y recuperar la informacin para las empresas.
Por lo general, las tasas de errores asociadas con la recoleccin de los datos disminuyen de
manera considerable cuando los formularios se disean de tal forma que sea obvia la manera en
que deben completarse con precisin.
El diseo es importante para asegurar que las personas hagan lo correcto con el formulario
siempre que lo utilicen.
Aunque dotar a los formularios de atractivo se deja al ltimo, esto no significa que sea menos
importante: se hace de esta forma debido a que para producir formularios atractivos hay que
aplicar las tcnicas descritas en las secciones anteriores. Los formularios estticos atraen a las
personas y stas se sienten animadas para completarlos.
Los formularios deben lucir ordenados. Utilizar distintos tipos de letra en el mismo formulario
puede ser til para que a los usuarios se les haga ms atractivo llenarlo. Separar las categoras y
subcategoras con lneas gruesas y delgadas tambin puede fomentar el inters.

Diseo de Buenos Formularios Web y de Pantalla

Los cuatro lineamientos para el diseo de pantallas son importantes pero no exhaustivos. Como
vimos en el captulo 11, incluyen lo siguiente:

Mantener la pantalla simple.

Mantener la presentacin de la pantalla consistente.
Facilitar el movimiento del usuario entre las pantallas y pginas de visualizacin.
Crear una pantalla atractiva y agradable.

Pantalla simple
El primer lineamiento para el buen diseo de pantallas es mantener la pantalla simple. La
pantalla debe mostrar slo lo necesario para la accin especfica a realizar. Normalmente la
pantalla se divide en tres secciones: encabezado, cuerpo y el pie de la pgina (comentarios e
instrucciones).

Mantener la pantalla consistente

El segundo lineamiento para el buen diseo de pantallas es mantener la pantalla consistente. Si
los usuarios trabajan con formularios en papel, las pantallas deben seguir lo que se muestra en
papel.

Facilitar el movimiento

El tercer lineamiento para el buen diseo de pantallas es facilitar el proceso de pasar de una
pgina a otra. Los formularios basados en Web facilitan el movimiento mediante el uso de
hipervnculos a otras pginas Web relevantes.

Disear una pantalla atractiva y agradable

El cuarto lineamiento para el buen diseo de pantallas es crear una pantalla atractiva para el
usuario. Si los usuarios encuentran que las pantallas son agradables, es probable que sean ms
productivos, necesiten menos supervisin y cometan menos errores.

Utilice iconos en el diseo de las pantallas

Los iconos son representaciones pictricas en pantalla que simbolizan las acciones de
computadora que los usuarios pueden seleccionar mediante el uso de ratn, teclado, lpiz ptico,
pantalla tctil, etc. Un usuario puede apuntar a un archivero, sacar un icono de carpeta,
agarrar una pieza de icono de papel y echarla al icono de bote de basura. Al emplear iconos
estndar, los diseadores y usuarios ahorran tiempo.

Diseo de la interfaz grfica de usuario

Una interfaz grfica de usuario (GUI) es la forma en que los usuarios interactan con los
sistemas operativos. Se deben de utilizar los siguientes campos para una interfaz grfica
adecuada.

cuadros de texto
casillas de verificacin
botones de opcin
cuadros de lista y de lista desplegable
cuadros de dilogo con controles en pestaas
controles deslizables y botones aumentar/disminuir
mapas de imagen
reas de texto
cuadros de mensaje
botones de comandos

Controles y valores de los formularios

Cada uno de los controles incluidos en una interfaz de GUI debe de tener alguna forma de
almacenar los datos asociados con el control. En una pgina Web se utiliza un par de nombre y
valor, los cuales se transmiten al servidor o se envan en un correo electrnico junto con el

formulario, como un nombre de ciudad y un valor de Paris, por ejemplo. La forma en que se
obtiene el valor es distinta para cada control del formulario Web.
Tablas de respuesta a eventos
Cuando hay interacciones complicadas en un formulario Web (o en cualquier otro formulario de
GUI), podemos utilizar una tabla de respuesta a eventos para hacer una lista de la variedad de
eventos que pueden ocurrir.

Pginas Web dinmicas

Las pginas Web dinmicas cambian por s solas como resultado de la accin de los usuarios. A
menudo utilizan JavaScript para modificar cierta parte de la pgina Web o un estilo. Cambiar una
imagen cuando el ratn se desplaza sobre ella o girar imgenes aleatorias en un intervalo de
tiempo establecido son ejemplos comunes de pginas Web dinmicas. La pgina Web puede
detectar la anchura de la ventana del navegador y modificar la pgina en concordancia. Los
mens que se expanden cuando el usuario hace clic en un pequeo signo positivo a la izquierda
del men o cuando desplaza el ratn sobre un men son otros ejemplos de pginas Web
dinmicas.

Uso de color en el diseo de pantallas

El color es una forma atractiva y comprobada de facilitar a los usuarios las tareas que requieren
la entrada de datos en la computadora. El uso apropiado de color en las pantallas nos permite
contrastar el primer plano con el fondo, resaltar los campos importantes en los formularios,

mostrar los errores, resaltar la entrada de cdigo especial y llamar la atencin para muchos otros
atributos especiales.
Las cinco combinaciones ms legibles de letras en primer plano sobre un fondo son (empezando
con la combinacin ms legible):

Negro sobre amarillo.

Verde sobre blanco.
Azul sobre blanco.
Blanco sobre azul.
Amarillo sobre negro.

Las combinaciones menos legibles son rojo sobre verde y azul sobre rojo. Los colores brillantes
se deben usar para el primer plano, y los menos brillantes para el fondo. Los colores con
contrastes fuertes se deben asignar primero a los campos que se deben diferenciar; despus se
pueden asignar otros colores. Use el color para resaltar los campos importantes en las pantallas.
Los campos que son importantes se pueden mostrar en colores distintos de los dems.