SlideShare una empresa de Scribd logo
1 de 12
DISEÑO DE UNA ENTRADA EFICAZ
Cuando están bien diseñados los formularios de entrada, las
pantallas y los formularios interactivos para contestar en la web
deben satisfacer los objetivos de:
 efectividad
 precisión
 facilidad de uso
 Consistencia
 simplicidad
 atractivo
Todos estos objetivos se pueden lograr siguiendo principios
básicos de diseño, sabiendo que necesita el sistema como
entrada y entendiendo como responden los usuarios a los
diversos elementos de los formularios y las pantallas.
Diseño de un buen formulario
Los formularios son documentos previamente
impresos que requieren respuesta estandarizadas por
parte de los usuarios. Estos obtienen y capturan
información solicitada por los miembros de la
organización.
Los cuatro lineamientos para los formularios de entrada bien
diseñados son los siguientes:
· Los formularios deben ser fáciles de completar
· Los formularios deben cumplir el propósito para el cual se diseñan
· Los formularios se deben diseñar para asegurar precisión en su
llenado
· Los formularios deben ser atractivos
CREACION DE FORMULARIOS FACILES DE CONTESTAR
Para reducir los errores, acelerar el llenado y facilitar la
entrada de datos, es esencial que los formularios sean fáciles
de contestar. El costo de los formularios es mínimo en
comparación con el tiempo que los empleados dedican a
contestarlos y ah ingresar los datos correspondientes al
sistema de información.
FLUJO DEL FORMULARIO
El diseño de un formulario apropiado disminuye el tiempo y el esfuerzo que dedican los
empleados en contestarlos.
Los formularios deben fluir de izquierda a derecha y de arriba abajo.
SIETE SECCIONES DE UN FORMULARIO
Este es un segundo método que facilita a los usuarios contestar correctamente los
formularios es el agrupamiento lógico de la información
1. Encabezado
2. Identificación y Acceso
3. Instrucciones
4. Cuerpo
5. Firma yVerificación
6. Totales
7. Comentarios
TITULOS
Títulos con
Líneas
Títulos con
Casillas
Títulos en
Recuadros
Títulos en
tablas
Los títulos también pueden incluir notas para ayudar al
usuario a ingresar correctamente la información, como
Fecha(MM/DD/AAAA) o Nombre (apellido,Nombre,Inicial
del segundo nombre)
Titulo con
líneas
Titulo
debajo de
las líneas
Titulo en
recuadro
Titulo
Casillas
Títulos en
tablas
SATISFACCIÓN DEL PROPÓSITO PREVISTO
Los formularios se crean para satisfacer uno o mas
propósitos en el registro, el procesamiento, el
almacenamiento y la recuperación de información de las
empresa.
FORMULARIOS ESPECIALIZADOS
Este termino se refiere tan solo a la manera como la
imprenta prepara los formularios. Entre los ejemplos de
algunos de estos formularios son :
 Formularios de múltiples partes
 Formularios continuos
 Formularios Perforados
Diseño adecuado de pantallas y formularios para la web
El diseño de formularios útiles, pantallas y formularios para contestar en la
web se traslapa de muchas formas importantes. Con frecuencia las
pantallas proporcionan asistencia con la entrada, mientras que con la
excepción de instrucciones impresas previamente, podría ser difícil obtener
asistencia adicional con un formulario en papel. Los documentos basados
en la web tiene funciones adicionales, tales como hipervínculo integrados,
funciones de ayuda sensible al contexto y formularios de
retroalimentación, para corregir la entrada antes del envió final.
Los cuatro lineamientos para las pantallas bien diseñadas son como sigue:
Las pantallas se deben mantener simples
· Las pantallas deben ser consistentes en la presentación.
· El diseño debe facilitar el movimiento entre las paginas
· Las pantallas deben ser atractivas

Más contenido relacionado

La actualidad más candente

Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...eccutpl
 
Fundamentos de Programacion
Fundamentos de ProgramacionFundamentos de Programacion
Fundamentos de Programacionneyvajms
 
Diseño de entradas para sistemas de información
Diseño de entradas para sistemas de informaciónDiseño de entradas para sistemas de información
Diseño de entradas para sistemas de informaciónYaskelly Yedra
 
