100% encontró este documento útil (3 votos)
1K vistas5 páginas

Diseño Efectivo de Formularios Web

El documento proporciona lineamientos para el diseño efectivo de formularios impresos, pantallas y formularios web. Describe objetivos como la efectividad y facilidad de uso, e incluye consideraciones como una secuencia lógica de flujo, secciones como encabezados e instrucciones, y el uso apropiado de elementos como ventanas, colores y botones.

Cargado por

Pro Sam Android
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
100% encontró este documento útil (3 votos)
1K vistas5 páginas

Diseño Efectivo de Formularios Web

El documento proporciona lineamientos para el diseño efectivo de formularios impresos, pantallas y formularios web. Describe objetivos como la efectividad y facilidad de uso, e incluye consideraciones como una secuencia lógica de flujo, secciones como encabezados e instrucciones, y el uso apropiado de elementos como ventanas, colores y botones.

Cargado por

Pro Sam Android
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

1.

¿Cuáles son los objetivos del diseño de los formularios de


entrada impresos, pantallas de entrada o formularios para
contestar en la Web?

La entrada bien diseñada debe lograr los objetivos de efectividad, precisión,


facilidad de uso, simplicidad, consistencia y atractivo

2. Mencione los cuatro lineamientos para el diseño adecuado de


formularios.

1. Haga formularios fáciles de contestar.


2. Asegúrese de que los formularios cumplen el propósito para el cual se
diseñaron.
3. Diseñe formularios para garantizar que se contesten con precisión.
4. Mantenga atractivos los formularios.

3. ¿Cuál es el flujo apropiado de formularios?

Los formularios deben fluir de izquierda a derecha y de arriba abajo. El flujo


carente de lógica requiere tiempo adicional y es frustrante. Un formulario que
requiere ir directamente al fondo y regresar al principio para contestarlo refleja
un flujo pobre.

4. ¿Cuáles son las siete secciones de un buen formulario?

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

5. Mencione 4 tipos de títulos usados en los formularios.

 Con líneas.
 Con casillas.
 Con casillas horizontales.
 Con tabla.

6. ¿Qué es un formulario especializado? ¿Cuáles son algunas


desventajas de usar formularios especializados?

El termino formulario especializado también puede referirse tan sólo a la manera


en que la imprenta prepara los formularios. Entre los ejemplos de formularios
especializados están los formularios de múltiples partes que se usan para crear
triplicados instantáneos de los datos, los formularios continuos que corren por la
impresora sin intervención del usuario, y los formularios perforados que tienen
un talón desprendible que sirve como registro.

7. ¿Cuáles son las funciones básicas involucradas en el control


de formularios?

 Asegurarse de que cada forma de uso satisfaga su propósito especifico.


 Que el propósito especificado sea integral con el funcionamiento de la
organización.
 Prevenir la duplicación de información recolectada.
 Diseñar formas efectivas.
 Decidir sobre la manera en que se producen las formas por el medio más
económico.
 Establecer el control de existencia y los procedimientos de inventario.
 Que las formas estén disponibles cuando se necesiten al menor costo
posible.

8. Mencione los cuatro lineamientos para el diseño adecuado de


pantallas.

 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.

9. ¿Cuáles son las tres secciones útiles para simplificar una


pantalla?

 Encabezado.
 Cuerpo.
 Los comentarios e instrucciones.

10. ¿Cuáles son las ventajas de usar ventanas en pantallas?

 Llenar parcial o totalmente la pantalla con nueva información.


 Minimizar o maximizar el tamaño de las ventanas conforme se necesita.
 Hacer ventanas disponibles que faciliten captura rápida y correcta
 Producir automáticamente una nueva ventana si el código dado es
incorrecto.
 Permitir a los usuarios suspender la captura de datos y revisar otro
archivo.
 Obtener detalles sobre cómo debe continuar la captura de datos.

11. ¿Cuáles son las desventajas de usar ventanas en pantallas?

 Permiten que el usuario complique una pantalla simple.


 Si se incluyen demasiadas operaciones de ventanas, el diseñador puede
estar invitando a la creación de una pantalla de apariencia caótica que
pueda dar como resultado que un usuario se sienta perdido y frustrado
por todo el amontonamiento.

12. Mencione dos formas de mantener consistentes las pantallas


desplegadas.

 Colocando la información en la misma área cada vez que se accede a una


nueva pantalla.
 Agrupando la información relacionada.

