DISEÑO DE SISTEMAS“Kendall & Kendall

Cap. 12”

Presentado por:

LEONARDO GARCIA CUELLLARJAVIER LEONARDO VIDARTE

DISEÑO DE UNA ENTRADA EFICAZLa forma mas fácil de tener una entrado eficaz, es por el método de un formulario. Y este formulario debe de tener las siguientes características:• FLUJO APROPIADO: puede minimizar el tiempo y el esfuerzo que

dedican los empleados para contestarlo

• SECCIONES DEL FORMULARIO:1. Encabezado.2. Identificación y acceso.3. Instrucciones.4. Cuerpo.5. Firma y verificación.6. Totales.7. Comentarios.

DISEÑO DE UNA ENTRADA EFICAZ• Uno de los métodos mas fascinantes para el tema de

creación 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

DISEÑO DE UNA ENTRADA EFICAZDISEÑO DE FORMULARIOS POR COMPUTADORA

formularios electrónicos o formularios basados en la Web

diseño de formularios mediante plantillas

Facilita la contestación de formularios

Permite la personalización de la contestación de formularios electrónicos

Soporta la integración con bases de datos

Permite la realización automática de cálculos

DISEÑO DE UNA ENTRADA EFICAZPASOS PARA LA CREACION DE FORMULARIO EN LA WEB

• LA SENCILLEZ DE LA PANTALLA: La pantalla sólo debe mostrar lo que sea necesario para emprender una acción particular

LA PRESENTACIÓN DE LA PANTALLA: la información relacionada lógicamente se debe agrupar de forma consistente

• FACILITAR EL MOVIMIENTO DEL USUARIO ENTRE LAS PANTALLAS Y PÁGINAS DESPLEGADAS: Los formularios basados en la Web facilitan el movimiento con el uso de hipervínculos a otras páginas Web relevantes

PANTALLAS ATRACTIVAS: Las pantallas deben atraer a los usuarios hacia ellos y deben atrapar su atención.

DISEÑO DE UNA ENTRADA EFICAZDISEÑO DE LA INTERFAZ GRÁFICA DE USUARIO

CUADROS DE TEXTO CASILLAS DE VERIFICACIÓN BOTONES DE OPCIÓN CUADROS DE LISTA DESPLEGABLE DESLIZADORES Y BOTONES GIRATORIOS MAPAS DE IMAGEN ÁREAS DE TEXTO CUADROS DE MENSAJE BOTONES DE COMANDO

DISEÑO DE UNA ENTRADA EFICAZ• Cuadro de Texto: Un rectángulo 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 verificación: Las casillas de verificación contienen una X o están vacías, de acuerdo a si el usuario seleccionó o no la opción

DISEÑO DE UNA ENTRADA EFICAZBotones de opción: se usa para seleccionar opciones excluyentes. Sólo se puede elegir una de varias opciones

Cuadros de lista desplegable: despliega varias opciones que se podrían seleccionar con el ratón. Un cuadro de lista desplegable se usa cuando hay poco espacio en la página.

DISEÑO DE UNA ENTRADA EFICAZDeslizadores 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 dirección 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.

DISEÑO DE UNA ENTRADA EFICAZÁreas 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 retroalimentación en un cuadro de diálogo

DISEÑO DE UNA ENTRADA EFICAZBotones de comando: Un botón de comando desempeña una acción cuando el usuario lo selecciona con el ratón.

DISEÑO DE UNA ENTRADA EFICAZCOLOR EN EL DISEÑO 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 SOBREAMARILLO

VERDE SOBREBLANCO

AZUL SOBREBLANCO

BLANCO SOBREAZUL

AMARILLO SOBRE NEGRO

GRACIAS POR SU ATENCION