Este documento presenta los principios básicos del diseño de diálogos en línea. Explica que el diseño del diálogo determina la experiencia del usuario y su voluntad de usar el sistema. Luego describe los componentes clave de la interfaz como los dispositivos, el diálogo y la presentación de información. Explica cuatro tipos de diálogos y provee pautas para el diseño efectivo de menús y diálogos. Concluye que un buen diseño de sistema debe ser amigable y confiable para el usuario.

1. Eje Temático 5
DISEÑO DEL DIÁLOGO EN LINEA
Presentado Por:
RICARDO ALEJANDRO CASTRO LEAL
ARNOLIS CONDE MORENO
BREINER LUIS MARTINEZ ARAUJO
HUGO ANDRÉS BONILLA MUÑOZ
CARLOS GUIOVANI OJEDA MARTINEZ
YEIMY CAROLINA CASTILLO MÉNDEZ
RUBIELA ROJAS CHINCHILLA
MARÍA ELENA MARÍN JIMÉNEZ
Docente:
JORGE MARIO ZULUAGA CAMPUZANO
UNIVERSIDAD DEL QUINDÍO
PROGRAMA CIDBA

2. CONTENIDO
INTRODUCCIÓN
SISTEMA EN LINEA
INTERFASE
¿COMO AYUDA EL SISTEMA AL USUARIO EN LA ENTRADA DE
DATOS?
¿QUE INFORMACIÓN DEBE COMUNICAR EL SISTEMA A LOS
USUARIOS?
¿COMO DISEÑAR UN DIALOGO Y UN MENÚ?
TIPOS DE DIALOGO
CONCLUSIÓN

3. INTRODUCCIÓN
El diseño del dialogo en línea es muy importante en el proceso
de interacción entre el usuario y el sistema, sus características
no solo determinan lo “amigable” que pudiera ser, sino que
también adquiere relevancia en la decisión de una persona en
querer usarlo. La realidad ha mostrado que si un sistema es
difícil de usar debido al dialogo, los usuarios tenderán a evitar
el sistema, aun cuando este les brinde una mayor
productividad.

4. SISTEMA EN LINEA
Es la interacción de forma directa entre el usuario con el
sistema de computo por medio de una estación de trabajo. En
efecto el usuario y el sistema llevan acabo una conversación:
uno incita una acción del otro por medio del dialogo.
Características de los sistemas en línea
 Respuesta inmediata a las solicitudes del usuario
El usuario introduce un comando, en cualquier forma, por
medio de una terminal en línea y siempre recibe una
respuesta: agradecimiento de la entrada, un mensaje de error,
una señal de que el procesamiento ha comenzado o la
presentación de la información solicitada.

5.  Demanda poco predecible
La recepción de llamadas telefónicas, igual que las
transacciones en línea son impredecibles. Pueden hacerse en
distintos momentos y se deben responder de forma inmediata.
 Contacto directo entre sistema y usuario
Los sistemas en línea no acumulan a los usuarios del sistema.
El usuario opera la terminal u otro dispositivo de
entrada/salida para enviar y recibir información. Por
consiguiente, el diseño de la interfase se vuelve de extrema
importancia por ser base para el contacto directo.
Características de los sistemas en línea

6. INTERFASE
Una interfase es la frontera entre el usuario y la aplicación del
sistema de computo (el punto donde la computadora y el
individuo interactúan). Sus características influyen en la
eficiencia del usurario, al igual que en la frecuencia de errores
cuando se introducen datos o instrucciones.
 Decir al sistema las acciones a realizar
Seleccionar las acciones de procesamiento; introducir, cambiar
o recuperar datos; moverse entre las funciones del sistema.
Propósito de la interfase

7. Propósito de la interfase
 Facilitar el uso del sistema
Permitir que los usuarios lleven acabo acciones o actividades
de procesamiento de manera eficiente, de tal forma que
perciban como natural y razonable el hecho de solicitar y
desarrollar actividades.
 Evitar los errores del usuario
Prevenir la realización de acciones que produzcan un error de
procesamiento o la interrupción de las operaciones esperadas
del sistema.

8. Características de la interfase
Las características de la interfase en los sistemas en línea
incluyen los dispositivos utilizados para introducir y recibir
datos, el dialogo, que incita y guía a los usuarios y los
métodos y los patrones que se siguen al mostrar la
información.
Los dispositivos comunes de interfase en los sistemas en línea
son el teclado, ratón, pluma óptica, scanner, pantalla sensible
al tacto o a la voz.
El dialogo conduce a la interacción entre el sistema y el
usuario. El diseño particular influye en el detalle que uno debe
especificar y la forma en que se articula. Un dialogo pobre
puede disminuir las características de los mejores dispositivos
de interfase, pero el dialogo correcto puede hacer que

