1. DISEÑO DEL DIÁLOGO EN LÍNEA
GLORIA LILIANA OCAMPO
MELIDA PEÑA
CAROLINA DÍAZ RAMÍREZ
ALBA CATALINA CABRERA
JOHN FREDY BELTRAN
LINA MARÍA RESTREPO
EJE TEMÁTIVO No.4
UNIVERSIDAD DEL QUINDIO
FACULTAD CIENCIAS HUMANAS Y BELLAS ARTES
PROGRAMA CIENCIAS DE LA INFORMACIÓN, LA
DOCUMENTACIÓN, BIBLIOTECOLOGÍA Y ARCHIVÍSTICA
ANÁLISIS Y DISEÑO DE SISTEMAS DE INFORMACIÓN II
ARMENIA
2013

2. Introducción
Un gran número de las aplicaciones de sistemas
de información desarrolladas en las
organizaciones utilizan métodos en línea, en
donde el usuario interactúa de forma directa con
el sistema de cómputo por medio de una estación
de trabajo o dispositivos similar. Logrando
trasmitir información relacionada con la
organización, a través de diferentes medios como
son los correos, imágenes, sonidos, videos entre
otros. Para el diseño del dialogo en línea se
requiere un analista de sistemas que cree
interfaces adecuadas y fáciles de manejar por
parte del usuario.

3. Diseño del Diálogo en Línea

4. ¿Que es un Sistema en Línea?
Se conoce como sistema en línea a la
interacción que realiza el usuario en forma
directa con el sistema de computo por
medio de una estación de trabajo o
dispositivo similar.
El sistema en línea proporciona
resultados interactivos y casi de forma
inmediata, los datos son tratados
inmediatamente y los resultados respecto
a la información pueden ser
inmediatamente informados al usuario del
sistema.

5. Características de los sistemas en
línea
Las repuesta inmediata a las solicitudes del usuario : Los
usuarios pueden utilizar el sistema en línea como servicio en cualquier
momento simplemente ingresando su número de control asignado para
recibir una respuesta inmediata en línea sobre el estado de su solicitud.
Demanda poco predecible : Las transacciones en línea siguen un
procesamiento estándar para su aceptación y para las secuencias rutinarias
de procesamiento, según la naturaleza de la transacción. Sin embargo, solo
podemos estimar la frecuencia de cierto tipo de transacciones.
Contacto directo entre el sistema y usuario : Los sistemas en línea no
acumulan a los usuarios del sistema como sucede en los sistemas por lotes. En el
sistema en línea el usuario opera la terminal u otro dispositivo de entrada / salida para
enviar información, por consiguiente el diseño de la interface se vuelve de extrema
importancia por ser la base para el contacto directo.

6. ¿Que es una interfase?
Hace referencia al conjunto de métodos para lograr interactividad
entre un usuario y una computadora. Cuando se habla de Sitios
Web, se denomina interfaz al conjunto de elementos de la pantalla
que permiten al usuario realizar acciones sobre el Sitio Web que
está visitando. Por lo mismo, se considera parte de la interfaz a sus
elementos de identificación, de navegación, de contenidos y de
acción.
Es posible entender la interfaz como un espacio (el lugar donde se
desarrolla la interacción y el intercambio y sus manualidades),
instrumento es una prótesis o extensión de nuestro cuerpo. El
mouse es un instrumento que extiende las funciones de nuestra
mano y las lleva a la pantalla bajo forma de cursor, o superficies
algunas consideran que la interfaz nos trasmite instrucciones que
nos informan sobre su uso. La superficie de un objeto (real o virtual)
nos habla por medio de sus formas, texturas, colores, (el objeto que
aporta información a través de su textura)

7. Las tres Facetas de un interfaz:

8. Conceptualmente, el interfaz de usuario descansa en 3 puntos:
 Significado (qué): es la base del interfaz. Recoge el contenido o
información de la pantalla. Textos, campos de
formularios, botones, menús…
 Comportamiento: trata el funcionamiento del interfaz. Cómo se
comporta cuando un usuario envía un formulario
(validaciones), hace clic en un enlace…
 Aspecto: apariencia final de un sistema:
