Diseo de la interfaz con el usuario

El diseo de la interfaz con el usuario requiere del estudio de las personas y el conocimiento tecnolgico adecuado para poder comunicarse con ellas, estos se vern muy apegados al nivel de conocimiento que tengan cada grupo de usuarios a cual nos dirigimos.

Preguntas. Planteamos y respondemos

1. Quin es el usuario?

Interaccin con el sistema Cargo Modulo Funcin del cargo Conocimiento Restriccin Escalas Experiencia

2. Cmo aprende a interactuar el usuario con el sistema?

Finanzas Caja Admi. Conta.

Sistema de Informaci n

3. Cmo se interpreta la informacin del sistema y adems la informacin producto del sistema? Reportes.

4. Qu se espera del sistema? _Falta_

Reglas de Oro
1. Debemos dar el control al usuario. Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas. 2. Reducir la carga en memoria del usuario. Una interfaz Una interfaz de usuario bien diseada no depender de la memoria del usuario. Siempre y cuando sea posible el sistema debe almacenar la informacin pertinente y ayudar al usuario con un escenario de interaccin que le facilite el uso de la memoria. 3. Lograr que la interfaz del usuario se consistente. Esto implica que toda la informacin visual este ordenada y que se mantenga en todas las presentaciones de pantalla. Que los mecanismos de entradas se restrinjan y se utilice de manera consistente en toda la aplicacin. Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente.

Anlisis y Diseo de la interfaz de usuario

1. El proceso general para el anlisis y diseo empieza con la creacin de diferentes funciones del sistema esto a su vez las orienta a mdulos de proceso. 2. Se va a delinear las tereas orientadas al ser humano y el equipo que se requiere para lograr el funcionamiento correcto del sistema. 3. Un ingeniero establecer cuales son las funciones humanas de los procesos, dentro de estos procesos delineara funciones de recursos humanos, creara modelos de software, Ser capaz de desarrollarle una imagen mental al usuario final y este lo denominara como percepcin del sistema 4. Y por ltimo debe ser capaz de organizar quienes implementaran el sistema y este ser un modelo orientado a concluir con el funcionamiento completo del sistema.

Establecer los perfiles de los usuarios Finales

Para construir una interfaz de usuario efectiva, todo debe iniciar c por la composicin de quienes son los usuarios de destino incluidos sus perfiles (edad, educacin, etnia, sexo, motivaciones, objetivos, personalidad, etc.)

Categoras de los Usuarios

Principiantes: no tienen conocimientos de la sintaxis del sistema y cuentan con escasos conocimientos de la semntica de la aplicacin, y muchos a veces hasta del uso de la computadora en general. Espordicos y con conocimiento: tienen conocimientos razonables de la semntica pero muestran una retencin relativamente baja de la informacin sobre la sintaxis necesaria para el manejo de la interfaz Frecuentes y con conocimiento: cuentan con conocimientos de semntica y sintaxis suficiente para llegar al sndrome de usuario avanzado.

Modelo del Diseo

incorpora datos debe haber una arquitectura de interfaz Arquitectura de procedimientos del software La especificacin de requisitos establecer ciertas restricciones, que ayudan a definir el usuario final del sistema El modelo mental moldea la manera en que el usuario percibe la interfaz y esta a su vez satisface sus necesidades

Modelo de la Implementacin
Combina la manifestacin externa del sistema de cmputo y toda la informacin de ayuda que describe la sintaxis u semntica del sistema, cuando coincida con el modelo de la implementacin y el modelo mental de usuario, los usuarios suelen sentirse a gusto con el sistema o software y lo usan con efectividad.

El Proceso
El proceso de anlisis y diseo de la interfaz de usuario abarca cuatro actividades distintas de marco de trabajo. 1. 2. 3. 4. Anlisis y modelado de usuarios, tarea y entornos. Diseo de la interfaz Construccin (implementacin) de la interfaz Validacin de la interfaz.

El anlisis de la interfaz se concentra en el perfil de los usuarios que interactuaran con el sistema

Pasos Del Diseo De La Interfaz

