Diseño de Dialogo

8/17/2019 Diseño de Dialogo

1/13

Diseño de Dialogo

MARIA DEL REFUGIO MACIAS GONZALEZ JONATHAN IVAN OROPEZA LUCIO


2/13

Defnición de diálogo• El diálogo es la co !"icaci#" e"$%e la

co &!$ado%a ' la &e%so"a(

• U" diálogo )ie" dise*ado +acili$a a las &e%so"as!sa% !"a co &!$ado%a ' $e"e% e"os +%!s$%aci#"co" el sis$e a de c# &!$o(


3/13

Los puntos clave para diseñar un buendialogo son los siguientes…

Co !"icaci#" sig"i,ca$i-a Acci#" ."i a del !s!a%io F!"cio"a ie"$o "o% al ' co"sis$e"$e


4/13

Comunicación signifcativaEl sistema debe presentar la información con claridadal usuario.

Títulos apropiados para cada pantalla:• Minimizar el uso de abreviaciones• Proporcionar retroalimentación útil• Desplegar signifcados de códigos•

Desplegar los datos en ormatos editados ( ormatos echa,hora)


5/13

Detalles de teclas de función:• Formatos del cursor en di erentes acciones

• Descripciones de gr fcos utilizados

• !so de l"neas de estado

• #istemas de a$uda de cil uso

• Despliegue de sugerencias

• !so de botones de comando

• %dición de datos, para su verifcación


6/13

Acción mínima del usuario

Un buen diálogo minimiza el número de pulsacionesdel teclado requeridas.• &odifcar códigos en lugar de palabras completas en los

campos de entrada'• !so de listas desplegables de datos• %l sistema puede desplegar in ormación descriptiva ue se

almacena en un archivo determinado• Proporcionar caracteres de edición


7/13

• !tilizar caracteres de ormateo o campos con ormato predefnido

• !sar valores predeterminados

• !so de casillas de verifcación

• !so de botones de opción

• !so de cuadros de di logo

• Proporcionar menús sensibles

• Dise ar consultas de registros

• Proporcionar pulsaciones detectado para seleccionar opciones demenú desplegables'


8/13

Funcionamiento normal y consistente

El sistema debe ser consistente en su juego de pantallas enlos mecanismos para controlar el funcionamiento de las

pantallas en las diferentes aplicaciones.

• *ocalizar t"tulos, echa, tiempo $ mena+es deretroalimentación en los mismos lugares en todas las

pantallas'

• &ancelar una transacción de orma consistente usualmentemediante la tecla E!".

• -btener a$uda de orma estandarizada' .ecla deunción #$.


9/13

• %standarizar los colores usados para todas las pantallas'*os mensa+es de error normalmente se despliegan en ro+o'#e debe mantener el mismo color de ondo de pantalla paratodas las aplicaciones'

• %standarizar el uso de iconos para unciones similares'

• !sar terminolog"a consistente en la pantalla de despliegue'

• P%o&o%cio"a% !"a +o% a co"sis$e"$e &a%a "a-ega% e"$%e losdiálogos

• Usa% ali"eaci#"/ $a a*o ' colo% de +!e"$e co"sis$e"$es


10/13


11/13

Tipos de diálogo• Diálogo &o% e"0

• Diálogo edia"$e el $eclado


12/13

Tipos de diálogo• Di logo por pregunta / respuesta


13/13

racias por su atención…

Diseño de Dialogo

Documents

Transcript of Diseño de Dialogo