Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

DISEÑO DE BUENOS FORMULARIOS

No description
by

Luis Garcìa

on 11 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of DISEÑO DE BUENOS FORMULARIOS

Objetivos de diseño para los formularios de entrada en papel
Precisión
Facilidad de uso
Consistencia
Simpleza
Atracción
Lineamientos para el diseño de buenos formularios
Se puede referir sólo a la manera en que la papelería prepara los formularios.
Formulario especializado
Un formulario con un flujo apropiado reduce el tiempo y esfuerzo que invierten los empleados en llenarlo.
Flujo apropiado de un formulario
DISEÑO DE BUENOS FORMULARIOS
POR: LUIS GARCIA Y NESTOR GARCIA
Encabezado.
Identificación y acceso.
Instrucciones.
Cuerpo.
Firma y verificación.
Totales.
Comentarios.

Secciones de un buen formulario
Tipos de leyendas
Lineamientos para el buen diseño de pantallas
 leyendas de línea,
 leyendas de verificación
 leyenda enmarcada
 leyenda de tabla.

1. Que los formularios sean fáciles de llenar.
2. Que cumplan con el propósito para el que se diseñaron.
3. Que su diseño contribuya a que se completen con precisión
.
4. Que sean atractivos.

1. Mantener la pantalla simple.
2. Mantener la presentación de la pantalla consistente.
3. Facilitar el movimiento del usuario entre las pantallas y páginas de visualización.
4. Crear una pantalla atractiva y agradable.

Secciones útiles para simplificar una pantalla
La parte superior
La sección media
Comentarios e instrucciones
ventajas de usar ventanas
 Los usuarios pueden minimizar o maximizar el tamaño de las
ventanas según sea necesario.
 Los usuarios empiezan con una pantalla simple y bien diseñada que pueden
personalizar y controlar por medio de varias ventanas.

Desventajas de usar ventanas
Formas en que se puede mantener la consistencia.
Si ubicamos la información en la misma área cada vez que se acceda a una nueva pantalla.
Además, la información que debe estar junta por lógica también se debe agrupar en forma consistente: el nombre y la dirección van juntos, pero no el nombre y el código postal.

Formas para facilitar el movimiento entre las páginas de visualización
Elementos de diseño de interfaz gráfica
¿Cuándo se deben usar las casillas de verificación?
Se deben usar cuando se quiere indicar un nuevo cliente. Ya que las casillas de verificación pueden contener una X o estar vacías, lo que corresponde a indicar si el usuario seleccionó o no la opción; se utilizan para marcar una o más opciones (es decir, en forma no exclusiva).
¿Cuándo se deben usar los botones de opción?

Se deben usar cuando se quiere seleccionar opciones exclusivas: se puede elegir sólo una de varias. De esta forma podemos dejar en claro a los usuarios que deben decidir entre varias.
¿Cuáles son las dos formas distintas en que se utilizan los valores de un formulario?
 La forma de almacenar los datos asociados con el control.
 La forma en que se obtiene el valor es distinta para cada control del formulario Web.

¿Para qué se utilizan los campos ocultos en un formulario Web?
Se utilizan para almacenar los valores que se envían de un formulario Web al servidor. Generalmente se requiere incluir estos valores en un segundo formulario cuando se requieren formularios múltiples para capturar todos los datos de la transacción

Mencione cuatro tipos de eventos.

• Eventos para cambiar un valor,
• Eventos para enfocar el campo (mover el cursor dentro del campo o en un botón de opción, casilla de verificación u otro control),
• Evento para quitar el foco de un campo (el usuario mueve el cursor hacia fuera del campo),
• Eventos para detectar las pulsaciones de teclas y muchos otros eventos.

¿Qué son las páginas Web dinámicas?
Las páginas Web dinámicas son aquellas que cambian por sí solas como resultado de la acción de los usuarios.
¿Qué son las páginas Web tridimensionales?
Son aquellas páginas Web dinámicas que también se pueden usar para mostrar información de manera temporal, como un bloque de información de ayuda, un calendario con fechas en las que se pueda hacer clic para ayudar con los campos para introducir fechas, los códigos de aeropuertos y demás información relacionada.
¿Cómo mejora Ajax una página Web
Ajax permite a los desarrolladores Web construir una página Web que funcione en forma más parecida a un programa de escritorio tradicional.
Mencione las cinco combinaciones más legibles de colores
 Negro sobre amarillo.
 Verde sobre blanco.
 Azul sobre blanco.
 Blanco sobre azul.
 Amarillo sobre negro.

Defina lo que significa el término máscaras
Son revestimientos divertidos que los clientes pueden agregar a lo que deseen ver.
Situaciones en las que el color puede ser útil para el diseño de pantallas
• Para contestar el frente y el fondo
• Resaltar datos y campos importantes
• Señalizar errores y
• Permitir una codificación especial de la entrada.

Lineamientos de diseño para un formulario de llenado basado en Web.
 Proveer instrucciones claras.
 Demostrar una secuencia de entrada lógica para los formularios de llenado.
 Usar variedad de cuadros de texto, botones, menús desplegables, casillas de verificación y botones de opción.
 Proveer un cuadro de texto desplazable si no está seguro sobre cuánto espacio necesitarán los usuarios para responder a una pregunta.
 Preparar dos botones básicos en todo formulario de llenado en Web: Enviar y Borrar formulario.
 Si el formulario es extenso y los usuarios se deben desplazar con mucha frecuencia, divídalo en varios formularios más simples en páginas separadas.
 Crear una pantalla de retroalimentación que resalte los errores en un color apropiado y se niegue a enviar un formulario a menos que se llenen los campos obligatorios correctamente.

GRACIAS POR SU ATENCION
Permite que el usuario complique una pantalla simple. Mediante la inclusión de demasiadas operaciones de ventanas, el diseñador puede estar invitando que la creación de una pantalla de apariencia caótica que puede dar como resultado que un usuario se sienta perdido y frustrado por todo el amontonamiento.
 La regla de los “tres clics” establece que los usuarios deben ser capaces de llegar a las páginas que necesitan en tres clics de ratón o de teclado como máximo.
 Los formularios basados en Web facilitan el movimiento mediante el uso de hipervínculos a otras páginas Web relevantes.
 Otro método común de movimiento es hacer que los usuarios se sientan como si estuvieran cambiando físicamente a una nueva página.

• CUADROS DE TEXTO
• BOTONES DE OPCIÓN
• CUADROS DE LISTA Y DE LISTA DESPLEGABLE
• CONTROLES DESLIZABLES Y BOTONES
Full transcript