Embed Size (px)
Citation preview
Capitulo 12 Diseñando entrada en vigencia
Análisis de sistemas y diseño
2
Temas muy importantes
Diseño de contribución Diseño de formulario Diseño de visualización Diseño de pantalla de GUI Controles de GUI Pautas de diseño de Web
3
Objetivos de diseño de contribución
La calidad de input de sistema condiciona la calidad del producto de sistema.
Objetivos de contribución well- diseñar: Eficacia. Exactitud. Facilidad de uso. Regularidad. Sencillez. Atractivo.
4
Diseño de formulario
Pautas para el buen diseño de formulario:
Haga formularios fácil llenar.
Asegure que las formas cubren el propósito para el que son diseñados.
El diseño se forma para garantizar la terminación exacta.
Guarde las formas atractivos.
5
Terminación de formulario
Para hacer formularios fácil llenar, the following técnica son usadas:
Primero, el diseño se forma con la circulación correcta, de izquierda a derecho y alto a la parte inferior.
Segundo, la información de grupo que usa las siete secciones de una forma de manera lógica.
En tercer lugar, suministre a las personas con leyendas claras.
Las leyendas dicen a la persona que termina el formulario qué poner sobre una línea en blanco, espacio, o caja.
6
Siete secciones de un formularioLas siete secciones de una forma lo son:Encabezamiento.Identificación y acceso.Instrucciones.Cuerpo.Firma y comprobación.Totales.Hace comentarios.
7
Siete secciones de un formulario
8
Subtitule tipos
Leyendas podrían ser unas de lo siguiente:Renglón subtitula, poniendo la leyenda sobre la
misma línea o debajo de la línea.Leyenda puesto en una caja, suministrar una
caja para los datos en lugar de una línea.Cheque vertical que en vuelo, forrar las
elecciones o las alternativas verticalmente.Cheque horizontal que en vuelo, forrar las
elecciones o las alternativas horizontalmente.
9
Subtitule tipos
10
Cubrir el propósito previsto
Los analistas de sistemas pueden usar diferente clases de formas de especialidad para los propósitos diferentes.
Las formas de especialidad también pueden representar las formas preparadas por un dueño de una papelería.
11
Asegurar la terminación exacta Para reducir rates de error relacionado con la
recolección de datos, las formas deben ser diseñado garantizar la terminación exacta.
El diseño se forma para hacer las personas hacer la cosa correcta con la forma.
Para animar a las personas a terminar formularios, los analistas de sistemas deben guardar las formas atractivos.
12
Formularios atractivos
Para ser más atractivo, las formas deben parecer ordenadas, y extraer la información en la orden esperada.
Las formas estéticas o uso de tipos de caracteres diferentes y pesas de línea dentro de la misma forma pueden ayudar hacer él más atractivo.
13
Software de diseño de formulario de computadora El software de diseño de formulario de
microcumputadora numeroso está disponible. Características del software de diseño de formulario
electrónico: La habilidad de diseñar papel, electrónico, o Web
fundar se forma. Moldee el diseño usando plantillas. Moldee el diseño cortando y inserte formas
familiares y objetos.
14
Software de diseño de formulario de computadora (continuado) Características del software de diseño de
formulario electrónico Facilita la terminación a través del uso del
software. Permisos personalizaron cartas, barras de
herramientas, teclados, y macros. Soporta bases de datos populares. Permite la transmisión de las formas electrónicas. Permite el direccionamiento secuencial de las
formas.
15
Software de diseño de formulario de computadora (continuado) Características del software de diseño de
formulario electrónico Las ayudas constituyen la agrupación según
rendimiento. Apoya la entrega automática y el
procesamiento. Establece la seguridad para formularios
electrónicos.
16
Formularios de la empresa controladores Inclusión de formularios controladora: Se asegurar de que cada forma en uso
cumpla su propósito específico. Se asegurar de que el propósito especificado
sea esencial para organizativo funcionar. Prevenir la duplicación de la información
coleccionado y los formularios que lo coleccionan.
Diseñar las formas eficaces.
17
Formularios de la empresa controladores (continuado) Inclusión de formularios controladora:
Decidir on reproduce formularios en lo más
Manera económica Establecer el control de acción y
procedimientos de existencias que hacen formularios disponibles when necesitar, en el coste posible más bajo
18
Pautas de diseño de visualizaciónPautas para el buen diseño de visualización:
Primero, guarde la visualización simple.
Segundo, guarde la presentación de visualización consecuente.
En tercer lugar, facilite el usuario movimiento entre pantallas de visualización.
Definitivamente, cree una visualización atractiva.
19
Tres secciones de pantalla
Para guardar la pantalla simple, es dividido en tres secciones:
Encabezamiento.
Cuerpo.
Comentarios e instrucciones.
20
Exhiba los conceptos de diseño para la sencillez Exhibir algunos comandos básicos
necesarios usar ventanas o hipervínculos es otra manera de guardar pantallas simples.
Para el usuario ocasional, solamente 50 por ciento de la pantalla debe contener la información útil.
21
Exhiba los conceptos de diseño para la sencillez (continuado) El diseño simplista incluye minimizar o
minimizar el tamaño de ventana como necesitar.
Use ayuda sensible al contexto y otros menúes emergentes.
La regularidad es conseguida exhibiendo la información en la misma área o agrupando la información de manera lógica.
22
Facilitar el movimiento
Pautas para facilitar el movimiento de una página a otro:
Hacer clic en - que los tres clics gobiernan dice que los usuarios deben poder llegar a las pantallas que necesitan dentro de tres clics de ratón o teclado.
Se desplazando - usar flechas o teclas AvPág.Usar ventanas de menú emergente sensibles
al contexto.Usar diálogo en pantalla.
23
Diseñar una pantalla atractivaPara hacer la pantalla el uso atractivo:
Grosor diferente de líneas de separación entre subcategorías.
Video inverso y cursores brillar intermitentemente.
Combinaciones diferentes de los colores.
Tipos de caracteres de tipo diferentes.
24
Usar iconos en el diseño de pantalla Los iconos son use en pantallas gráficas
operar programas y ejecutar comandos. Interfaz de usuario gráfico (GUI) es usado in
conjunction with un ratón, teclado, lightpen, o joystick para hacer selecciones y ingresar los datos.
25
Controles de (GUI) de interfaz de usuario gráfico
Controles de GUI o campos:
Cuadros de texto.
Casillas de verificación.
Opción o botónes de opción.
Lista y lista desplegable boxean.
Puertas corredizas y botones de giro.
Mapas de imágenes.
Área de texto.
Áreas de señalamiento.
26
Ejemplo de pantalla de GUI
27
Cuadros de texto
Los cuadros de texto deben ser acomodar todos los caracteres de campo lo suficientemente grande.
Las leyendas deben ser a la izquierda del cuadro de texto.
Los datos de calidad deben estar alineados a la izquierda dentro de la caja.
El derecho de datos numéricos se alineó.
28
Casillas de verificación
Las casillas de verificación son usadas para las elecciones inclusivas.
Texto de casilla de verificación o etiqueta son puesto a la derecha de la casilla de verificación.
Si hay más de 10 casillas de verificación, agrúpese en una caja limitado con.
29
Botones de opción y cajas de lista desplegable Opción o botónes de opción son usados para
las elecciones exclusivas. A menudo son puestos en un rectángulo
called un grupo de opción. Lista y cajas de lista desplegable son use
escoger una elección afuera de muchos.
30
Puertas corredizas, botones de giro, y las mapas de imágenes Las puertas corredizas y los botones de
giro son use cambiar los datos que tienen uno ininterrumpido range of valores.
Las mapas de imágenes son use seleccionar valores dentro de una imagen.
El x y prendas para combinar de y son enviadas al programa.
31
Puerta corrediza y ejemplo de botón de giro
32
Área de texto
Una área de texto es usada para presentar un más grande amount of texto.
Estas áreas podrían tener texto que envuelve cuando el texto alcanza el final de la caja.
Hay dos maneras de tratar con el texto: El regreso difícil es use forzar nuevas líneas. Use escritura continua dentro de la área de
texto.
33
Áreas de señalamiento y botones de comando Las áreas de señalamiento son
acostumbradas a la advertencia de visualización y a otros mensajes en una ventana rectangular.
Los botones de mandato llevan a cabo una acción.
34
Cuadros de diálogo de Control de tabulador Los cuadros de diálogo de control de
tabulador ayudan organizar características de GUI (controles) para usuarios.
Cada cuadro de diálogo de tabulador debe tener tres botones básicos:
Está bien. Cancele. Ayude.
35
Cuadros de diálogo de página web Un nuevo type of cuadro de diálogo tiene la
mirada y tacto de una página web. Los botones son llamados posiciones y están
hiperconectado a los artículos a los que un usuario desearía acceder.
36
Color
Las cinco combinaciones de color de primer plano / fondo más legibles para monitores de visualización lo son:
Negro sobre el amarillo. Verdee sobre el blanco. Color azul sobre el blanco. Blanco sobre el color azul. Póngase amarillo sobre el negro.
37
Cáscaras
Las cáscaras son capas superpuestas gráficas que permiten que clientes cambien la apariencia de un sitio web por sus preferencias para una especial tipo de imagen.
38
La Internet y las pautas de diseño de intranetPautas para crear páginas de entrada de
intranet e Internet:
Provea las instrucciones claras.
Use una secuencia de entrada lógica para las formas de relleno.
Use a variety of cuadros de texto, botones, botónes de opción, listas desplegables, y otros especiales de GUI.
39
La Internet y las pautas de diseño de intranetLas pautas para crear páginas de entrada de
intranet e Internet (continuó):
Provea un cuadro de texto se desplazando si usted es uncertain cuánto será ingresado el texto.
Incluya dos botones básicos: ríndase y aclárese.
Si la forma es larga, divídalo en algunas formas más simples sobre páginas distintas.
40
La Internet y las pautas de diseño de intranetLas pautas para crear páginas de entrada de
intranet e Internet (continuó):
Cree una pantalla de realimentación que pone en una lista mensajees de errores si un formulario no ha sido llenado correctamente
41
Aplicaciones de Ecommerce
Las aplicaciones de Ecommerce involucran más que el sólo el buen diseño del sitio web.
Los clientes tienen que estar seguros del sitio, incluyendo la privacidad y la seguridad.
