Diseño de la EntradaIng. Héctor Abraham Hernández

Introducción

La calidad de la entrada del sistema determina la calidad de la salida del mismo

Los formularios de entrada, las pantallas y los formularios interactivos Web deben satisfacer los objetivos de: efectividad (los formularios cumplen propósitos

específicos en el sistema de información) precisión (diseño que garantiza que se

contestarán de manera apropiada) facilidad de uso Consistencia Simplicidad Atractivo

El diseño de la entrada consiste en:

1. El desarrollo de especificaciones y procedimientos para la preparación de datos.

2. La realización de los pasos necesarios para poner los datos de una transacción en una forma utilizable para su procesamiento.

3. La introducción de los datos al sistema.

Documentos Fuentes

Los formularios son documentos duplicados, y preimpresos que requieren ser llenados por las personas, en respuesta a un procedimiento estandarizado.Se debe investigar:

1. La función.2. Cuando se utiliza.3. Cuantas copias se utilizan.4. Quien lo llena.5. Quien lo utiliza.

Secciones de un formulario

Encabezado Identificación y acceso (Código de

barras, por ejemplo) Instrucciones Cuerpo Firma y verificación Totales Comentarios

Encabezado

Instrucciones

Cuerpo

Firma

Qué debe de cumplir un documento fuente

1. Efectividad: Cumplen un propósito especifico en el sistema de información.

2. Precisión: Garantiza que se contestara de manera apropiada.

3. Facilidad: Su uso es sencillo.4. Consistencia: El agrupamiento de

los datos es similar en cualquier aplicación.

5. Atractivo: el usuario le guste llenar el formulario.

Cómo hacer formularios atractivos Los formularios deben tener una

apariencia ordenada Deben recabar la información en el

orden previsto El diseño y flujo apropiados

contribuyen al atractivo de un formulario

El uso de diversos tipos de letra en el mismo formulario puede motivar a contestarlo

Cómo hacer formularios atractivos La separación de categorías y

subcategorías con líneas gruesas y delgadas también puede acrecentar el interés en el formulario

Los tipos de letra y el grosor de las líneas son elementos de diseño útiles para captar la atención del usuario y darle la seguridad de que contestará correctamente el formulario

Diseño adecuado para pantallas de consola y web

Mantener la sencillez de la pantalla Mantener consistente la

presentación de la pantalla Facilitar el movimiento del usuario

entre las pantallas y páginas desplegadas

Crear pantallas atractivas

Sencillez de la pantalla

Tres Secciones Por Pantalla• La parte superior presenta una sección de “encabezado”

El encabezado contiene los títulos del sw y de los archivos abiertos, de menús desplegables e iconos que realizan tareas específicas

• La sección media se conoce como “cuerpo” de la pantallaEl cuerpo se puede usar para la entrada de datos y se organiza de izquierda a derecha y de arriba abajoSe deben proporcionar títulos e instrucciones que ayuden al usuario a teclear los datos correctos en el lugar correspondienteAyuda específica dependiendo del contexto

• La tercera sección de la pantalla corresponde a los “comentarios y las instrucciones”

Consistencia en las pantallas

• Si los usuarios están trabajando desde los formularios impresos, las pantallas deben seguir lo que se muestra en el papel• Usted no querría el nombre y la dirección en

un área y el código postal en otra

Facilitar el movimiento

Hacer las pantallas fácil de mover de una página a otra

La regla de los 3 clics dice que los usuarios deben poder obtener las páginas que necesitan con sólo tres clics del ratón o del teclado▪ Con hipervínculos▪ Desplazamiento usando las flechas de las

teclas de PgDn y Av Pág▪ Ventanas emergentes sensibles al contexto▪ Dialogo en pantalla

Diseñar una pantalla atractiva

• Las pantallas deben atraer a los usuarios hacia ellos y deben atrapar su atención• Utilice adecuadamente el espacio• Al crear pantallas que a primera vista son fáciles de entender, atrae tanto a los usuarios inexpertos como a los experimentados• Si la pantalla es necesariamente compleja, el grosor de las líneas de separación entre las subcategorías puede variar para agregar distinciones más detalladas

Diseñar una pantalla atractiva• Uso de diferentes tipos de fuente• Los diferentes estilos mejoran la diferenciación entre categorías• Por ejemplo, los estilos de fuente negrita y sans serif se pueden usar para denotar categorías principales y para dar a las pantallas una apariencia moderna• Las fuentes más grandes pueden indicar los títulos para los campos de entrada de datos

Diseñar una pantalla atractiva Uso de Iconos en el Diseño de Pantallas

Los íconos son representaciones gráficas en pantalla que simbolizan las acciones de la computadora y que los usuarios podrían seleccionar usando un ratón, teclado, lápiz óptico o palanca de juegos

Las formas se deben reconocer con facilidad Los iconos para una aplicación particular se

deben limitar aproximadamente a 20 figuras reconocibles▪ Para que el vocabularios del icono no sea

abrumador Por lo regular, los iconos son útiles si son

significativos

Diseñar una pantalla atractiva Diseño de la Interfaz Gráfica de Usuario

Una interfaz gráfica de usuario (GUI) es la forma en que los usuarios interactúan con los sistemas operativos

Interfaz de apuntar y hacer clic Uso de Color en el Diseño de Pantallas▪ Negro sobre amarillo▪ Verde sobre blanco▪ Azul sobre blanco▪ Blanco sobre azul▪ Amarillo sobre negro