UNIVERSIDAD PERUANA LOS ANDES

DISEO DE INTERFAZ DE USUARIO

INTEGRANTES:

Milko Morales Ortiz Felix Lolay Mendoza Wilder Basaldua Quincho

PROFESOR :

Rolando Quispe Condezo

CICLO:

CURSO:

Analisis y Diseo de Sistemas

2007

DEDICATORIA El xito es el premio del esfuerzo personal; sigue siempre adelante te espera un mejor futuro. El xito es el fruto del trabajo y la grandeza personal para poder llegar a obtenerlo. El xito se obtiene solo con pensamiento firme y seguro de saber lo que se quiere llegar a ser. Este trabajo esta dedicado a todo el esfuerzo de cada uno de los integrantes por querer aprender un poco mas del conocimiento de nuestros profesores y a todas las personas que nos rodean u nos brindan animo por segur adelante (padre, madre, amigos) y alcanzar el xito

INDICE

INTRODUCCION

DISEO DE INTERFACES DE USUARIO

La interfaz de usuario es la forma en que los usuarios pueden comunicarse con una computadora, y comprende todos los puntos de contacto entre el usuario y el equipo. Sus principales funciones son:

Manipulacin de archivos y directorios Herramientas de desarrollo de aplicaciones Comunicacin con otros sistemas Informacin de estado Configuracin de la propia interfaz y entorno Intercambio de datos entre aplicaciones Control de acceso Sistema de ayuda interactivo.

Para la mayoria de los usuarios, la interfaz es el sistema, ya sea que este bien o pobremente diseada, es la representacin del sistema y, por consiguiente, muestra la calidad del analista de sistema. Su meta debe ser disear interfaces que ayuden a usuarios y empresas a conseguir la informacin que necesitan dentro y fuera del sistema tratando de alcanzar los siguientes objetivos: 1.-Hacer coincidir la interfaz de usuario con la tarea. 2.-Hacer eficiente la interfaz de usuario. 3.-Proporcionar a usuarios la retroalimentacin adecuada. 4.-Generar consultas utilizables. 5.-Mejorar la productividad de trabajadores de conocimiento.

TIPOS DE INTERFAZ DE USUARIO INTERFACES DE LENGUAJE NATURAL

La interfaz en lenguaje natural es quizs, el sueo y el ideal de los usuarios inexpertos, ya que permite la interaccin con la computadora por medio de un lenguaje comn o "natural". Y no se requieren habilidades especiales del usuario cuando ste interacciona con computadoras que utilizan el lenguaje natural. Existen ciertos intentos limitados de interfaces en lenguaje natural para aplicaciones particulares donde otro tipo de interfaz sera poco conveniente. Los problemas de implantacin y la demanda extraordinaria en recursos de cmputo han limitado el desarrollo de las interfaces en lenguaje natural. Sin embargo, numerosos programadores e investigadores estn trabajando de manera activa en el desarrollo de interfaces en lenguaje natural, de tal forma que es un rea que definitivamente continuar creciendo y por ello requerir de un estrecho seguimiento. Un ejemplo de lenguaje natural es el siguiente: Haga una lista de todos los vendedores que hayan cubierto sus cuotas para este mes Tom Otto Roz Berry Spin Etch Compare el porcentaje de remanentes que producen cada uno de los tres almacenes Fair Oaks Tysons Metro Center 4% 5% 3%

Grafique la venta de unidades de discos, con base mensual para los ltimos tres aos. Para continuar presione cualquier tecla. Sin embargo, si se utiliza el lenguaje natural para expresarse en el idioma tpico, como se mostr en el ejemplo anterior, las posibilidades de xito para lograr una comunicacin efectiva con la computadora son mnimas. El idioma es ambiguo, ya que est repleto de mltiples excepciones para cada una de las reglas. INTERFAZ DE PREGUNTAS Y RESPUESTAS En los primeros das de las computadoras (antes de pantallas grficas, el ratn, etc.) era la nica forma realista de interfaz. El usuario poda comunicarse con el sistema especifico con ordenes de la forma indicada en la figura. Aunque es una forma concisa, es muy propensa a errores, muy estricta y difcil de aprender.

