Diseo de una entrada efectiva.

Los usuarios merecen una salida de calidad. En buena medida, la calidad

de la entrada del sistema determina la calidad de su salida. Es vial que
los formularios de entrada, pantallas y documentos web interactivos se
diseen teniendo en cuenta esta relacin crtica.
Los formularios de entrada, las plantillas y los formularios interactivos
para llenar atreves de la web bien diseados deben cumplir con los
objetivos de efectividad, precisin facilidad de uso, consistencia,
simpleza y atraccin.

Diseo de buenos formularios.

El analista de sistemas debe ser capaz de disear un formulario
completo y til; los formularios innecesarios desperdician los recursos
de una organizacin.los formularios son instrumentos importantes para
dirigir el curso de trabajo. Son documentos impresos que las personas
deben llenar de manera estandarizada. Para disear formularios tiles
debemos tener en cuenta los siguientes cuatro lineamientos de diseo
de formularios:
1.
2.
3.
4.

Que
Que
Que
Que

los formularios sean fciles de llenar.

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

En las siguientes secciones veremos

lineamientos por separado.

cada uno de estos cuatro

Hacer que los formularios sean fciles de llenar.

Para reducir los errores, agilizar el proceso de completarlos y facilitar la

introduccin de los datos, es esencial que los formularios sean fciles de
llenar. El costo de los formularios es mnimo si se compara con el del
tiempo que invierten los empleados en llenar y despus en introducir los
datos en el sistema de informacin.
Flujo del formulario: un formulario con un flujo apropiado reduce el
tiempo y esfuerzo que invierte los empleados e llenarlo. Los formularios
deben fluir de izquierda a derecha y de arriba abajo. Un flujo ilgico
requiere tiempo adicional y es frustrante. Un formulario en el que las
personas tienen que pasar directamente a la parte inferior y despus
saltar hacia la parte superior para terminarlo exhibe un mal flujo.

Siete secciones de un formulario: hay un segundo mtodo que

facilita a las personas llenar los formularios en forma correcta; este se
enfoca en agrupar la informacin en forma lgica. Estas son:
1.
2.
3.
4.
5.
6.
7.

Encabezado.
Identificacin y acceso.
Instrucciones y acceso.
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
complete el formulario lo que debe poner en una lnea, espacio o cuadro
en blanco. La ventaja de poner la leyenda de bajo de la lnea es que hay
ms espacio en la lnea para los datos; la desventaja es que algunas
veces no se est claro cual lnea est asociada con la leyenda, si la de
arriba o la de abajo.

Cumplir con el propsito previsto.

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. Algunas veces es conveniente proveer distinta
informacin a los diferentes departamentos o usuarios y compartir a
mismo tiempo cierta informacin bsica.

Asegurar que se llene en forma precisa.

Por lo general, las tazas de errores asociadas con la recoleccin de los
datos disminuye de manera considerable cundo 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. Los
dispositivos porttiles utilizan la transmisin inalmbrica o se conectan a
los sistemas computarizados ms grandes para poder descargar los
datos que el trabajo se servicio almaceno en ellos.

Mantener los formularios ms atractivos.

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 deben lucir
ordenados. Para ser atractivos, deben solicitar la informacin en el orden
esperado: la conveniencia dicta que se debe pedir nombre, direccin,
ciudad, estado y cdigo postal. La distribucin y el flujo apropiado
contribuyen al atractivo de un formulario.

Como controlar los formularios de las empresas.

Esta es una tarea importante; a menudo cuentan con un especialista en
formularios que se encarga de llevar el control, pero algunas veces este
trabajo recae en el analista de sistemas, quien se encarga de establecer
e implementar el control de los formularios.

Las tareas bsicas para controlar formularios incluyen asegurar que cada
formulario en uso cumpla con su propsito especfico para ayudar a los
trabajadores a realizar sus tareas y que propsito especificado sea
integral para el funcionamiento de la organizacin.

Diseo de buenos formularios web y de pantalla.

Gran parte de lo dicho sobre el diseo de buenos formularios se puede
transferir al diseo de pantallas, sitios y pginas web. Una vez ms, el
usuario debe permanecer en primer lugar en los pensamientos del
analista durante el diseo de las pantallas. Sin embargo, existen algunas
diferencias por las que los analistas de sistemas se deben esforzar para
tener en cuenta las cualidades nicas de las pantallas, en vez de
adoptar a ciegas las convenciones de los formularios de papel.

Los 4 lineamientos para el diseo de pantallas son importantes

