6. diseño de pantallas

Upload: gerald-raudales

Post on 05-Jul-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

  • 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