INTERFAZ DE MEN SIMPLE Es una variante de la forma anterior, se presenta al usuario una lista de opciones y la seleccin se realiza por medio de un nmero, letra o un cdigo en particular. Ofrece al usuario un contexto global y tiene menos porcentaje de errores que el anterior, pero su uso puede llegar a ser tedioso. Este es el caso de las opciones del ejemplo de la figura, que incluyen subopciones (que a su vez puede incluir otras opciones) dentro de las opciones principales. Un men es una lista de opciones que se muestran en la pantalla o en una ventana de la pantalla para que los usuarios elijan la opcin que deseen . Los mens permiten dos cosas: navegar dentro de un sistema, presentando rutas que llevan de un sitio a otro, y seleccionar elementos de una lista, que representan propiedades o acciones que los usuarios desean realizar sobre algn objeto. Las interfaces de mens aparecen cuando el ordenador se vuelve una herramienta de usuario y no slo de programadores. Las actuales interfaces grficas u orientadas a objetos siguen utilizando este tipo de interfaces (los distintos estilos de interfaces no son mutuamente exclusivos). Existen distintos tipos de mens. Los primeros fueron los mens de pantalla completa, estructurados jerrquicamente Men de pantalla completa (Norton Utilities) Los mens de barra, situados en la parte superior de la pantalla, son profusamente utilizados en las aplicaciones actuales. Contienen una lista de acciones genricas que dan paso a mens desplegables donde se concretan. Men de barra y men desplegable Estos mens pueden llevar a su vez a otros: son los mens en cascada. Pueden cambiar dinmicamente, y deshabilitar opciones que no estn disponibles en un momento dado (marcndolas habitualmente en gris).

Las interfaces de mens, bien estructuradas, son buenas para usuarios noveles o espordicos. Son fciles de aprender y de recordar. Pueden existir mens simples y avanzados, para adaptarse al tipo de usuario. Precauciones: no ocupar demasiado espacio de la pantalla, recordar la informacin acumulada de mens precedentes, no colocar demasiados elementos en el men, agruparlos de manera lgica (no en orden alfabtico, por ejemplo; esto ayuda a recordarlos), permitir la personalizacin por parte del usuario, usar una terminologa adecuada y consistente dentro del programa y con otros programas (Exit, Quit, Escape, Close, Return, Back). Las interfaces de mens sern utilizadas normalmente en conjuncin con los otros estilos de interfaces.

INTERFAZ ORIENTADA A VENTANAS A medida que el hardware se ha hecho mas eficiente y los ingenieros de software han aprendido mas sobre los factores humanos, las tcnicas de interfaz evolucionaron, llegando a lo que se conoce como interfaces de la tercera generacin. Ofrece al usuario las siguiente ventajas: Se puede visualizar diferentes tipos de informacin simultneamente El esquema de mens desplegables permite realizar muchas tareas interactivas diferentes. Se realizan tareas de control y de dialogo en forma sencilla. La utilizacin de mens desplegables, botones y tcnicas de presentacin reducen el manejo del teclado.

INTERFACES DE FORMULARIOS (FORMULARIOS DE ENTRADA SALIDA) Consisten de formularios en pantalla o formularios que se basan en la Web que despliegan campos que contienen datos o parmetros que necesitan ser comunicados al usuario. El formulario a menudo es un facsimil de un formulario

impreso que ya es familiar para el usuario. Esta tecnica de interfaz tambien se conoce como metodo basado en el Formulario y en formulario de entrada y salida.

Funcionalidad y descripcin de la interfaz : Primero vamos a hacer un recorrido sobre este formulario antes de dar de alta un empleado.

Las Pestaas "General".Tiene los datos generales del Empleado. Ejm: Nombre, Documento, Fecha de Nacimiento, etc. "Declaracin". Aqu estn los datos propios de la DDJJ. Remuneraciones, Situacin, Obra Social, etc "Familiares". Si la empresa no se encuentra en la modalidad de pago directo de asignaciones Familiares, aparece esta pestaa en donde cargar el grupo familiar primario. "Exportacin AFIP". Si la empresa tiene habilitada la opcin de Exportacin al sistema SIJP (AFIP), en esta pestaa carga los datos especficos de este sistema. Ejm. Zona Geogrfica, Rgimen, Tipo de Empleador.