1. Con base en la informacin desarrollada durante el anlisis de la informacin, definir los objetos y las acciones de la interfaz (operaciones). 2. Definir eventos (acciones del usuario) que cambiarn el estado de la interfaz. Modelar este comportamiento. 3. Representar cada estado de la interfaz tal como lo ver el usuario final. 4. Indicar como interpreta el usuario el estado del sistema a partir de la interfaz proporcionada mediante la interfaz.

TEMAS DE DISEO
TIEMPO DE RESPUESTA
El tiempo de respuesta del sistema es la primera queja sobre muchas aplicaciones interactivas. En general, se mide desde el punto en que el usuario realiza alguna accin de control. El tiempo de respuesta del sistema tiene dos caractersticas importantes:

Duracin y variabilidad.
Duracin. Si la respuesta del sistema se demora mucho, la frustracin y el estrs del usuario son inevitables. Variabilidad. Es la desviacin del tiempo de respuesta promedio. Una baja variabilidad permite que el usuario establezca un ritmo de interaccin, aunque el tiempo de respuesta sea relativamente largo.

Evaluacin del Diseo

Una vez que se ha creado un prototipo de interfaz de usuario operacional debe evaluarse y determinar si satisface las necesidades del usuario.

DIAGRAMA

Diseo de las Salidas

La calidad de las salidas en cualquier sistema de informaciones uno de los requisitos ms importantes para los usuarios de dicho sistema, de no resultarles til podran desistir de su uso y as fracasar inevitablemente, por ello es indispensable identificar, detallar y especificar las necesidades de los usuarios con el objetivo de lograr desarrollar salidas eficientes y eficaces. Qu decisiones toma quien disea el sistema? Como disear la salida que producir el sistema de informacin Como utilizar los requerimientos identificados De que opciones dispone Como elegir y especiar tales opciones

Objetivo General Hacer una aproximacin del objetivo de salida a los elementos inmersos dentro del diseo del sistema, caracterizando cada uno de ellos e identificando las generalidades de dichos elementos. Objetivos Especficos Comprender el diseo de salidas de un sistema de informacin Determinar el propsito y tipos de salida de un sistema Conocer las distintas formas de presentar la informacin Presentar las salidas de informacin en lenguaje humano (sonido, video, imgenes, etc.)

Terminologa de salida Lo utilizamos para denotar cualquier informacin producida por un sistema de informacin y esta as u ver entregada al usuario final.

Cmo identificar las necesidades del sistema? Identificar salidas, especificando las necesidades a satisfacer con los requerimientos del sistema. Adems selecciona los mtodos para presentar las salidas con la informacin. Tambin creamos documentos reportes u otros formatos que contienen la informacin producida por el sistema.

Tipos de Salida La salida siempre ser un resultado de un proceso interno de la computadora (sistema) y esta a su vez dar la respuesta a las necesidades solicitadas por el negocio, estas pueden ser; un reporte, documento o simplemente u mensaje, y todo depende de acuerdo a las circunstancias y los contenidos del ambiente en que este implementado el sistema de all deriva su presentacin, ya sea impresa en papel o en pantalla.

Contenido de las Salidas Tendrn su origen en las fuentes de donde provienen, esto no llevara a cmo vamos a recuperar la informacin del almacenamiento obtenido tambin de la trasmisin de dato o de un proceso o actividad del sistema. Debemos tener claro entonces que todos nuestros resultados sern obtenidos de una fuente de entrada y su descripcin y diseo depende de la misma. Aspectos importantes de la salida Preguntarnos quienes reciben las salidas Cul es el uso que se pretende dar a la salida, el uso determina el contenido, la forma y el medio a utilizar para su generacin. Cules detalles con necesarios? La cantidad de datos sugiere si se debe emplear mtodos de impresin o de presentacin de una pantalla. Cundo y con qu frecuencia es necesaria la salida? Las oportunidades de salida son determinadas por el diseo del sistema. Pueden aparecer en mayor o menor frecuencia de acuerdo a ciertas condiciones establecidas. Qu mtodo utilizar? Esto se obtendr dentro del ambiente del sistema y sus propias caractersticas de acuerdo al diseo de la misma.

