DISEO DE

SISTEMAS
Kendall & Kendall
Cap. 12
Presentado por:

LEONARDO GARCIA CUELLLAR

JAVIER LEONARDO VIDARTE

DISEO DE UNA
ENTRADA EFICAZ
La forma mas fcil de tener una entrado eficaz, es por
el mtodo de un formulario. Y este formulario debe de
tener las siguientes caractersticas:
FLUJO APROPIADO: puede minimizar el tiempo y el
esfuerzo que dedican los empleados para contestarlo
SECCIONES DEL FORMULARIO:
1. Encabezado.
2. Identificacin y acceso.
3. Instrucciones.
4. Cuerpo.
5. Firma y verificacin.
6. Totales.
7. Comentarios.

DISEO DE UNA
ENTRADA EFICAZ

Uno de los mtodos mas fascinantes para el

tema de creacin de formularios se realiza
por medio de la computadora, ya que esta
nos a utilizar una serie de herramientas,
que hace que el formulario se vea mas
atractivo para el usuario

DISEO DE UNA
DISEOENTRADA
DE FORMULARIOS EFICAZ
POR COMPUTADORA
formularios electrnicos o formularios
basados en la Web
diseo de formularios mediante plantillas
Facilita la contestacin de formularios
Permite la personalizacin de la contestacin
de formularios electrnicos
Soporta la integracin con bases de datos
Permite la realizacin automtica de clculos

DISEO DE UNA
ENTRADA
PASOS PARA
LA CREACIONEFICAZ
DE FORMULARIO EN
LA WEB
LA SENCILLEZ DE LA PANTALLA: La pantalla slo debe
mostrar lo que sea necesario para emprender una accin
particular

LA PRESENTACIN DE LA PANTALLA: la informacin

relacionada lgicamente se debe agrupar de forma consistente

FACILITAR EL MOVIMIENTO DEL USUARIO ENTRE LAS

PANTALLAS Y PGINAS DESPLEGADAS: Los formularios
basados en la Web facilitan el movimiento con el uso de
hipervnculos a otras pginas Web relevantes

PANTALLAS ATRACTIVAS: Las pantallas deben atraer a los

usuarios hacia ellos y deben atrapar su atencin.

DISEO DE UNA
ENTRADA
EFICAZ
DISEO
DE LA INTERFAZ
GRFICA DE
USUARIO

CUADROS DE TEXTO
CASILLAS DE VERIFICACIN
BOTONES DE OPCIN
CUADROS DE LISTA DESPLEGABLE
DESLIZADORES Y BOTONES GIRATORIOS
MAPAS DE IMAGEN
REAS DE TEXTO
CUADROS DE MENSAJE
BOTONES DE COMANDO

DISEO DE UNA
ENTRADA
EFICAZ
Cuadro de Texto: Un rectngulo representa

un
cuadro de texto, como se mencion anteriormente, y
se usa para delinear la entrada de datos y los
campos de pantalla

Casillas de verificacin: Las casillas de

verificacin contienen una X o estn vacas, de
acuerdo a si el usuario seleccion o no la opcin

DISEO DE UNA
ENTRADA
EFICAZ
Botones de opcin: se usa para seleccionar opciones
excluyentes. Slo se puede elegir una de varias opciones

Cuadros de lista desplegable: despliega varias

opciones que se podran seleccionar con el ratn. Un
cuadro de lista desplegable se usa cuando hay poco
espacio en la pgina.

DISEO DE UNA
ENTRADA EFICAZ
Deslizadores y botones giratorios: stos se usan
para cambiar datos que tienen un rango continuo de
valores, dando a los usuarios mayor control al escoger los
valores. Mover los deslizadores de una direccin a otra
(izquierda/derecha o arriba/abajo)

Mapas de imagen: Los campos de mapa de imagen se

usan para seleccionar valores dentro de una imagen.

reas

DISEO DE UNA
ENTRADA
EFICAZ
de texto: Un rea de texto se usa

para
introducir una gran cantidad de texto. Estas reas
incluyen
varias
filas,
columnas
y
barras
de
desplazamiento

Cuadros de mensaje: stos se usan para mostrar

advertencias y otros mensajes de retroalimentacin en
un cuadro de dilogo

DISEO DE UNA
ENTRADA
EFICAZ
Botones de comando: Un botn de comando
desempea una accin cuando el usuario lo selecciona
con el ratn.

DISEO DE UNA
ENTRADA EFICAZ
COLOR EN EL DISEO DE PANTALLAS
Al momento de realizar formulario por
medio del pc, que puede ser directamente
con la web, se le prefiere aplicar estos
colores:

NEGRO
SOBRE
AMARILLO

VERDE
SOBRE
BLANCO

AZUL SOBRE
BLANCO

BLANCO
SOBRE
AZUL

AMARILLO
SOBRE
NEGRO

GRACIAS
POR SU
ATENCION