colores, tipografía, disposición de los elementos en pantalla.
Respecto de los elementos de la interface, los aspectos más
relevantes a tener en consideración son los siguientes:
 Uso de logotipos
 Sistema de navegación
 Áreas de contenidos
 Áreas de interacción
 Experiencia de usuario

9. Figura 2. La imagen muestra un diagrama con los
diferentes elementos que dan forma a la interfaz
Por lo anterior, cada uno
de los elementos que sean
integrados dentro de la
interfaz debe estar
pensado para causar un
efecto sobre el usuario y
deben ser utilizados con
un propósito. El foco
central de una interfaz es
permitir que el usuario que
llega como visitante logre
los objetivos que lo
trajeron al Sitio Web y que
ésta le facilite el acceso a
los contenidos que están
incorporados a través de
sus pantallas.

10. ¿Como ayuda el sistema al
usuario a la entrada de datos?
El sistema por medio del
diseño de la interfaz, dirigido a
la entrada de datos,
permitiendo facilidad en el
ingreso de la información.
Los usuarios deben tener la
capacidad de conocer las
acciones de antes y después
que se realizan en el sistema al
momento de ingresar la
información. Las acciones
realizadas por los usuarios
deben ser claras, partiendo de
procesos sencillos y con ello
evitar errores.

11. Ayudas del sistema
Modificación de los datos de la transacción:
Esta forma de validación implica la modificación automática de los
datos erróneos ingresados por el usuario. Para ello existen los
siguientes métodos:

12. Ayuda del sistema
Corrección Automática:
Este método sólo implica que el sistema detecte el
error y lo corrija automáticamente, por ejemplo no se
ingresan ceros en un campo numérico por error del
usuario, el sistema lo detecta y agrega los ceros en los
espacios en blanco.

13. Ayuda del sistema
Dígitos de verificación:
Es añadir un número automáticamente siguiendo un
lineamiento especifico al código que el usuario esta
ingresando, de esta manera evitamos los errores de
transcripción y de transposición.

14.  La entrada de datos, textos o
imágenes en un sistema son los
elementos de uso que auxilian o
apoyan las actividades de los
usuarios para poder generar
reportes o informes.
 El sistema de información
permite tener comunicación
interna que permite al personal
realizar sus actividades de forma
ágil, eficiente y con calidad.
 Se proporciona datos o manejo
de información que permiten la
toma de decisiones como un
manejo óptimo de los recursos
que se tienen, como la materia
prima, recursos
humanos, inventario, entre otros.

15. Que información debe comunicar el
sistema a los usuarios
Los usuarios dentro de cualquier organización deben tener
información acorde a las áreas de desempeño con el fin de
manejar su entorno y hacer interfaces o intercambio de
información en línea con otras organizaciones y deben manejar
el nivel operacional, nivel administrativo y nivel estratégico.
Los usuarios también deben tener soportes como:
 Sistemas de Procesamiento de Transacciones

16.  Sistemas Expertos e
Inteligencia Artificial
que permitan acceder a
imágenes, videos, soni
dos, impresiones, corre
os; todo esto con el fin
de intercambiar
información o
generarla.
Cuando la información es automatizada, la
administración exitosa de cualquier organización,
está directamente influenciada por la precisión de
sus registros y la toma de decisiones acertadas.

17.  La Información que se genera sirve de
apoyo a los mandos intermedios y a la
alta administración en el proceso de
toma de decisiones.
 Suelen ser interactivos y amigables, con
altos estándares de diseño gráfico y
visual, ya que están dirigidos al usuario
final.
 Apoyan la toma de decisiones que por
su misma naturaleza son estructuradas
y no estructuradas.
 Esta información puede ser desarrollada
directamente por el usuario final sin la
participación operativa de los analistas y
programadores del área de informática.
Las principales características de esta información
son las siguientes:

18. ¿Como Diseñar un Diálogo?

19. ¿Que Definimos
Por Diálogo?
 Un diálogo es una