paro no exhaustivos, incluye lo siguiente:
1. Mantener la pantalla simple.
2. Mantener la presentacin de la pantalla consistente.
3. Facilitar el movimiento del usuario entre las pantallas y pginas de
visualizacin.
4. Crear una pantalla atractiva y agradable.
Mantener la pantalla simple.
El primer lineamiento para el buen diseo de pantallas es mantener las
pantallas simples. La pantalla debe mostrar solo lo necesario para la
accin especfica a realizar. Par el usuario ocasional, el 50% del rea de
la pantalla debe contener informacin til.

Mantener la pantalla consistente.

El segundo lineamiento para e buen diseo de pantallas es mantener la
pantalla consistente. Silos usuarios trabajan con formularios en papel,
las pantallas deben seguir loa que se muestra en papel. Podemos
mantener la consistencia en las pantallas si ubicamos la informacin en
la misma rea cada vez que se acceda a una nueva pantalla.
Facilitar el movimiento.
El tercer lineamiento para el buen diseo de pantallas es facilitar el
proceso de pasar de una pgina a otra. La regla de los tres clics
establece que los usuarios deben ser capaces de llegar a las pginas
que necesitan en tres clics de ratn o de teclado como mximo. 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 cometen menos errores. Las pantallas
deben atraer a los usuarios y mantener su atencin. Para lograr este
objetivo se utilizan muchas ares en blanco que rodean a los campos de
entrada de datos de manera que la pantalla adquiera una apariencia
ordenada.
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 o palanca
de juegos, los iconos tienen funciones similares a las de las palabras y
pueden reemplazarlas en muchos mens, ya que su significado se
comprende con mayor rapidez.

Diseo de la interfaz grafica de usuario (GUI).

Es la forma en que los usuarios interactan con los sistemas operativos
Windows y Macintosh. Esto tambin se conoce como interfaz de apuntar
y hacer clic. Los usuarios pueden usar un ratn para hacer clic en un
objeto y arrastrarlo hasta una posicin especifica.

Cuadros de textos: Un rectngulo representa un cuadro de texto,

como vimos entes; se utiliza para delinear los campos de entrada y
visualizacin de datos. Hay que tener cuidado de asegurar que el cuadro
de texto sea lo bastante grande como para poder alojar todos los
caracteres que es necesario introducir.
Casillas de verificacin: Las casillas de verificacin puede contener
una X o estar vacas, lo que corresponde a indicar si el usuario
selecciono o no la opcin; se utilizan para marcar una o ms opciones.
Botones de opcin: Un circulo conocido como botn de opcin se
utiliza para seleccione opciones exclusivas se puede elegir solo una de
varias. De esta forma podemos dejar en claro a los usuarios que deben
decidir entre opcin que se seleccione con frecuencia, por los general se
seleccione como predeterminada la primera vez que se muestra la
pagina.
Cuadros de lista y de listas desplegables: Un cuadro de lista
muestra varias opciones que se pueden seleccionar con el ratn. Un
cuadro de lista desplegable se utiliza cuando hay poco espacio
disponible en la pgina. Un solo rectngulo con una flecha apunta para
abajo hacia una lnea localizada de lado derecho del rectngulo.
Cuadros de dilogos con controles en pestaas: Estos cuadros de
dialogo son otra parte de las interfaces graficas de usuario y otra forma
de hacer que los usuario se organicen y comprendan el material del
sistema con eficiencia, coloque las pestaas que se utilizan con ms

frecuencia el frente y mustrela primero ; incluya tambin botones para

aceptar, cancelar y ayudar.
Controles deslizables y botones aumentar/disminuir: Estos
controles se utilizan para cambiar los datos que tienen un rango
continuo de valores; proporcionan mayor control a los usuarios en su
tarea de seleccionar valores. Al desplazar el control deslizable en una
direccin o en otra (ya sea izquierda/derecha o arriba/abajo) los valores
aumentan o disminuyan.
Mapas de imagen: Los campos de los mapas de imagen se utilizan
para seleccionar valores dentro de una imagen. El usuario hace clic en
un punto dentro de una imagen y se envan las correspondientes
coordenadas XY y al programa.
reas de textos: Se utiliza para introducir una cantidad mayor de
textos. Estas reas
incluyen varias filas, columnas y barras de
desplazamiento que permiten al usuario introducir y ver texto que sea
mayor que tamao del cuadro.
Cuadros de mensajes: Se utilizan para advertir a los usuarios y
proveer otros mensajes de retroalimentacin en un cuadro de dialogo,
traslapando con frecuencia la pantalla. Estos cuadros de mensajes
tienen distintos formatos.
Botones de comandos: Este realiza una accin cuando el usuario lo
selecciona con el ratn. Calcular el total, agregar pedido y aceptar son
algunos ejemplos.