Los Botones Nuevo : Para dar de alta un empleado o familiar si esta posicionado en la pestaa familiar. Modifica: Para modificar los datos del empleado visualizado o familiar si esta posicionado en la pestaa familiar. Eliminar: Para eliminar los datos del empleado visualizado o familiar si esta posicionado en la pestaa familiar. Consulta: Visualiza el buscador de empleados

Cargar un empleado. Para empezar debemos saber que existen datos esenciales que debern ser completados para poder grabar. Si omite alguno de estos datos el sistema le avisara con un mensaje que debe completar ese dato. 1. Presione Nuevo 2. Cargue los datos del empleado en la Pestaa "General" y luego pasara a la pestaa "Declaracin" algunos valores aparecen por defecto. Ejm. Actividad, Obra Social .Si usted exporta los datos al sistema S.I.J.P. tambin deber cargar los datos en esa solapa Exportacin AFIP. La solapa Familiares permanece desactivada mientras edita las dems solapas. Al ingresar o modificar las remuneraciones o el tem cuota Sindical, ver que los valores de la derecha se van actualizando y usted podr controlar si las retenciones efectuadas al empleado son las esperadas. Mas adelante encontrara la descripcin los tems 3. Presione Grabar . Si los datos esenciales estn completos finaliza la operacin. Para carga un nuevo empleado repita estos pasos

Cargar un Familiar. 1. Primero debe seleccionar al Empleado titular 2. Seleccione la solapa Familiares 3. Presione Nuevo y cargue los tems 4. al finalizar presione "Grabar"

La ventaja principal de la interfaz de un formulario de entrada y salida es que la version impresa del formulario proporciona documentacin excelente. Muestra etiquetas para cada campo asi como tambien contexto para las entradas, Los documentos que se basan en la Web se pueden enviar directamente al sistema de facturacin si se involucra una transsacion. Hay algunas desventajas con los formularios de entrada/salida, es que los usuarios experimentados se podrian impacientar con estos formularios y querrian formas mas eficaces para introducir datos.

INTERFACES DE LENGUAJE DE COMANDOS

Una interfaz de lenguaje de comandos permite al usuario controlar la aplicacin con una serie de tecleos, comandos, frases o alguna sentencia de ellos. Los lenguajes de comando manejan a la computadora como una herramienta, permitiendo que el usuario controle el dialogo. Por lo tanto, el lenguaje de comando proporciona al usuario mayor flexibilidad y control Por ejemplo:

USAR VENDEDOR DESPLEGAR APELLIDO,NOMBRE DOMNDE VENTA_ACTUALES>CUOTA USAR TENDERO REEMPLAZAR TODOS MERMA POR PRODUCTOS_COMPRADOSPRODUCTOS_VENDIDOS REGRESAR A LA PARTE SUPERIOR LISTAR

El primero muestra a un usuario que pide usar un archivo que contiene datos de todos los vendedores y pide a la computadora desplegar todos los apellidos, seguido de los nombres, para todos los vendedores cuyas ventas actuales son mayores que sus cuotas El segundo pise usar un archivo llamado tendero y dirige a la computadora para calcular mermas, restando el producto vendido del producto comprado. Una vez hecho esto el usuario pide regresar a la parte superior del archivo e imprimirlo (listar). El lenguaje de comandos ofrece al usuario mayor flexibilidad y control, cuando el usuario da una instruccin a la computadora mediante lenguaje de comandos, se ejecuta de inmediato por el sistema. INTERFACES GRAFICAS DE USUARIOS

Interfaz grfica de usuario (o GUI, acrnimo de Graphical User Interface), en informtica, tipo de entorno que permite al usuario elegir comandos, iniciar programas, ver listas de archivos y otras opciones utilizando las representaciones visuales (iconos) y las listas de elementos del men. Las selecciones pueden activarse bien a travs del teclado o con el ratn Para los autores de aplicaciones, las interfaces grficas de usuario ofrecen un entorno que se encarga de la comunicacin con el ordenador o computadora. Esto hace que el programador pueda concentrarse en la funcionalidad, ya que no est sujeto a los detalles de la visualizacin ni a la entrada a travs del ratn

