Post on 01-Apr-2023
DISEÑO DE SISTEMAS“Kendall & Kendall
Cap. 12”Presentado por:
LEONARDO GARCIA CUELLLARJAVIER LEONARDO VIDARTE
DISEÑO DE UNA ENTRADA EFICAZ
La 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 EFICAZ
COLOR 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