Como Presentar la Informacin

Formato tabular y este se debe utilizar en las siguientes condiciones: o Cuando los detalles dominan y son necesarios pocos comentarios o explicaciones. o Cuando los detalles son presentados en categoras discretas. o Cuando cada categora debe tener una etiqueta o Cuando se debe obtener totales o realiza comparaciones entre varios componentes.

Aspectos: Existen excepciones a las expectativas normales. Son categoras ms importantes de actividades a entidades ms propias del negocio. Hay resmenes de las categoras y de igual manera de las actividades ms importantes. La identificacin nica de la informacin es de suma importancia Las entidades que dependen del tiempo

Formato Grafico

En un sistema de informacin basado en computadoras el formato grafico constituye un rea en continuo crecimiento gracias a la existencia de software muy poderoso y de bajo costo que produce diagramas y grficos de alta calidad y permite utilizar datos de otros repositorios. Los grficos pueden mostrarse en pantalla elaborndose diseos para producir una mejor empata con el usuario final. Tipos de grficos Grficos de sectores: describen partes de un todo. Guardan relacin con un desarrollo o actividad en particular Grficos de reas: muestran cambios en el desempeo a lo largo de varios periodos de tiempo. Grficos de curvas: estas graficas pueden ser utilizadas para sealar el aumento en los gastos de los sistemas de produccin, mercadotecnia y/o solicitantes de personal, dando un realce a la tendencia global de los gastos adems de indicar que categora de gastos es la que presenta mayores cambios. Grficos de barras y eslabones: estos representan cambios de categora, miden los puntos de datos en una escala horizontal hasta el nivel apropiado de la escala vertical. Cada periodo pude ser discreto como en las grficas de barras o puede mostrarse de lado a lado. Con frecuencia se puede sobreponer varios objetos para comparar las categoras de un ao a otro. Mapas: estos pueden mostrar con frecuencia variaciones a travs de distintas zonas geogrficas. Los mapas de computadoras tienen las misas facilidades para mostrar las ventas o la potencia de mercado (BD Geo referenciada).

Por qu Utilizar grficos? Presentacin efectiva de datos: Las grficas son ms adecuadas para detectar tendencias en el desempeo de la empresa. Facilita las comparaciones Ayuda a recordar grandes cantidades de datos acentuados en una serie de reportes El manejo del volumen de datos: Se separa la informacin en grupos ms pequeos, lo que permite recordarlos y comprenderles con mayor facilidad

 La informacin fragmentada asla elementos y facilita su comparacin. Satisfaccin de las preferencias personales: Se debe preparar la informacin de acuerdo a las necesidades de un campo determinado o ambiente especfico. Es importante utilizar formatos de presentacin que resulten familiares. Estndares para el diseo de Grficos Todo reporte grafico en forma impresa o de pantalla debe incluir un ttulo y la fecha en la que se prepar (hora, fecha) Aadir los nmeros de pgina cuando son impresos en una seria completa Colocar el texto en un sitio que facilite la legibilidad Para los datos verticales, las etiquetas deben colocarse en forma horizontal, teniendo cuidado de evitar detalles en exceso. Es conveniente colocar un espaciamiento entre una y otra etiqueta para aumentar la claridad El valor de los datos debe colocarse a un extremo de la barra Todos los ejes x, y deben ser proporcionales al igual que sus etiquetas. Se pueden utilizar tipos de letras subrayadas o itlicas, para recalcar frases o palabras importantes Debe evitarse las abreviaturas, uso excesivo de las maysculas en palabras, ttulos o pie de figura extenso ya que esto disminuye la claridad. Se debe emplear la misma tipografa

Uso de Iconos
Son las representaciones grficas de las entidades descritas por los datos. Estos comunican informacin de forma inmediata cuando son seleccionados de forma adecuada, ya que duplican el mensaje por medio de imgenes con las que los usuarios estn familiarizados. Con su uso se elimina la necesidad de que los usuarios utilicen abreviaturas, notaciones o nomenclaturas especiales.