comunicación que se
interpreta con dos o mas
individuos, unidades,
conjuntos, seres, animales;
el diálogo se interactúa de
muchas dimensiones, con
sonidos, imágenes,
oleares, sabores, el tacto y
electrónicamente.
 En nuestro caso y con
respecto a los sistemas de
información, el diálogo es
la comunicación o
interacción entre el
sistema y el usuario.

20. ¿Como diseñar un diálogo?
Lo ideal es ser lo mas simple e ilustrativo
para poder reconocer los símbolos, que
nos identifican los menús y su acción en
el sistema; esa es la formula para
diseñar un diálogo eficiente, en el
principio los sistemas eran muy
complejos, la comunicación se realizaba
por medio de comandos complicados y
esto ocasiono una gran confusión; el
ingeniero Douglas Engelbart, pensó en
mejorar esa condición e invento el
mouse, como una mejor forma de
comunicación entre el usuario y la
maquina; se abrió un diálogo mas
sencillo, en donde todo usuario, ya sea
con conocimientos de informática o sin
ellos, podía interactuar con la
computadora, mantener un diálogo y por
lo tanto una comunicación; aun el ratón
se encuentra vigente, aunque la nueva
tecnología el toch, será su remplazo

21. ¿Como diseñar un
diálogo?
Este es un ejemplo de como deben ser los
diálogos sencillos, sin mucho preámbulo; esto
en cierta forma acerque al usuario y a la
máquina, quita temores, fortalece confianza
en los sistemas.
El objetivo de un buen diseño de diálogo es
la presentación de la información claramente
al usuario; para un buen diseño de diálogos
se recomienda:
 Un título apropiado, distintivo.
 El uso de teclas únicas que faciliten la
utilización del sistema.
 Íconos que ayuden en el reconocimiento del
área de trabajo.
 Menús amigables con el usuario, para
poder desplazarse fácil entre programas.
 Debe tener opción de personalizar el
diálogo del sistema, dependiendo de la
necesidad del usuario, agilizando la

22. Cuadro de dialogo
Barra de titulo
Botones de comando
Botones de opción
Casilla de verificación
Listas desplegable
Cuadro de texto
Iconos expandibles

23. ¿Como diseñar un menú?
Un menú es una herramienta de opciones en un programa, ya sean en listados
o iconos los cuales el usuario puede elegir entre ellos, el mas adecuado a su
necesidad, optimizar un área de trabajo.
TIPOS DE MENUS.
Menús de tipo índice: Son aquellos que contiene un listado de palabras o
frases que describen su función.
Menús mediante pequeños iconos: Menús mediante pequeños iconos que
describen las acciones que el programa ofrece en un momento determinado.

24. ¿Como diseñar un menú?
Menús pull-down: Cuando el mouse apunta
una palabra clave en la parte de arriba de la
pantalla, baja un menú de alternativas.

25. Reglas para el
diseño de menús
No deben ser muy largos ni
muy anidados
El estilo, tipo y tamaño del
texto debe ayudar a la
presentación del menú.
El menú no debe tapar los
elementos presentes en la
pantalla que son necesarios
para tomar una decisión.
El menú puede contener al
lado de su texto la clave o tecla
a pisar para una selección
rápida desde el teclado, para
usuarios expertos.
El menú puede abreviarse o
manejar con una tecla
especifica.

26. Tipos de Diálogos
Existen 3 estrategias para una
conversación en línea: Conducción
por menú, teclado y
pregunta/respuesta. El tipo de
diálogo utilizado influirá
enormemente en la percepción del
sistema por parte del usuario.
Diálogo conducido por Menú
Presenta al usuario una lista de las
funciones disponibles en el sistema,
las cuales se muestran en el monitor
de la terminal o estación de trabajo,
de modo que el usuario puede elegir
entre ellas.
Si el sistema está bien diseñado, el
usuario debe ser capaz de elegir e
invocar cualquier opción del menú
oprimiendo una única tecla que
corresponde a la opción deseada.

27. Diálogo por medio del Teclado
 Los usuarios llaman las
actividades de
procesamiento
tecleando un comando
que el sistema
entiende.
 Las tres formas de
diálogo mediante el
teclado son: Forma de
comando único, forma
de comandos
nemónicos y forma de
lenguaje natural.