13. Proporcione tres formas para facilitar el movimiento entre las


páginas de un formulario en pantalla.

 Desplazamiento usando las flechas de las teclas de PgDn (Av Pág.).


 Ventanas emergentes sensibles al contexto.
 Diálogo en pantalla.

14. Mencione cuatro elementos del diseño de la interfaz gráfica.


Junto a cada uno, describa cuándo sería correcto incorporar
cada uno de ellos en un diseño de pantalla o en un formulario
para contestar en la Web.

 Cuadros 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.

 Botones de opción Un círculo, llamado botón de opción, se usa para


seleccionar opciones excluyentes. Sólo se puede elegir una de varias
opciones.

 Cuadros de lista y cuadros de lista desplegable Un cuadro de lista


despliega varias opciones que se podrían seleccionar con el ratón.

 Un botón de comando desempeña una acción cuando el usuario lo


Selecciona con el ratón.

15. Defina el significado de iconos desplegados en pantalla.


¿Normalmente cuándo son útiles los iconos para el diseño de
pantallas? ¿Y para el diseño de formularios para contestar en la
Web?

Los iconos son representaciones gráficas en pantalla que simbolizan acciones


de la computadora y que los usuarios podrían seleccionar usando un ratón,
teclado, lápiz óptico o palanca de juegos.
Por lo general los iconos son útiles si son significativos, si se van a utilizar en
una aplicación donde aparecerán en conjunto y Para facilitar la identificación
rápida de condiciones extremas.

16. Mencione las cinco combinaciones más legibles de color de


primer plano y de fondo para el uso en pantallas.

1. Negro sobre amarillo.


2. Verde sobre blanco.
3. Azul sobre blanco.
4. Blanco sobre azul.
5. Amarillo sobre negro.

17. Defina el significado del término máscaras cuando se usa en


el diseño Web.

Una máscara, en el ámbito de diseño web, es una opción que permite


personalizar un sitio web.

18. ¿Cuáles son los tres botones que se deben incluir con un
cuadro de diálogo de control con fichas?

 Aceptar.
 Cancelar.
 Ayuda.

19. ¿Cuáles son las cuatro situaciones en que el color podría ser
útil para el diseño de pantallas y de formularios para contestar
en la Web?

 El uso apropiado de color en las pantallas desplegadas permite contrastar


el color de primer plano y el de fondo, resaltar los campos importantes en
los formularios, destacar los errores, resaltar la entrada de código especial
y poner atención a muchos otros atributos especiales.

 Se deben usar colores contrastantes para desplegar el color de primer


plano y de fondo para que los usuarios puedan comprender con rapidez
lo que se presenta.

 Los menos legibles son el rojo sobre verde y azul sobre rojo, como se
puede deducir de estas combinaciones de color de primer plano y de
fondo, se deben usar colores brillantes para el primer plano y menos
luminosos para el fondo.

 Usar un color para resaltar los campos importantes en las pantallas.


20. Mencione siete lineamientos del diseño para un formulario
para contestar en la Web.

1. Proporcionar instrucciones claras.


2. Demostrar una secuencia de entrada lógica para los formularios.
3. Usar una variedad de cuadros de texto, botones de comando, menús
desplegables, casillas de verificación y botones de opción.
4. Proporcionar un cuadro de texto desplegable si no se sabe con exactitud
cuanto espacio necesitaran los usuarios para contestar una pregunta.
5. Preparar dos botones básicos en cada formulario que se contestara en la
web: Enviar y limpiar contenido.
6. Si el formulario es largo y los usuarios se deben desplazar excesivamente,
divida el formulario en varios formularios más sencillos y en páginas
separadas.
7. Crear una pantalla de retroalimentación que indique que se rechaza el
envío de un formulario a menos que los campos obligatorios estén
completados correctamente.

1. ¿Cuáles son los objetivos del diseño de los formularios de 
entrada impresos, pantallas de entrada o formularios para 
con
impresora sin intervención del usuario, y los formularios perforados que tienen 
un talón desprendible que sirve como registr
 Si se incluyen demasiadas operaciones de ventanas, el diseñador puede 
estar invitando a la creación de una pantalla de a
Por lo general los iconos son útiles si son significativos, si se van a utilizar en 
una aplicación donde aparecerán en conju
20. Mencione siete lineamientos del diseño para un formulario 
para contestar en la Web. 
 
1. Proporcionar instrucciones cla

También podría gustarte