9. Características de la interfase
la frontera entre el usuario y sistema parezca inexistente.
Los usuarios también reaccionan a la manera en que la
información se organiza para mostrarse en un sistema en
línea. La forma en la que se estructura el área física de un
monitor, así como los métodos particulares para destacar y
señalar datos pueden mejorar la posibilidad de lectura de la
información mostrada.
Las secciones siguientes analizan las alternativas para el
diseño de cada componente de la interfase, comenzando con
las estrategias del dialogo.

10. Acciones que se llevan a cabo en la interfase
Se llevan a cabo tres tipos de acciones en la interfase del
sistema.
 Navegación: Aquí los usuarios le dicen al sistema que
paginas de información mostrar o como moverse entre las
distintas funciones. En un sistema de reportes y documentos,
los usuarios los usuarios pueden ver como saltarse la
información que tienen ante ellos. Por ejemplo saben que
para empezar a revisar un reporte extenso, simplemente
deben abrir la carpeta. Para ver la siguiente pagina del
reporte, solo necesitan darle vuelta a la hoja. También
pueden saber cuando están al principio del reporte, cerca del
final o en algún punto intermedio.

11. Acciones que se llevan a cabo en la interfase
 Acciones de procesamiento: En nuestro diseño, debemos
incluir las formas para que el usuario sepa como realizar
cada una de las siguientes acciones:
-Captura de datos, la cual utiliza cualquiera de los varios
métodos de captura de datos, incluye una descripción de
cada campo y su posición en la pantalla. El sistema debe
mostrar al usuario que campo se esta alimentando.
- Edición de datos, cambiar el valor de un campo previamente
capturado. El sistema debe indicar que campo en la pantalla
esta en modo edición, es decir si se pueden cambiar en cierto
momento.

12. Acciones que se llevan a cabo en la interfase
-Almacenamiento de datos, la transferencia de datos desde el
área de captura hasta el almacenamiento, usualmente en
dispositivos de almacenamientos secundario tales como el
disco magnético.
-Recuperación de datos, la especificación de datos o registros
que se tienen que localizar y recuperar del almacenamiento
para mostrarlos, editarlos o producir una salida.
 Recepción de mensajes: Una parte importante de la
interfase es la comunicación de mensajes entre el sistema y
el usuario. Las personas desean saber cuando iniciar o tomar
acciones, el estado de ciertos eventos y actividades, y cuando

13. ¿COMO AYUDA EL SISTEMA AL USUARIO EN LA
ENTRADA DE DATOS?
Una vez definida la relación usuario- interfase -sistema, se
hace necesario crear mecanismos para una correcta inclusión
de datos, ya que de ahí radica el éxito del sistema y sus
aplicaciones. La entrada de datos es directamente
proporcional de acuerdo a la forma en que el sistema exige o
solicita los datos al usuario.
Una de las formas mas comunes para la entrada de
información es la utilización de formatos los cuales permiten
la entrada de datos. Estos formatos o formularios permiten
introducir mediante etiquetas, encabezados y/o guías.

14. ¿COMO AYUDA EL SISTEMA AL USUARIO EN LA
ENTRADA DE DATOS?
La ayuda se hace mediante validaciones:
• Aquello que forma parte del conocimiento del usuario, bien
sea porque pertenece al mundo real obedeciendo a una
lógica.
• Aquello que el usuario desconoce y que a menudo forma
parte de la particular lógica de la aplicación, como por
ejemplo las fechas deben informarse con cuatro (4) dígitos
para el año.
Teniendo en cuento esto podemos indicar que la forma en que
el sistema ayuda al usuario en la entrada de datos radica en:

15. ¿COMO AYUDA EL SISTEMA AL USUARIO EN LA
ENTRADA DE DATOS?
 Confirmar que la aplicación esta disponible, dado que si no
esta operativa no tiene sentido comprobar ningún dato del
formulario de entrada.
Verificando que el usuario esta autorizado para utilizar el
formulario de entrada.
Comprobar uno a uno, que están informados todos los
campos obligatorios.

16. ¿QUE INFORMACIÓN DEBE COMUNICAR EL
SISTEMA A LOS USUARIOS?
El sistema debe proporcionar información útil a los usuarios,
siendo los mensajes y comentarios la forma de comunicación
mas acertada para minimizar la explicación necesaria. Los
mensajes también proporcionan la información que necesita el
usuario para controlar el sistema. En general los mensajes
tienen las siguientes finalidades:
Indicar el estado del procesamiento
Indicar que se ha detectado un error
Solicitar al usuario que elija una acción
Verificar que una acción elegida sea correcta

17. ¿COMO DISEÑAR UN DIALOGO Y UN MENÚ?
DISEÑO DEL DIALOGO
La conversación entre el usuario y el sistema depende
completamente del diseño del dialogo, un diseño fácil de usar
significa que la conversación puede fluir con facilidad. Los
diseños torpes impiden el uso del sistema. Estas decisiones,
las cuales debe hacer el analista al diseñar los diálogos,
determinan la naturaleza del dialogo:
• Estrategia general del dialogo
• Dialogo de entrada de datos
• Paginación y scrolling
• Mensajes y comentarios