Controles y valores de los formularios.

Cada uno de estos controles incluidos en una interfaz de GUI debe tener
alguna forma de almacenar los datos asociados con el control. En una
pgina web se utiliza un par de nombre y valores, los cuales se
transmiten al servidor o se envan en un correo electrnico junto con el
formulario, como un nombre de cuidad y una valor de pars por ejemplo.
La forma en que se obtiene el valor es distinta para cada control del
formulario web y el software del servidor debe reconocer ese nombre
para entender lo que debe hacer con el valor o los datos que se envan
con el formulario web.

Campos ocultos.
Otros de los tipos de controles que se encuentran en los formularios web
es el campo oculto. Estos controles no son visibles para el espectador,
no ocupan espacio en la pgina web y pueden contener solo un nombre
y un valor. Con frecuencia los campos ocultos se utilizan para almacenar
los valores que envan de un formulario web al servidor.
Tablas de respuesta a eventos.
Cuando hay interacciones en un formulario web podemos utilizar una
tabla de respuesta a eventos para hacer una lista de la variedad de
eventos que pueden ocurrir. Podemos usar estas tablas de respuesta a
eventos en un nivel alto para modelar los eventos y las respuestas de la
empresa pero, en general, los eventos que ocurren en un formulario web
o en otra pantalla se limitan a las acciones de los usuarios.
Pginas web dinmicas.
Las pginas web dinmicas cambian por si solas como resultado de la
accin de los usuarios. A menudo utilizan java script para modificar
cierta parte de la pgina web o un estilo. Cambiar una imagen cundo el
ratn se desplaza sobre ella o girar imgenes aleatorias en un intervalo
de tiempo establecido son ejemplos comunes de pginas web
dinmicas.

Pginas web tridimensionales.

Las pginas web dinmicas tambin se pueden usar para mostrar
informacin de manera temporal, como un bloque de informacin de
ayuda, un calendario con fechas en las que se puede hacer clic para
ayudar con los campos para introducir fechas, los cdigos de
aeropuertos y dems informaciones relacionadas. Esta informacin se
puede almacenar mediante el uso de una serie de capas apiladas en el
diseo de la pgina web, cada una encima de la otra.

Ajax (java script asncrono y XML)

Ajax es una tcnica que funciona
en los navegadores web ms
recientes. Implica el uso de java script y el lenguaje de marcado
extensible (XML). Antes de ajax, cada vez que una pgina web
necesitaba datos de una tabla distinta de la base de datos, se enviaba
una peticin al servidor y se cargaba toda una nueva pgina completa.
Esto es efectivo pero lento, ya que debemos cargar una pgina completa
solo para proveer datos adicionales para una lista desplegable o algn
otro control de formulario web con base en lo que se selecciono antes.
Ajax permite a los desarrolladores web construir una pgina web que
funcione en forma ms parecida a un programa de escritorio tradicional.
A medida que se necesitan nuevos datos, el navegador enva una
peticin al servidor y este devuelve una pequea cantidad de datos al
navegador, quien a su vez actualiza la pagina actual.

Uso del color en el diseo de pantalla.

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 5 combinaciones
ms legibles de letras en primer plano sobre un fondo son:

1.
2.
3.
4.
5.

Negro sobre amarillo.

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

Diseo de pginas de intranet y de internet.

Hay ms sugerencias sobre el diseo de un buen formulario de llenado
por internet o intranet que debe tener en cuenta ahora que aprendi
sobre algunos de los aspectos elementales del diseo de formularios y
pantallas de entrada. Estos lineamientos son:
1. Proveer instrucciones claras; los usuarios web tal vez no estn
familiarizados con terminologa tcnica.
2. Demostrar una secuencia de entrada lgica para los formularios de
llenado, en especial debido a que los usuarios tal vez tengan que
desplazarse a una regin de la pgina que no est visible en un
principio.
3. Usar varios cuadros de texto, botones, mens desplegables, casillas
de verificacin y botones de opcin para funciones especficas y crear
inters en el formulario.
4. Proveer un cuadro de texto desplazable si no est seguro sobre
cuanto espacio necesitaran los usuarios para responder a una pregunta,
o sobre el lenguaje, la estructura o formulario que utilizaran los usuarios
para introducir los datos.
5. Preparar dos botones bsicos en todos los formularios de llenado en
web: enviar y borrar formulario.
6. Si el formulario es extenso y los usuarios se deben desplazar con
cucha frecuencia, divdalo en varios formularios ms simples en pginas
separadas.
7. Crear una pantalla de retroalimentacin que se niegue a enviar un
formulario a menos que se llenen los campos obligatorios
correctamente.