Diagrama de flujo de datos
Diagrama de flujo de datosDiagrama de flujo de datos
Diagrama de flujo de datosduberlisg
 
Técnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosTécnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosJuan Carlos Olivares Rojas
 
Ingeniería de requisitos
Ingeniería de requisitosIngeniería de requisitos
Ingeniería de requisitosZuleima
 
Diccionario de datos
Diccionario de datosDiccionario de datos
Diccionario de datosJorge Garcia
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuarioNorerod
 
Presentación Unidad 3: Análisis de las Necesidades del Sistema
Presentación Unidad 3: Análisis de las Necesidades del SistemaPresentación Unidad 3: Análisis de las Necesidades del Sistema
Presentación Unidad 3: Análisis de las Necesidades del SistemaMariana Marabay Alba
 
Ejemplo de manual sistema de inventario de operaciones estadisticas
Ejemplo de manual sistema de inventario de operaciones estadisticasEjemplo de manual sistema de inventario de operaciones estadisticas
Ejemplo de manual sistema de inventario de operaciones estadisticassullinsan
 
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negociosFundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negociosJosé Antonio Sandoval Acosta
 
Investigacion sobre traductor, interprete y compilador
Investigacion sobre traductor, interprete y compilador   Investigacion sobre traductor, interprete y compilador
Investigacion sobre traductor, interprete y compilador ADOLFOISAIASGARCIASI
 
Base de datos de una pizzeria
Base de datos de una pizzeriaBase de datos de una pizzeria
Base de datos de una pizzeriaLupithaa Guerrero
 
Diseño de las entradas y controles del sistema
Diseño de las entradas y controles del sistemaDiseño de las entradas y controles del sistema
Diseño de las entradas y controles del sistemaFernando Kano
 
Ejemplos de sistemas de informacion
Ejemplos de sistemas de informacionEjemplos de sistemas de informacion
Ejemplos de sistemas de informacionpablo Xavi
 
Metodologías para el Diseño de Sistemas
Metodologías para el Diseño de SistemasMetodologías para el Diseño de Sistemas
Metodologías para el Diseño de SistemasIsidro Gonzalez
 
Ciclo de vida del software
Ciclo de vida del softwareCiclo de vida del software
Ciclo de vida del softwarecoldclean
 

La actualidad más candente (20)

Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
 
2 modelos de datos
2 modelos de datos2 modelos de datos
2 modelos de datos
 
Fundamentos de Programacion
Fundamentos de ProgramacionFundamentos de Programacion
Fundamentos de Programacion
 
Diseño de entradas para sistemas de información
Diseño de entradas para sistemas de informaciónDiseño de entradas para sistemas de información
Diseño de entradas para sistemas de información
 
Ejercicios del 1 al 9
Ejercicios del 1 al 9Ejercicios del 1 al 9
Ejercicios del 1 al 9
 
Diagrama de flujo de datos
Diagrama de flujo de datosDiagrama de flujo de datos
Diagrama de flujo de datos
 
Diagrama de casos de usos
Diagrama de casos de usosDiagrama de casos de usos
Diagrama de casos de usos
 
Técnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosTécnicas para la Obtención de Requerimientos
Técnicas para la Obtención de Requerimientos
 
Ingeniería de requisitos
Ingeniería de requisitosIngeniería de requisitos
Ingeniería de requisitos
 
Diccionario de datos
Diccionario de datosDiccionario de datos
Diccionario de datos
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
Presentación Unidad 3: Análisis de las Necesidades del Sistema
Presentación Unidad 3: Análisis de las Necesidades del SistemaPresentación Unidad 3: Análisis de las Necesidades del Sistema
Presentación Unidad 3: Análisis de las Necesidades del Sistema
 
Ejemplo de manual sistema de inventario de operaciones estadisticas
Ejemplo de manual sistema de inventario de operaciones estadisticasEjemplo de manual sistema de inventario de operaciones estadisticas
Ejemplo de manual sistema de inventario de operaciones estadisticas
 
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negociosFundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
 
Investigacion sobre traductor, interprete y compilador
Investigacion sobre traductor, interprete y compilador   Investigacion sobre traductor, interprete y compilador
Investigacion sobre traductor, interprete y compilador
 
