Interfaz Grafica DEL USUARIO

Fernando Ariel LugonesMetodología de Sistemas 4ºC13/11/2013

Bibliografía: Bruce Tognassini

•Pautas de Diseño de InterfacesGráficas Basadas en el Modelode Aprendizaje S.O.I.,•Linux•Gregoria Romero, Youtube

Interfaz Gráfica del Usuario

• Permite ver y manipular los datos de la aplicación• Es parte del nivel de presentación• Se conecta al nivel del negocio• Un buen diseño de interfaz de usuario puede

significar una ventaja competitiva

Importancia de un buen diseño de interfaz

• Las interfaces ha ido evolucionando conforme al tiempo, no solo por los avances tecnológicos sino también por las necesidades del usuario.

• En un Mercado competitivo como el actual, en donde se desarrollan aplicaciones para usuarios, es muy importante tener un buen diseño. Una interfaz amigable e intuitiva es mas atractiva para los usuarios.

Principios de diseño

Para diseñar correctamente una interfaz de usuario debemos:•Identificar la navegación para los usuario de la interfaz•Validar los datos de entrada•Establecer formas apropiadas para presentar resultados

Antes de realizar el diseño de una interfaz de usuario se debe considerar lo siguiente:

• La estructura en la interfaz• Los objetos que se van a estar manipulando• La facilidad que tiene el usuario para el manejo de

las funcionalidades de la aplicación• La mejor manera de presentar todos los objetos

dentro de la aplicación

Principios básicos de diseño para interfaces de usuario

• Amigable al uso• Control del Usuario• Consistencia• Retroalimentación• Directo• Accesos Rápidos• Estética

Amigable al uso

• Se debe de minimizar el numero de pasos a seguir para completar una tarea

Control del usuario

• El usuario tiene que tener la confianza en que el sistema responderá según lo que quiera

Consistencia

• Aplicar los conocimientos adquiridos• Uso de estándares

Retroalimentación

• Los sistemas deben ser capaz de darle información al usuario

Directo

• Debe de mostrarle al usuario de una manera visual el resultado de alguna acción

Accesos Rápidos

• Para completar alguna tarea mucho más rápido• Una manera mas cómoda

Estética

• Visiblemente amigable• Correcta posición de los elementos

Identificar la forma de navegar a traves de una interfaz de usuario

• Los usuarios que utilizan la computadora como su herramienta de trabajo encuentran muy importante la forma en que ellos estarán navegando a través de las ventanas y opciones.

Asistencia para el Usuario

• Menu de ayuda o archivos de ayuda• Tooltips y barras de estado• Asistencia de tareas• Asistencia(el asistente de algún programa)• Que es esto?

Procedimientos de entradas y salidas

Entradas:1.Validar que pertenezca al alfabeto deseado2.Que este en el rango esperado

Salidas:1.Posición2.Consistencia3.Simple

Como implementar las interfaces

• Unicode: El lenguaje internacional de la norma página de códigos puede soportar casi todos los idiomas conocidos y símbolo en uso hoy en día

• Installs Shieds: Proporciona herramientas de desarrollo de software diseñado para permitir la distribución de software para todas las plataformas Windows

• Microsoft Systems Management Server: Una solución completa para la gestión de los ordenadores personales de forma centralizada en una red de cualquier tamaño

Cuestiones de Interfaces

Hacer uso eficaz de las interfaces de múltiples documentos(MDI):•Los documentos(MDI) permite a los usuarios trabajar con más documentos a la vez

Navegacion en la interfaz de usuario

• Los menús proveen una forma sencilla de navegar• La simplicidad y consistencia son muy importantes• Se debe pensar en:• La estructura de la interfaz• Los objetos que manipula el usuario• Las vistas para mostrar esos objetos• Los controles

Validación de datos de entrada

• Verificar que todos los datos que proporciona el usuario sean correctos

• Validación del tipo de dato• Validación del rango

Características de la Interfaz Gráfica

• Anticipación• Autonomía• Consistencia• Valores predeterminados• Eficacia del Usuario• Interfaces explorables• Objetos de la interfaz humana• Aprendizaje• Metáforas• Proteger el trabajo de los usuarios• Legibilidad• Navegación Visible

Anticipación

• Las aplicaciones deben intentar anticipar necesidades y deseos de los usuarios

Autonomía

• El ordenador, la interfaz y el entorno de tarea pertenecen al usuario

• Utilizar los mecanismos del estado para mantener los usuarios consciente e informado

• Mantener información de estado hasta la fecha y dentro de vista fácil

Consistencia

• Niveles de consistencia• Imcopatibilidad• La consistencia más importante es la consistencia

con las expectativas del usuario

Valores predeterminados

• Campos que contienen valores predeterminados deben subir seleccionados

• Por defecto debería ser inteligente y sensible

Eficacia del Usuario

• Mira en la productividad del usuario, no de la computadora

• Mantener al usuario ocupado• Para maximizar la eficiencia de una empresa u otra

organización debe maximizar la eficiencia de todo el mundo

Interfaces explorables

• Dar señales y caminos bien señalizados a los usuarios• Ofrecer a los usuarios pautas perceptuales• Realizar acciones reversibles

Objetos de la interfaz humana

• Objetos de la interfaz humana puede ser vistos,oído, tocado o percibe lo contrario

• Tiene una forma estandar de interacción• Tienen comportamiento resultantes estandar• Deben ser compresibles, uniformes y estables

Aprendizaje

• Limitar las ventajas y desventajas

Metáforas

• Elegir bien las metáforas, que permitirán a los usuarios a comprender al instante los detalles más finos del modelo conceptual

Proteger el trabajo de los usuarios

• Asegurarse de que los usuarios nunca pierdan su trabajo como resultado de error de su parte, o cualquier otro motivo inevitable

Legibilidad

• Texto que debe leerse debe tener alto contraste

Navegación visible

• Evitar la navegación invisible, la mayoría de los usuarios no puede y no construirá la elaboración de mapas conceptuales

Pautas de Diseño de Interfaz Gráfica de Usuario

1. Estructura de la información y las tareas del usuario en la aplicación

2. Punto focal en la ventana3. Estructura y consistencia entre ventanas4. Relación entre elementos5. Legibilidad y flujo entre elementos6. Integración

Redacción de texto en la interfaz

• Brevedad: Se sugiere eliminar las palabras innecesarias y redactar textos breves sin sacrificar la claridad y facilidad de comprensión

• Lenguaje: Utilizar la gramática correcta y estándar, un lenguaje claro y coherente en la interfaz mejora la facilidad de uso de la aplicación

Accesibilidad

• La aplicación debe ser accesible para todos los usuarios o la mayoría de ellos, dependiendo el contexto o la usabilidad que se pretender dar.

• Exiten estrategias de diseño, dependiendo de las necesidades a cubrir.

Formas apropiadas para presentar resultados

Las formas de representar los resultados en una aplicación tiene gran impacto sobre la usabilidad de la aplicación. Los aspectos a tomar en cuenta son:•La posición y el orden•La consistencia•Representación graficas conocidas•Espacio vacíos dentro de la misma•Simpleza