Lineamientos para el uso de iconos Seleccionar los iconos que sern reconocidos y comprendidos en forma inmediata por los usuarios Si no existe ningn icono familiar para determinada situacin se pueden utilizar etiquetas que eviten la necesidad de que los usuarios aprendan y recuerden smbolos e imgenes poco familiares. Utilizar los mismos iconos para representar los mismos conceptos a travs de varios medios de salida. Evitar el empleo de etiquetas en los iconos, la imagen misma debe comunicar su significado con claridad.

Utilizar una distribucin que mantenga el espacio y evite la aglomeracin entre iconos. Siempre hay que mantener el mismo tamao entre los diferentes tipos de smbolos.

Presentaciones de color
El color debe mejorar y no reemplazar el buen diseo del software. De hecho una buena prctica para los analistas es primero disear las salidas de la mejor manera posible y luego el empleo del color; recomendaciones: Uso de cuatro o menos colores en un reporte de pantalla Mantener la consistencia en el uso del color a travs de todas las salidas o reportes de un sistema. El verde y el azul son los colores que representan situaciones normales. Los colores intensos sobre la pantalla son para recalcar la informacin ms importante. Los colores brillantes incluyendo el blanco, turquesa y rosa sirven tambin para recalcar informacin. Los colores oscuros; magneto, rojo, verde, azul, son utilizados para recalcar informacin sobre textos, no sobre fondos de pantalla.

Salida impresa
Esta se especifica cuando ocurre la necesidad de enviar un documento ya sea para un cliente o proveedor. Se imprimen registros de datos, notificaciones de informacin, e informacin que se hace llegar a un gran nmero de personas, independientemente del lugar donde se imprima. Reporte impresos: estos varan en tamaos y todo depender de una necesidad que el usuario necesite satisfacer. Los tamaos estndares son: 9 x 11 (carta) 11 x 14 7/8 (oficio) 18 x 14 7/8 (legal) Continuo

Tipos de impresoras Impresoras de lneas de baja velocidad; de 300 a 600 lneas/min Impresoras de lneas de alta velocidad; 3600 lneas / min impresoras de caracteres de matriz de punto de 40 a 1200 cha/ seg Impresoras de caracteres de tipografa de salida de 12 a 120 chaar/seg (Todas las anteriores son de impacto) Impresoras de chorro de tinta 20 a 240 ch/s Impresoras de posicin de iconos 30 a 150 pg./min

Impresoras lser de 8 a 215 pg./min

Formas de salidas especiales Esta est diseada para incluir smbolos especiales, marcas registradas de la organizacin y combinacin de colores los que van depender de los requerimientos establecidos por los usuarios. Formas pre impresas de salida 1. Reglamentos o requerimientos legales que obligan el uso de estas 2. Destinatarios que esperan un formulario estndar. 3. La inclusin del logotipo de la organizacin, una marca registrada o smbolos que deben estar incluidos en estos formatos. 4. Se necesita del trabajo artstico o grfico que tendr mejor apariencia si se pre imprimen.

Copias mltiples de las salidas

Copia sin papel carbn: son posibles gracias a un recubrimiento qumico especial que se encuentra en la parte trasera de cada copia, con excepcin de la ltima. La escritura o impresin del original se traslada a las copias. El recubrimiento causa que la imagen aparezca en las copias que se encuentran debajo del original. Copias con papel carbn: entre cada hoja de papel se coloca papel carbn que sirve slo una vez.

Documentos de retorno
Si la empresa utiliza rastreadores pticos capaces de leer formas impresas o escritas a mano, entonces el sistema puede preparar una proposicin en un documento u otra forma para utilizarla como documento de retorno, salida que ms adelante regresar como documento de entrada. Un ejemplo de documento de retorno se ve representado en los estados de cuenta de servicios pblicos.

Desarrollo de una plantilla para la salida impresa

La plantilla de salida es la distribucin de objetos en el medio de salida. Al disear dicha plantilla se construyen un modelo de reporte o documento tal como aparecer despus de que el sistema entre en operacin. La plantilla debe mostrar la localizacin y posicin de lo siguiente: Informacin variable: detalles, resmenes y totales, marcas de control, separadores (por ejemplo, smbolos como el subrayado y el guin)