o del teclado. Tambin permite a los programadores crear programas que realicen de la misma forma las tareas ms frecuentes, como guardar un archivo, porque la interfaz proporciona mecanismos estndar de control como ventanas y cuadros de dilogo. Otra ventaja es que las aplicaciones escritas para una interfaz grfica de usuario son independientes de los dispositivos: a medida que la interfaz cambia para permitir el uso de nuevos dispositivos de entrada y salida, como un monitor de pantalla grande o un dispositivo ptico de almacenamiento, las aplicaciones pueden utilizarlos sin necesidad de cambios La Interfaz Grfica de Usuario, conocida como GUI (Graphic User Interface), es aquella parte de un programa que comunica al usuario con el programa mediante representaciones grficas. Antes de la aparicin de la tarjeta grfica moderna, los programas basaban su interfaz en la representacin de la informacin mediante caracteres alfanumricos y algunos caracteres especiales que permitan dibujar cajas de colores para diferenciar las distintas areas del programa (representacin de tablas, resultados de operaciones, areas de edicin, etc.) La aparicin del primer Mac de Apple, la versin 1.0 de Windows y los primeros modelos de ratn origino que muchos programas comenzaran a usar interfaces grficos, originando que cada programa utilizara su propio sistema de representacin y modo de interactuar con el usuario. Muchas veces el cambio de interfaz consista en portar el anterior aspecto del programa en texto a una nueva basada en grficos que resultaba mas atractiva para el usuario pero en ocasiones poco tiles. Adems, por cada programa que se utilizara haba que aprender a moverse en un nuevo entorno con lo que ello acarreaba en complejidad de uso. Con la creciente popularidad de Windows 3.0, muchos programas comenzaron a ofrecer una versin grfica para Windows. El sistema operativo grfico tiene la ventaja de poseer un GUI unificado, facilitando no solo el uso de estos programas, sino tambin su desarrollo. Con Windows 95, casi todas las aplicaciones terminaron corriendo bajo este sistema operativo. Sistemas como Linux desarrollaron tambin entornos de ventanas, provocando que hoy da

prcticamente todos los sistemas operativos posean su propio GUI comn a todas las aplicaciones que corran bajo ese sistema.

La principal razn por la que un equipo informtico disea una aplicacin utilizando una interfaz grfica es intentar que el usuario encargado de su explotacin se encuentre cmodo utilizndola, que le haya sido fcil su aprendizaje y que le resulte sencillo recordar en cada momento sus aspectos ms relevantes. Tanto los nuevos diseos realizados en entornos novedosos como algunas aplicaciones ya existentes aprovechan las ventajas de las interfaces grficas a travs de sus posibilidades de "maquillaje" o revamping. Realmente la funcin que debe realizar la aplicacin es la misma si se utiliza una interfaz grfica como en caso contrario. La interfaz grfica es simplemente una herramienta que le ofrece la aplicacin al usuario de forma grfica y ms amigable. El usuario puede realizar muchas de las acciones de la aplicacin sin memorizar cdigos, seleccionando los diferentes objetos que le va mostrando la interfaz, y una vez activados, es la propia interfaz la que se encarga de ejecutar la funcin asociada, traduciendo los deseos del usuario al segmento de cdigo apropiado. A simple vista puede parecer que el usuario debera estar encantado. Con este sistema el usuario va a realizar su trabajo mucho ms fcilmente. Y sin embargo, muchas veces, sin saber muy bien la razn, se encuentra incmodo, no acaba de encontrarle el truco e incluso acaba por desechar la aplicacin y prefiere realizar su trabajo de cualquier otra manera. Veamos un ejemplo de combinacin errnea indiscriminada en la figura 1. La pantalla que se ha elegido pertenece a una aplicacin sobre historiales clnicos. Dispone de dos bloques de informacin: los datos personales del paciente y la relacin de las citas anteriores a la actual, cada uno de ellos en un marco (frame).

Realmente son dos informaciones que, aunque independientes, mantienen la asociacin de pertenecer a la misma persona. Sin embargo, el diseador ha decidido distinguir claramente las diferencias al establecer los colores verde y rojo como fondo para estos marcos. La conjuncin de dos tonos tan distintos entre s invita a pensar que ambos conceptos son completamente exclusivos, aunque en la realidad no sea el caso, ya que tanto los datos personales como las citas anteriores se refieren al mismo paciente.