18. ¿COMO DISEÑAR UN DIALOGO Y UN MENÚ?
• Navegación del usuario
• Asignación de teclas
• Sistemas de ayuda
Diagramas para el dialogo: Es frecuente que los analistas
muestren las actividades de un sistema bajo la forma de
ilustraciones graficas. Los diagramas para diálogos, como se
les llama presentan las secuencias de actividades que se
pueden llevar a cabo en un sistema y también como iniciar las
acciones. Por otro lado muestra como puede salirse un usuario
( es decir interrumpir) de una actividad. En cierto sentido se
podría decir que el diagrama para diálogos es un mapa de
carreteras a través del sistema.

19. ¿COMO DISEÑAR UN DIALOGO Y UN MENÚ?
DISEÑO DEL MENU
Un menú es una herramienta de opciones en un programa, es
decir, lista de funciones disponibles, las cuales se muestran en
el monitor de modo que el usuario pueda elegir entre ellas.
Reglas para el diseño de menú
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ú puede contener al lado de su texto la clave o tecla a
pisar para una selección rápida desde el teclado.

20. ¿COMO DISEÑAR UN DIALOGO Y UN MENÚ?
El menú no debe tapar los elementos presentes en la
pantalla que son necesarios para tomar una decisión.

21. TIPOS DE DIALOGO
Existen cuatro (4) estrategias para una conversación en línea:
 DIALOGO CONDUCIDO POR MENU: Es aquel que le
proporciona al usuario varias opciones o alternativas
disponibles de entrada y procesamiento de información, en
forma de menús o listas de funciones, para que el usuario
pueda seleccionar entre ellas la que desea. Los diálogos de
menú se pueden diseñar para:
• Utilizar dispositivo de interfase: cuando permiten que el
usuario por medio del mouse, pueda escoger una opción, sin
utilizar el teclado.
• Utilizar menús animados: cuando al seleccionar una opción
esta nos lleva a otra.

22. TIPOS DE DIALOGO
 DIALOGO POR MEDIO DE TECLADO: Con el dialogo por
medio de teclado, los usuarios llaman a las actividades de
procesamiento tecleando un comando que el sistema
entiende. Las tres formas de dialogo mediante teclado
incluyen la forma de comando único, nemónico y de lenguaje
natural.
• Forma de comando único: Bajo la forma de comando único,
los usuarios teclean la palabra clave que el sistema asociara
con la realización de un proceso especifico. Las palabras son
comandos que el analista incluyo en el sistema y que los
programadores tomaran en cuenta en el código fuente. Cada
comando único tiene un significado especial.

23. TIPOS DE DIALOGO
• Forma de comando nemónico: Una forma especial del
comando de única palabra se basa en el uso de los
nemónicos: abreviaturas de frases largas. Por ejemplo la
frase “compilar, cargar y ejecutar” se representa a menudo
mediante el nemónico simple CCGO.
• Forma de leguaje natural: El lenguaje natural permite que
los usuarios instruyan al sistema con comando menos
rígidos, aplicando para ello el vocabulario propio de las
operaciones; el uso de estos comandos motivan a la gente a
hacer uso de los sistemas, sin tener que aprender comandos,
hay muchos que implementan este tipo de lenguaje.

24. TIPOS DE DIALOGO
 DIALOGO PREGUNTA/RESPUESTA: Como lo sugiere el
nombre, se basan en la presentación de una pregunta al
usuario. La respuesta guía el procesamiento resultante. El
formato puede contener respuestas si/no.
 DIALOGO 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 datos. En esta se analizan las estrategias
de entrada de datos, utilizando formatos de
pregunta/respuesta.

25. CONCLUSIÓN
El diseño del dialogo en línea cumple un papel muy
importante en el proceso de interacción del usuario con el
sistema, de la calidad de su elaboración dependerá lo a gusto
que pueda sentirse el usuario al utilizar el sistema y sus
diferentes componentes. Por lo tanto un buen diseño de
sistema debe ser amigable y confiable.
Para concluir, la mayoría de las aplicaciones de sistemas de
información desarrolladas hoy en día en las organizaciones
utilizan métodos en línea, lo que le da transcendencia dentro
de los saberes de la carrera de Ciencias de la información.

26. BIBLIOGRAFÍA
James A. Senn., (1992). Análisis y diseño de sistemas de
información. 2 ed. MacGraw Hill.
Diseño de dialogo en línea. Recuperado el 3 de noviembre de
2016 de: http://es.slideshare.net/ClarissForero/exposicion-
diseo-de-dilogo-en-linea