Todos los detalles pre impreso: encabezados, ttulos y nombres del documento, nombre de la compaa y direccin, instrucciones, notas y comentarios.

Diseo de la salida impresa

Para el diseo de la salida impresa se tienen en cuentan los siguientes aspectos: Encabezados Datos y detalles Resmenes Lineamientos.

Diseo de la salida impresa

Lineamientos Los reportes y documentos deben estar diseados para leerse de izquierda a derecha y de arriba hacia abajo. Los datos ms importantes deben ser los ms fciles de encontrar. Todas las pginas deben tener un ttulo y un nmero de pgina adems de mostrar la fecha en que fue preparada la salida. Todas las columnas deben estar etiquetadas. Se deben evitar las abreviaturas.

Diseo de pantalla
Plantillas para pantallas Cada pgina de presentacin visual recibe el nombre de pantalla o panel. En este caso, la plantilla facilitar o impedir su uso. Caractersticas de la pantalla de presentacin visual: Dimensiones fsicas de la pantalla. Nmero de renglones y columnas de datos que pueden ser mostrados al mismo tiempo. Grado de resolucin (alta, mediana o baja) Nmero de colores disponibles. Mtodo de realce.

Mtodos para el control de la intensidad (alta/baja; normal/inversa)Caractersticas: Dimensiones fsicas de la pantalla, la pantalla no puede ser diseada de un tamao mayor al del monitor. Sin embargo si tienen apoyo en hardware de doble pantalla se podr elaborar fcilmente a un tamao ms grande

El nmero de renglones y columnas de datos podrn ser mostrados al mismo tiempo. Grado de resolucin; alta, media, baja. Disponibilidad de colores mtodo de realce y tonalidad de colores. Mtodos de control de intensidad (luz)

Diseo de pantallas mltiples. Con frecuencia los diseadores emplean varias pantallas para dar a los usuarios la informacin que necesitan. La primera pantalla generara informacin general y en esta se proporcionaran teclas especficas donde el usuario podra recuperar una segunda pantalla con detalles. Esta tcnica permite que los usuarios recorran con rapidez todos los detalles e identifiquen cada artculo para el que requiere ms informacin. Al mismo tiempo la abundancia de detalles para un artculo en especial sobre una tercera pantalla (o ms) mantiene la facilidad de lectura de la primera al solo requerir detalles suficientes para poder identificar la particularidad de estas pantallas. Diseo de ventanas Estas son sub divisiones de las pantallas que hacen posible representar al mismo tiempo diferentes conjuntos de salida. Puede ser posible proporcionar ventanas sobre pantallas de acuerdo con los detalles del sistema. Su uso debe considerarse cuando la aplicacin lo requiera o debe ser mejorado con facilidades para: 1. Presentar datos diferentes o conjuntos de reportes 2. Cambiar entre varios programas mostrando la salida de cada uno de ellos 3. Mover informacin de una ventana a otra dentro del mismo programa o dentro de diferentes programas. 4. Permitir que los usuarios reposicionen la informacin en la pantalla para adecuarla a sus necesidades.

Criterios 1. Debe seguir las buenas prcticas de diseo, ttulos, nmero de pgina, portadas. 2. Se requiere la capacidad del sistema para cambiar de una ventana a otra. 3. Cuando surge la necesidad de imprimir un copia de pgina debe ser posible el hacerlo de la manera ms fcil y sencilla

Las especificaciones de las salidas se desarrollan durante el diseo lgico de Sistema de informacin: 1. Las salidas de un sistema de informacin es las caractersticas ms importantes para el usuario. 2. Todas las representaciones graficas de la informacin pueden sustituir los informes tabulares, resultando muy tiles para realizar comparaciones. 3. La plantilla es el modelo que utilizan los analistas para mostrar la localizacin de la informacin. 4. El diseo de la plantilla puede ser manual o por computadora. de all se marcaran colores constantes y variables.