29. Diálogo Pregunta /
Respuesta
Se basa en la presentación
de una pregunta al usuario.
La respuesta guía el
procesamiento resultante. El
formato puede contener
respuestas SI/NO o
respuestas narrativas. El tipo
de diálogo pregunta /
respuesta permite la
presentación de preguntas y
alternativas más elaboradas
que los otros tipos de
diálogos. Requiere que el
analista prevea cualquier
posible respuesta que pueda
proporcionar el usuario.
Además es el tipo de diálogo
que utiliza más palabras.

30. Diálogo Con Entrada De Datos
La entrada de datos se ve afectada por la forma en que el sistema ayuda a
los usuarios y les pide los datos. Aquí se analiza las estrategias de entrada
de datos, utilizando formatos e indicaciones de pregunta / respuesta.
Es un esquema que muestra la
información a introducir.
Además de los títulos y
encabezados en pantalla, el
formato contiene etiquetas
(instrucciones) que identifican a
los datos por introducir. Cada
área de entrada de datos está
señalada por áreas en blanco,
marcas del campo, espacios
destacados, líneas punteadas o
guiones, según lo elegido por el
analista.
Formatos para entrada de datos

31. Indicación Pregunta /
Respuesta
Se piden datos a los usuarios mediantes preguntas que hace el
sistema. Este método es sencillo de usar, ofrece la ventaja de
permitir el control total de la secuencia en que se recibe la
información.
Son cambios que realizan a los
registros ya introducidos o
almacenados. La edición permite
teclear sobre algo para cambiar los
valores actuales, todos los cambios
se hacen por medio de la terminal o
estación de trabajo.
Edición en sistemas en línea

32. Manejo de Pantalla
Las pantallas deben seguir un diseño
general que proporcione un uso
consistente de las áreas o ventanas
en el monitor. Entre las
consideraciones del diseño están la
estandarización de uso de ventanas,
el manejo de navegación y
secuencias de escape, y la
paginación y scrolling.
Uso de ventanas
El tener buenos estándares para el uso de ventanas es esencial en los
sistemas en línea y en el diálogo: es la base para un buen manejo de
la pantalla.
Al diseñar la distribución de la pantalla del sistema el analista debe
proporcionar las siguientes áreas de ventanas.

34. Facilidad de Navegación del usuario
Es frecuente que los usuarios se
pierdan y requieran de un mapa
del sistema. Los menús anidados
pueden inhibir la facilidad de
navegación. Para mejorar la
navegación se puede tener una
ventana principal en la cual se
vayan desglosando las ventanas
secundarias de manera que no
tengamos que pasar por todos
los procesos para salir del
sistema.
Hay que tener cuidado especial
para evitar que los usuarios se
pierdan o confundan cuando se
espera que se manejen entre dos
o más pantallas y documentos de
referencia.

35. Paginación y scrolling
La paginación se refiere a manejar grandes
cantidades de información para poder
presentarla al usuario así esta información
ocupe más de una pantalla la paginación la
divide en varias.
El scrolling es cuando la pantalla se mueve
hacia arriba o hacia abajo para poder leer toda
la información. Esta es otra forma de presentar
grandes cantidades de información. El scrolling
es útil cuando los usuarios necesitan rastrear
líneas específicas en un listado.
Son la forma de comunicación
con los usuarios, también
proporcionan la información que
necesita el usuario para controlar
el sistema. Los mensajes tienen
algunas de las siguientes
finalidades:

36. Sistemas de Ayuda
Los sistemas de ayuda resuelven problemas que se le
presentan al usuario en cierto momento al operar el sistema.
Las funciones de ayuda, pretenden cumplir los siguientes
propósitos:
Auxiliar al usuario a completar una tarea tan rápido como sea
posible
Usar la menor cantidad de diálogo o conversación posible para
realizar una acción, proporcionando respuestas a preguntas
esenciales.

37. BIBLIOGRAFÍA
• Análisis y diseño de sistemas de información. Senn, James
A.; Segunda edición Mac Graw Hill
• http://tallerdedalo.es/web/MundoCNC/ControladorasCNC