6. Diseño de Pantallas
-
Upload
gerald-raudales -
Category
Documents
-
view
226 -
download
0
Transcript of 6. Diseño de Pantallas
-
8/16/2019 6. Diseño de Pantallas
1/22
Diseño de Pantallas
-
8/16/2019 6. Diseño de Pantallas
2/22
Tipos de Interfaces
Interfaces de lenguaje natural.Interfaces de pregunta y respuesta.Menús
Interfaces de formulario.Interfaces de lenguaje de comandos.Interfaces gráficas de usuario.
-
8/16/2019 6. Diseño de Pantallas
3/22
Interfaces de Lenguaje Natural
Permiten a usuarios interactuar con lacomputadora en su lenguaje cotidiano onatural.
No se requieren habilidades especiales de
usuarios, quienes interactúan con lacomputadora mediante lenguaje natural,
-
8/16/2019 6. Diseño de Pantallas
4/22
-
8/16/2019 6. Diseño de Pantallas
5/22
Interfaces de pregunta y respuesta
La computadora despliega en pantalla una
pregunta para el usuario. Para interactuar,el usuario introduce una respuestamediante pulsaciones del teclado o un clicdel rat!n" y la computadora despu#s actúa
en esa informaci!n de entrada de acuerdocon su programa, normalmente pasando ala siguiente pregunta.
-
8/16/2019 6. Diseño de Pantallas
6/22
-
8/16/2019 6. Diseño de Pantallas
7/22
Menús
$sta interfa% le permite al usuarioseleccionar una opci!n o tarea, que seaespec&fica del sistema. Por lo tanto elusuario no necesita conocer el sistema pero
si saber que operaci!n 'a a reali%ar.
-
8/16/2019 6. Diseño de Pantallas
8/22
-
8/16/2019 6. Diseño de Pantallas
9/22
Los menús de ()I tienen los siguientes lineamientos*
+. iempre se despliega la barra de menú principal.
-. $l menú principal usa palabras simples para losart&culos del menú. Las opciones de menú principalessiempre despliegan menús desplegables secundarios.
. $l menú principal debe tener opciones secundariasagrupadas en grupos similares de caracter&sticas.
/. Los menús desplegables que se presentan cuandose hace clic en un art&culo de menú principal confrecuencia consisten en más de una palabra.
0. $stas opciones secundarias desempe1an acciones
o despliegan art&culos de menú adicionales.2. Los art&culos de menú en gris no están disponiblespara la acti'idad actual.
-
8/16/2019 6. Diseño de Pantallas
10/22
Formularios (entrada/salida
3onsisten de formularios en pantalla o
formularios que se basan en la 4eb quedespliegan campos que contienen datos oparámetros que necesitan ser comunicadosal usuario. 5entro de estas interfaces hay
campos que ameritan informaci!n delusuario obligatoria.
-
8/16/2019 6. Diseño de Pantallas
11/22
La 'entaja principal de la interfa% de
formulario de entrada6salida es que la'ersi!n impresa del formulario proporcionadocumentaci!n e7celente.
La des'entaja principal es que los usuariose7perimentados se podr&an impacientar conestos formularios y querr&an formas máseficaces para introducir datos.
-
8/16/2019 6. Diseño de Pantallas
12/22
-
8/16/2019 6. Diseño de Pantallas
13/22
Interfaces de lenguaje de comando
Permite a los usuarios controlar laaplicaci!n mediante combinaciones deteclas, comandos, frases o algunassecuencias de estos tres m#todos.
-
8/16/2019 6. Diseño de Pantallas
14/22
Los lenguajes de comandos manipulan a lacomputadora como una herramienta para
permitir al usuario controlar el diálogo. $llenguaje de comandos ofrece al usuariomayor fle7ibilidad y control.
3uando el usuario da una instrucci!n a lacomputadora mediante lenguaje decomandos, se ejecuta de inmediato por el
sistema.
-
8/16/2019 6. Diseño de Pantallas
15/22
-
8/16/2019 6. Diseño de Pantallas
16/22
Interfaces gr!ficas de usuario("#Is
Permiten la manipulaci!n directa de larepresentaci!n gráfica en pantalla, la cual se puede
reali%ar con la entrada del teclado, una palanca de juego o el rat!n.
$s la retroalimentaci!n constante que proporciona lacla'e para las ()Is, la retroalimentaci!n continua enel objeto manipulado, lo cual significa que se puedehacer rápidamente los cambios o incluso cancelaroperaciones sin incurrir en mensajes de error, estohaciendo uso de las 'alidaciones en el c!digo.
-
8/16/2019 6. Diseño de Pantallas
17/22
8tras Interfaces de )suario
$stas interfaces incluyen dispositi'os de
indicaci!n tal como el lápi% !ptico, pantallassensibles al tacto y reconocimiento de 'o% ys&ntesis. 3ada una de estas interfaces tienesus propios atributos especiales quecorresponden de forma única a aplicaciones
particulares.
-
8/16/2019 6. Diseño de Pantallas
18/22
-
8/16/2019 6. Diseño de Pantallas
19/22
9l e'aluar las interfaces que ha escogido,debe tener en cuenta algunas normas*
$l periodo de entrenamiento necesario para los usuariosdebe ser aceptablemente corto.Los usuarios antes de su entrenamiento deben poder
introducir comandos sin pensar en ellos o sin consultar elmenú de ayuda o el manual del usuario. Mantenerconsistentes las interfaces en las aplicaciones ayudamucho a este respecto.La interfa% debe ser perfecta para que haya pocos errores
y los que ocurran no sea por un mal dise1o.$l tiempo que los usuarios y el sistema necesitan para
recuperarse de los errores debe ser corto.Los usuarios poco frecuentes deben poder aprender a usar
el sistema en poco tiempo.
-
8/16/2019 6. Diseño de Pantallas
20/22
Lineamientos para el Diseño deDi!logos
3omunicaci!n significati'a, para que lacomputadora entienda qu# están
introduciendo las personas y para que laspersonas entiendan qu# se les estápresentando o qu# están pidiendo a lacomputadora.9cci!n m&nima del usuario.:uncionamiento normal y consistente.
-
8/16/2019 6. Diseño de Pantallas
21/22
$etroalimentaci%n para los#suarios
La retroalimentaci%n es necesaria para decirleal usuario &ue'
La computadora ha aceptado la entrada.La entrada es correcta.La entrada es incorrecta.;abrá un retraso en el procesamiento.La petici!n se ha completado.La computadora no está disponible para completar
la petici!n.;ay retroalimentaci!n más detallada y c!mo
obtenerla".
-
8/16/2019 6. Diseño de Pantallas
22/22
$etroalimentaci%n en el Diseño