Otro error en el diseo de esta pantalla ha sido la de utilizar unas etiquetas con un color muy parecido en el fondo. Ocurre en los cuadros de texto de los datos personales. El azul es muy semejante al verde y por lo tanto no permite una ntida delimitacin. Obliga a forzar los ojos, lo que desde luego agota la vista del usuario en muy poco tiempo. Adems, cuando se utilizan varias tonalidades del mismo color, como es el caso, puede incluso provocar confusin, o dar la impresin de que algunos datos fsicamente cercanos estn conceptualmente distantes.

Por ltimo, veamos la diferencia entre un texto de color oscuro sobre fondo claro (como suele ser lo habitual) y al revs. La primera situacin la tenemos en los datos personales y la segunda en las citas anteriores. Como se puede observar, es mucho ms fcil trabajar con situaciones como la del marco superior. En la figura 2 se ha representado la misma pantalla pero con colores ms adecuados.

OTRAS INTERFACES DE USUARIOS Aunque menos comunes que las discutidas anteriormente, estan ganando popularidad, Estas incluyen dispositivos de indicacion tal como el lapiz optico, pantallas sensibles al tacto y reconocimiento de voz y sntesis. Cada unas de estas interfaces tiene sus propios atributos especiales que corresponden de forma unica a aplicaciones particulares. El Lapiz Optico, se esta volviendo particular dado el nuevo software de reconocimiento de escritura y a los asistentes digitales personales (PDAs).

Los Disposistivos PALM yPocket/PC han sido un xito porque hacen muy bien un numero ilimitado de cosas y se venden a un precio bajo. Las computadores portatiles como estas incluyen un calendario , directorio agenda y block de notas, la entrada de datos tambin se facilita con una estacion de acoplamiento para que puedan sincronizar los datos con su PC. Una PC de tableta es una computadora porttil con un lapiz optico o con pantalla sensible al tacto, ademas se pueden equipar con comunicacin Wi Fi incorporada o de Bluetooth Las pantallas sensibles al tacto permiten al usuario emplear un dedo para activar la pantalla, las pantallas sensibles al tacto son utiles en la pantalla de informacin publica, tal como mapa de ciudades, y su sitio de interes publicado en el vestbulos de hoteles o instalaciones de renta de automviles.

Ejm de esto podemos ver en el siguiente grafico como la tecnologa avance dia dia a dia y la interfaz es cada vez mas sorprendente

Los interfaces de voz son vlidos tanto para la introduccin como para la recepcin de informacin en los sistemas. Se pueden clasificar los interfaces de voz en tres tipos segn la funcionalidad bsica del sistema: interfaces de introduccin de voz, interfaces de mensajes de voz e interfaces bidireccionales. A continuacin se describen en detalle:

Interfaces de introduccin de voz, slo interpretan la voz y la traducen a un lenguaje informtico. Los sistemas de control por voz permiten el acceso y control de gran diversidad de sistemas y servicios del hogar digital sin tener que realizar ningn movimiento excepto la vocalizacin.

Interfaces de mensajes de voz, son interfaces que emiten informacin sobre el estado o comandos solicitados de sistemas, aparatos y mquinas. Otra familia de aplicaciones son los escners que traducen documentos o informacin escrita a voz hablado.

Interfaces de voz bidireccionales, permiten tanto la introduccin como la recepcin de la informacin oral, como por ejemplo algunos sistemas de contestacin automtica de telefona donde se puede introducir respuestas a preguntas, o preguntas mediante la voz.

El iPhone de Apple ha representado un modelo de interfaz de usuario revolucionario para los usuarios. Los usuarios pueden ver pginas web, usar aplicaciones web y utilizar aplicaciones instaladas en los iPhone como aplicaciones de email, el iPod o la cmara digital en cualquier sitio donde estn. Por ello, Apple ha lanzada la guia de estilo para las interfaces de usuarios para el iPhone, donde explica como disear las interfaces de usuarios para que la experiencia en el iPhone sea satisfactoria.