Este documento trata sobre el diseño de sistemas de información, con un enfoque en el diseño de entradas, salidas e interfaces. Explica que es importante diseñar salidas que satisfagan las necesidades del usuario final de manera eficiente. También cubre temas como el diseño de formularios para recopilar datos de entrada de manera sencilla y útil para el usuario. Además, destaca la importancia de crear interfaces gráficas intuitivas que faciliten la interacción del usuario con el sistema.
Diseño de entradas, salidas y prototipos en sistemas de información
1. República Bolivariana de Venezuela
Ministerio del Poder Popular para la Defensa
Universidad Nacional Experimental Politécnica de la Fuerza Armada
UNEFA Núcleo Carabobo
Extensión Guacara
Profesor: Integrante:
Héctor Escalona Jean Carlos A. Cruz H.
CI: 20.513.850
Sección:
G-001-D
Carrera:
Ingeniería de Sistemas 6º
Noviembre de 2011
2. RESUMEN
Desde una Perspectiva, como futuro Ingeniero de Sistemas, la
presente investigación tiene como propósito profundizar en el área de Diseño
de Sistemas, Ya que en la actualidad la mayoría de los usuarios que posean
una computadora, Gadget´s, microcomputadoras o no, tienen acceso a un
sistema de información o forman parte del mismo. Todas las organizaciones
cuentan con un sistema de información de algún tipo, que sus empleados
deben utilizar. Cuando en cualquier Organización se desea implantar un
sistema, de tal forma que sus miembros sean más productivos, obteniendo
un mayor provecho significativo del mismo.
Para cumplir con ese objetivo de obtener mayor ganancia o provecho
de un nuevo sistema de información en una organización, a pesar de que
puede llegar a ser una tarea compleja, está la presente investigación que
ayuda a encarar este tipo de situaciones en el cual se emplea un proceso de
análisis y diseño de sistemas, la misma ayuda a disminuir las situaciones de
fracaso o errores al acometer estos procesos, que beneficiaran a lo más
importante al usuario final y por ende a los diseñadores del sistema.
Específicamente la Investigación se enfoca en temas de Diseño de
entradas, salidas, prototipos, interfaces, diálogos entre otros que ayudaran a
un correcto funcionamiento y optimización de un Sistema de Información ya
sea en una Web o en un área local, una de las herramientas de mayor
provecho es la herramienta CASE y información acerca de la codificación
efectiva.
3. DESARROLLO
En el desarrollo de sistemas de información, el aspecto esencial es el
diseño esencial y óptimo para facilitarle al usuario una interfaz amigable y
nada tediosa; en el Diseño de Salidas la “información” es entregada al
usuario a través de un sistema de información de muchas maneras, tomando
desde opciones como: salidas a través de una impresora, pantallas de
computadora, audio etc. El objetivo esencial de las salidas bien diseñadas es
satisfacer al propósito del usuario final, desde lo que es el manejo de los
recursos, el rendimiento de tiempo, buena distribución y que el usuario quede
satisfecho con el sistema.
El cómo satisfacer al usuario va desde el comienzo del diseño ya que no
es suficiente poner a disposición de los usuarios una pantalla o una Web solo
por hacerlo, se tienen que determinar los requerimientos de la información, y
que propósito debe satisfacer y se diseña la salida en base a esos propósitos
para que haya rendimiento de tiempo, costos y recursos y mas aun el
sistema de información atiende a muchos usuarios con muchos propósitos
diferentes, es por ello el uso de entrevistas, observaciones y evaluación de
costos y a veces los prototipos. En términos generales es mas practico crear
una salida específica para el usuario o que el mismo pueda personalizar,
cuando esta es diseñada para un sistema de apoyo a la toma de decisiones,
aplicaciones interactivas o las que se desarrollan para la web. Sin embargo
aun es posible diseñar una salida que satisfaga al usuario en la organización.
4. Las salidas se deben presentar al usuario correcto, tienen que llegar a los
que toman las decisiones para que tenga valor; la salida se debe dar a
tiempo para que los usuarios no se fatiguen, ya que es una de las mayores
quejas que se reciben porque los usuarios debido a que no reciben la
información necesaria toman las decisiones incorrectas en la mayoría de los
casos, la entrega de las salidas es esencial para los negocios es por ello se
debe tomar con cuidado la distribución del tiempo de la salida y la entrega.
Para tomar el método correcto de la salida se debe relacionar al contenido
ejemplo: Si es una salida de una empresa en la cual un encargado desea
saber cuál es su nómina total, en la mayoría de las veces el encargado
deseara ver la nómina por pantalla de computadora y otras veces lo deseara
en físico para la junta; es por ello que se deberá diseñar una salida óptima
para cada caso sin perder rendimiento, ni tiempo y que no tenga mucho
costo, los factores a considerar son
1. ¿Quién usará (verá) la salida de datos?
2. ¿Cuántas personas necesitan la salida?
3. ¿Dónde se necesita la salida (distribución, logística)?
4. ¿Cuál es el propósito de la salida?
5. ¿Cuál es la velocidad con que se necesita la salida?
6. ¿Con qué frecuencia se accederá a la salida?
7. ¿Cuánto tiempo se almacenará la salida? Entre otros.
La posible solución tomando en cuenta las respuesta a las preguntas
anteriores sería diseñar una interfaz en la cual en encargado pueda ver la
nómina de la empresa tanto en la pantalla y obtenerla en físico también
mediante una opción en pantalla de imprimir en la cual se deben tomar las
5. variables en el diseño de los diferentes tipos de impresora, y también como
posible solución dependiendo de la necesidad es posible agregar la opción a
la interfaz de enviar la nómina por correo entre otras diferentes salidas como
la multimedia, Fax, Internet o Intranet.
En el mismo orden de ideas, para que haya una salida tiene que haber
una entrada y las entradas conllevan a diseñar entradas por medio de
formularios tanto para la web como para programas de escritorio tanto de
intranet como de internet. La calidad de la entrada determina la salida del
mismo, la efectividad de los formularios de entrada, las pantallas y los
formularios web tienen que cumplir el propósito específico en el sistema de
información sin que tenga que llevar tiempo de mas para descifrarlo y todo
ello depende del diseño efectivo y preciso que garantiza el mismo, Los
formularios tienen que ser sencillos, completos y útiles y esto es trabajo del
analista de sistemas el cual debe de tener esa capacidad ya que es
necesario que eliminar los formularios que desperdicien recursos de una
organización, cuando hablamos de recursos hablamos de tiempo en
contestarlos, lo cual es dinero en una empresa, esto en caso de rediseñar un
sistema, El atractivo de los formularios implica que los usuarios disfruten al
usarlos debido a lo interesante de su diseño y por lo tanto hay mayor
probabilidad de una excelente entrada.
Para el Diseño de un Buen Formulario según el libro de análisis y diseño
de sistemas de Kendall y Kendall, se basa en 7 secciones:
a) Encabezado
b) Identificación y acceso
6. c) Instrucciones
d) Cuerpo
e) Firma y verificación
f) Totales
g) Comentarios.
Otra opción es la creación de títulos claros ya que facilitan al usuario que
poner en el formulario tanto para la web e intranets, como para aplicaciones
de escritorio.
Los formularios han de dar sensación de claridad evitando lo que
podríamos llamar el exceso de tinta (texto, líneas, recuadros, iconos, etc.).
Para ello las principales recomendaciones son:
El espacio ocupado por texto y grafismos no debe sobrepasar el 40% del
total.
Eliminar grafismos innecesarios. Por ejemplo, no abusar de los recuadros de
grupo y sobretodo nunca poner un recuadro de grupo dentro de otro.
Sustituir líneas y recuadros de separación por espacio en blanco.
En formularios de entrada de datos, pedir solo la información necesaria
minimizando los campos opcionales.
En formularios en los que se ofrezca información a consultar, debe mostrarse
solo información relevante.
Redactar textos cortos para las etiquetas de campos eliminando palabras
innecesarias.
7. Relaciones lógicas entre los elementos
La ubicación de un elemento en un punto determinado de la pantalla
puede ayudar a comunicar una relación lógica con otros elementos ayudando
a su comprensión.
Las principales recomendaciones son:
Proximidad: la cercanía de los elementos comunica una relación entre
ellos.
Agrupación: crear grupos de elementos relacionados y separar los
grupos para clarificar diferencias.
Inclusión: indica las jerarquías de los elementos. Para ello se
pueden alinear unos más a la derecha que los otros o bien incluirlos
dentro de un recuadro.
Estética y Orden Visual, Consistencia, alineación y proporción.
Mucho de lo que ya hemos dicho sobre el diseño adecuado de
formularios se puede aplicar al diseño de pantallas y al diseño de sitios Web
y páginas Web. Una vez más, el analista debe tener siempre presente al
usuario al diseñar pantallas. Sin embargo, hay algunas diferencias que los
analistas de sistemas diferencian.
1. Algunos Trucos para el Diseño de Formularios en la Web son:
2. Alinear los campos de texto a la izquierda y las etiquetas arriba y a la
izquierda. Según ciertos estudios de usabilidad se ha notado un
8. beneficio al uso de formularios situando las etiquetas inmediatamente
encima de las cajas de texto y alineadas a la izquierda.
3. El tamaño de la fuente y cajas de texto debe ser generosos.
4. El tamaño de las tipografías para las etiquetas de cada campo debe
ser prominente, sobretodo el alto de las cajas de texto. No tener miedo
en esto, puesto que las cajas son el elemento objetivo de todo
formulario, deben verse suficiente y ser “visualmente espaciosas”.
5. Fijar un repertorio finito de anchuras estándar para las cajas de texto a
rellenar.
6. Es interesante definir un mínimo de, por ejemplo, 3 anchuras de caja
de texto base, y utilizar estas según sea el campo a rellenar.
7. Utiliza radio button o desplegables adecuadamente.
8. Si cabe completar cierto campo en el que se ofrece más de una
opción predefinida, utilizar radio button cuando se trate de menos de 3
opciones (por ejemplo “Sexo”) y un desplegable cuando se trate de
más de 3 opciones.
9. Utilizar una llamada a la acción prominente y que cumpla las buenas
prácticas del diseño de botones para la web.
10. También, si situamos etiquetas y campos a rellenar alineados a la
izquierda, también situar el botón alineado a la izquierda y dentro del
flujo de escaneo del conjunto de elementos del formulario. También es
oportuno añadir un enlace “<< Paso anterior” sin que este tenga
apariencia de botón.
11. Incluir menú de proceso. Resaltando la etapa actual y siendo los
textos enlazables.
12. En formularios con más de una página conviene añadir indicadores
sobre el proceso que notifiquen el paso o página en la que nos
encontramos. Estos indicadores de proceso también deberían ser
enlaces que permitan saltar a pasos anteriores.
9. 13. Utilizar sistema de autocompletado para ciertos campos.
14. La idea aquí es que mientras el usuario escribe se presenten de
manera dinámica un listado de opciones acordes con el texto
introducido. Esto resulta práctico en campos como “ciudad”, “país”,
“estudios”, “oficio”, etc. Esta es una idea alternativa al desplegable que
agilizará la introducción de datos.
15. El sistema deberá formatear campos de tipo fecha, no el usuario.
16. Por ejemplo “Fecha de nacimiento”, deberá ser formateado por el
propio sistema a la sintaxis deseada (dd/mm/aaaa) y nunca esta labor
debería recaer en el usuario. Dejar esta labor en manos del usuario es
engorroso y fomentará errores. La solución óptima para este tipo de
campos pasa por utilizar 3 desplegables para: día, mes y año.
17. Utilizar un sistema de validación de campos dinámico.
18. La propuesta de validación de corrección de campos debe ser
dinámica, mostrándose está conexa a la caja de texto y validando la
correcta o no de cada campo a medida que estos sean rellenados por
el usuario. La información se deberá mostrar de forma clara y
descriptiva haciendo uso de texto, colores e iconografía.
19. Campos de difícil interpretación deberán mostrar ayuda auxiliar.
20. La ayuda auxiliar para ciertos campos se hace visible con iconografía
situada a la derecha del campo, y mostrando caja flotante cuando se
sitúa el cursor encima. Utilizar colores acorde con el carácter
informativo del elemento.
21. Incluir información de soporte a lo largo del formulario.
22. Por ejemplo, en una columna latera paralela al formulario se puede
incluir información contextual sobre el propósito de cada uno de los
bloques en los que está dividido el formulario: datos personales, datos
de pago, etc. Dar a este texto auxiliar un tono informativo, de soporte
de confianza y de persuasión.
10. 23. Sólo mostrar “(opcional)” o “(obligatorio)” cuando estos campos son
una minoría.
24. Como norma, cuando más de la mitad de los campos son obligatorios,
deberán identificarse como “(opcional)” aquellos que sean opcionales
y prescindir de cualquier recurso para identificar aquellos obligatorios.
Viceversa cuando la mayoría sean opcionales.
Para contener los formularios es necesario una interfaz Gráfica, ya que es
la forma en que los usuarios interactúan con el sistema operativo o el sistema
web, compuesto por cuadros de texto, Casillas de verificación, botones de
opción, cuadros de lista y desplegables que es parte en la mayoría de un
formulario en algunos casos. En las interfaces se usan iconos de pantalla
representativos a lo que queramos transmitir, ejemplo si en una interfaz web
que tenga un formulario donde ingresa el nombre, apellido, teléfono etc. Y al
final una imagen que actúa como botón pero con un dibujo de una carta,
transmitiría la sensación de que es para enviar y eso es lo que se quiere con
los iconos.
Para diseñar una interfaz hay miles de aplicaciones que podemos usar,
desde herramientas de diseño hasta de desarrolladores; podemos por
ejemplo usar la herramienta adobe Fireworks que ayuda mucho en el diseño
de formularios, Photoshop que ayudaría mucho en el diseño atractivo de
interfaces y sistemas web, e incluso el mismo powerpoint en sistemas
Windows, en herramientas de diseño de desarrolladores podemos ver a:
Netbeans que es multiplataforma, VisualStudio para sistemas Windows y
web, dreamweaver entre otros.
11. En resumen los tipos de interfaces son de lenguaje natural, pregunta y
respuestas, menús y formularios. Las de lenguaje natural son las ideales
para usuarios inexpertos, ya que dan la sensación de comodidad y de que no
interactúan con una computadora, estas no requieren habilidades especiales
de parte de los usuarios, pero al ser muy fácil a los usuarios, es muy difícil en
algunos casos a los programadores ya que exige mucho y a veces no es
factible.
Las interfaces de preguntas y respuesta son aquellas en la que se
despliega en pantalla una pregunta y el usuario responde en su mayoría con
pulsaciones de teclado o con un mouse y en dependiendo de los
requerimientos del diseño de la interfaz pasa a la siguiente interfaz para
cumplir con el objetivo trazado. Un ejemplo claro y común es la interfaz de
instalación de un programa.
La interfaz de menú adquiere su nombre debido a que se muestra en
pantalla al usuario un lista, aquí el usuario no necesita conocer el sistema
pero si lo que se tiene que realizar, ejemplo en casi todas las interfaces
aparece en la parte superior izquierda la opción ARCHIVO, guardar como
etc,. Al hacer clic se ejecuta una interfaz de dialogo en el que se muestran
las carpetas y seleccionan donde desean guardar el archivo y le dan al botón
aceptar y en algunos casos aparece otro cuadro de dialogo en el que
preguntan si están seguros. Para terminar con la idea se deben optimizar
para mayor comodidad de los usuarios y optimización de los recursos.
El diseño de diálogos es otra parte de las interfaces y otra forma para que
los usuarios se organicen y accedan al sistema de una manera eficaz, en el
12. diseño de dialogo se ligan formas, textos y colores que formen parte de la
interfaz equilibradamente y el posicionamiento básico de los botones, un
ejemplo básico de los botones de un cuadro de dialogo son aceptar, cancelar
y ayuda, esta última sin falta ya que ayuda a aquellos usuarios inexpertos.
Para el diseño de cuadros de diálogos existen lineamientos por asi decirlo
al nombrar varios de ellos se llevara una idea mas clara a la hora de poner
en práctica este conocimiento:
a) Uso de colores, que usualmente no pasan a mas de 3 por
cuadro, deben de contrastar, Los menos legibles son rojo sobre
verde y azul sobre rojo.
b) Otro lineamiento es el no exagerar en el tamaño del cuadro de
dialogo.
c) Respetar los márgenes y espacios entre elementos, etc.
d) Proporciones e instrucciones claras.
e) Botones básicos, aceptar, y cancelar, ayuda.
f) Tratar de que los diseños sean atractivos
En cuanto a la retroalimentación como acción de ida y vuelta, en los
usuarios se aplicaría como un proceso de aprendizaje y una forma clara es la
aceptación de la entrada en la que el usuario reconoce cuando esta
ingresando datos al sistema, ya que el sistema muestra lo que el usuario
pulsa o teclea. O en caso de explicar al usuario la espera del proceso esta es
una de las mas importantes ya que informa al usuario el porqué de un
retraso, se aplican en retrasos de mas de 10 segundos. Incluso hay
retroalimentación en el Diseño con las imágenes y ayudas a través de
13. Diálogos un ejemplo de una retroalimentación y dialogo por medio de audio
es el de avast cuando el programa notifica un virus en el sistema
operativo(EL SISTEMA HA SIDO INFECTADO), pero con voz de persona, lo
cual en muchos casos es bueno por comodidad, pero es muy criticado
porque a los nuevos usuarios les asustara y apagaran su computadora por
miedo, cuando lo que deberían hacer es darle a DESINFECTAR en la
interfaz del antivirus.
Es por ello que al crear un sistema se deben de crear prototipos, para
validar opciones, restricciones y analizar posibles resultados a través de
pruebas, si es posible en usuarios reales, en versión beta por ejemplo, y asi
se determinan los requerimientos de información para obtener un buen
sistema.
Después de haber evaluado los requerimientos llegamos al desarrollo del
programa que se crear a través de un lenguaje multiplataforma como java u
otro dependiendo de los requisitos o requerimientos del sistema. Y otra
evaluación que se realiza es el ciclo de vida del programa a través del diseño
modular y la Descomposición modular los pasos a seguir son: Identificar los
módulos, Describir cada módulo, Describir las relaciones entre módulos.
Existen diferentes tipos de módulos, Código fuente, en el lenguaje de
programación usado, Tabla de datos, para datos de inicialización u otros,
Configuración, se agrupa en un módulo toda la información de configuración
en el entorno de trabajo, Manuales, etc.
Una descomposición modular debe poseer ciertas cualidades mínimas
para que se pueda considerar suficientemente válida, Independencia
funcional, Acoplamiento, Cohesión, Comprensibilidad, Adaptabilidad.
14. La herramienta CASE o Ingeniería de Software Asistida por Computadora,
estas son diversas herramientas que nos ayudan a evaluar el ciclo de vida de
un software y mas cumple con los siguientes objetivos:
1. Mejorar la productividad en el desarrollo y mantenimiento del software.
2. Aumentar la calidad del software.
3. Reducir el tiempo y coste de desarrollo y mantenimiento de los
sistemas informáticos.
4. Mejorar la planificación de un proyecto
5. Aumentar la biblioteca de conocimiento informático de una empresa
ayudando a la búsqueda de soluciones para los requisitos.
6. Automatizar el desarrollo del software, la documentación, la
generación de código, las pruebas de errores y la gestión del
proyecto.
7. Ayuda a la reutilización del software, portabilidad y estandarización de
la documentación
8. Gestión global en todas las fases de desarrollo de software con una
misma herramienta.
9. Facilitar el uso de las distintas metodologías propias de la ingeniería
del software.
Para el desarrollo del software también se utilizaría una herramienta de
mucha ayuda como los generadores de código, que ayudan a convertir un
programa de un lenguaje sintáctico a lenguaje máquina. En cual ayudara a
obtener una codificación efectiva para que no haya errores de compilación.
Pero tanto los diseñadores como los programadores debemos dejar espacio
15. a modificaciones, y también comentarios para otros programadores posibles
de un sistema puedan ampliarlo sin ejecutar errores del mismo.
16. BIBLIOGRAFIA
Análisis y Diseño de Sistemas de Información (James A. Senn, segunda
edición).
Análisis y Diseño de Kendall y Kendall (sexta edición).
Ingenieria del Software “un enfoque practico”(Roger Pressman, quinta
edición)