Base de datos de una pizzeria
Base de datos de una pizzeriaBase de datos de una pizzeria
Base de datos de una pizzeria
 
Diseño de las entradas y controles del sistema
Diseño de las entradas y controles del sistemaDiseño de las entradas y controles del sistema
Diseño de las entradas y controles del sistema
 
Ejemplos de sistemas de informacion
Ejemplos de sistemas de informacionEjemplos de sistemas de informacion
Ejemplos de sistemas de informacion
 
Metodologías para el Diseño de Sistemas
Metodologías para el Diseño de SistemasMetodologías para el Diseño de Sistemas
Metodologías para el Diseño de Sistemas
 
Ciclo de vida del software
Ciclo de vida del softwareCiclo de vida del software
Ciclo de vida del software
 

Similar a Diseño de formularios y pantallas web eficaces

Portafolio de Computación Aplicada II
Portafolio de Computación Aplicada IIPortafolio de Computación Aplicada II
Portafolio de Computación Aplicada IIKaritoCely
 
PORTAFOLIO DE COMPUTACIÓN APLICADA
PORTAFOLIO DE COMPUTACIÓN APLICADAPORTAFOLIO DE COMPUTACIÓN APLICADA
PORTAFOLIO DE COMPUTACIÓN APLICADAjulissamabel17
 
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03JoanaQuijada
 
trabajo base de datos 3 periodo definitivo
trabajo base de datos 3 periodo definitivo trabajo base de datos 3 periodo definitivo
trabajo base de datos 3 periodo definitivo marlontellez14
 
Trebajo actualizado bases incontec
Trebajo actualizado bases incontecTrebajo actualizado bases incontec
Trebajo actualizado bases incontectecknopintos
 
Trebajo actualizado la machera
Trebajo actualizado la macheraTrebajo actualizado la machera
Trebajo actualizado la macheratecknopintos
 
Análisis y diseño de sistemas de información
Análisis y diseño de sistemas de informaciónAnálisis y diseño de sistemas de información
Análisis y diseño de sistemas de informaciónCarlos Ortega
 
2569874 140827071012-phpapp02
2569874 140827071012-phpapp022569874 140827071012-phpapp02
2569874 140827071012-phpapp02Andrew Vargas
 
trabajo informatica base de datos
trabajo informatica base de datos trabajo informatica base de datos
trabajo informatica base de datos marlontellez14
 

Similar a Diseño de formularios y pantallas web eficaces (20)

Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
PUNTOS EXTRAS SEMANA4.doc
PUNTOS EXTRAS SEMANA4.docPUNTOS EXTRAS SEMANA4.doc
PUNTOS EXTRAS SEMANA4.doc
 
Portafolio de Computación Aplicada II
Portafolio de Computación Aplicada IIPortafolio de Computación Aplicada II
Portafolio de Computación Aplicada II
 
PORTAFOLIO DE COMPUTACIÓN APLICADA
PORTAFOLIO DE COMPUTACIÓN APLICADAPORTAFOLIO DE COMPUTACIÓN APLICADA
PORTAFOLIO DE COMPUTACIÓN APLICADA
 
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03
Bernaez m, quijadaj, lopezs, secog, yanezg. cont2, seccion cp03
 
trabajo base de datos 3 periodo definitivo
trabajo base de datos 3 periodo definitivo trabajo base de datos 3 periodo definitivo
trabajo base de datos 3 periodo definitivo
 
Trebajo actualizado bases incontec
Trebajo actualizado bases incontecTrebajo actualizado bases incontec
Trebajo actualizado bases incontec
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Formularios
FormulariosFormularios
Formularios
 
Nicolás es guerra
Nicolás es guerraNicolás es guerra
Nicolás es guerra
 
INFORMES ACCESS 2010
INFORMES ACCESS 2010INFORMES ACCESS 2010
INFORMES ACCESS 2010
 
Trebajo actualizado la machera
Trebajo actualizado la macheraTrebajo actualizado la machera
Trebajo actualizado la machera
 
5
55
5
 
Análisis y diseño de sistemas de información
Análisis y diseño de sistemas de informaciónAnálisis y diseño de sistemas de información
Análisis y diseño de sistemas de información
 
2569874 140827071012-phpapp02
2569874 140827071012-phpapp022569874 140827071012-phpapp02
2569874 140827071012-phpapp02
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
trabajo informatica base de datos
trabajo informatica base de datos trabajo informatica base de datos
trabajo informatica base de datos
 

Último

Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLAderMogollonLuna
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxDanmherJoelAlmironPu
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxAmerAlBarkawi
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfwilangelfmendoza
 
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxGilbertoGutierrezRiv
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfMiguelGomez900779
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxNeymaRojasperez1
 

Último (7)

Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptx
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
 
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
 

Diseño de formularios y pantallas web eficaces

  • 1. DISEÑO DE UNA ENTRADA EFICAZ
  • 2. Cuando están bien diseñados los formularios de entrada, las pantallas y los formularios interactivos para contestar en la web deben satisfacer los objetivos de:  efectividad  precisión  facilidad de uso  Consistencia  simplicidad  atractivo Todos estos objetivos se pueden lograr siguiendo principios básicos de diseño, sabiendo que necesita el sistema como entrada y entendiendo como responden los usuarios a los diversos elementos de los formularios y las pantallas.
  • 3.
  • 4. Diseño de un buen formulario Los formularios son documentos previamente impresos que requieren respuesta estandarizadas por parte de los usuarios. Estos obtienen y capturan información solicitada por los miembros de la organización.
  • 5. Los cuatro lineamientos para los formularios de entrada bien diseñados son los siguientes: · Los formularios deben ser fáciles de completar · Los formularios deben cumplir el propósito para el cual se diseñan · Los formularios se deben diseñar para asegurar precisión en su llenado · Los formularios deben ser atractivos
  • 6. CREACION DE FORMULARIOS FACILES DE CONTESTAR Para reducir los errores, acelerar el llenado y facilitar la entrada de datos, es esencial que los formularios sean fáciles de contestar. El costo de los formularios es mínimo en comparación con el tiempo que los empleados dedican a contestarlos y ah ingresar los datos correspondientes al sistema de información.
  • 7. FLUJO DEL FORMULARIO El diseño de un formulario apropiado disminuye el tiempo y el esfuerzo que dedican los empleados en contestarlos. Los formularios deben fluir de izquierda a derecha y de arriba abajo. SIETE SECCIONES DE UN FORMULARIO Este es un segundo método que facilita a los usuarios contestar correctamente los formularios es el agrupamiento lógico de la información 1. Encabezado 2. Identificación y Acceso 3. Instrucciones 4. Cuerpo 5. Firma yVerificación 6. Totales 7. Comentarios
  • 8.
  • 9. TITULOS Títulos con Líneas Títulos con Casillas Títulos en Recuadros Títulos en tablas Los títulos también pueden incluir notas para ayudar al usuario a ingresar correctamente la información, como Fecha(MM/DD/AAAA) o Nombre (apellido,Nombre,Inicial del segundo nombre)
  • 10. Titulo con líneas Titulo debajo de las líneas Titulo en recuadro Titulo Casillas Títulos en tablas
  • 11. SATISFACCIÓN DEL PROPÓSITO PREVISTO Los formularios se crean para satisfacer uno o mas propósitos en el registro, el procesamiento, el almacenamiento y la recuperación de información de las empresa. FORMULARIOS ESPECIALIZADOS Este termino se refiere tan solo a la manera como la imprenta prepara los formularios. Entre los ejemplos de algunos de estos formularios son :  Formularios de múltiples partes  Formularios continuos  Formularios Perforados
  • 12. Diseño adecuado de pantallas y formularios para la web El diseño de formularios útiles, pantallas y formularios para contestar en la web se traslapa de muchas formas importantes. Con frecuencia las pantallas proporcionan asistencia con la entrada, mientras que con la excepción de instrucciones impresas previamente, podría ser difícil obtener asistencia adicional con un formulario en papel. Los documentos basados en la web tiene funciones adicionales, tales como hipervínculo integrados, funciones de ayuda sensible al contexto y formularios de retroalimentación, para corregir la entrada antes del envió final. Los cuatro lineamientos para las pantallas bien diseñadas son como sigue: Las pantallas se deben mantener simples · Las pantallas deben ser consistentes en la presentación. · El diseño debe facilitar el movimiento entre las paginas · Las pantallas deben ser atractivas