Principios para el Diseo de Interfaces de Usuario Existen principios relevantes para el diseo e implementacin de IU, ya sea para las

IU grficas, como para la Web. Anticipacin Las aplicaciones deberan intentar anticiparse a las necesidades del usuario y no esperar a que el usuario tenga que buscar la informacin, recopilarla o invocar las herramientas que va a utilizar. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 2 se ilustra como el procesador de texto se anticipa a las necesidades del usuario, proporcionando las caractersticas del texto seleccionado -fuente, tamao, alineacin, etc.- permitiendo que el usuario pueda modificarlas gilmente. Autonoma La computadora, la IU y el entorno de trabajo deben estar a disposicin del usuario. Se debe dar al usuario el ambiente flexible para que pueda aprender rpidamente a usar la aplicacin. Sin embargo, est comprobado que el entorno de trabajo debe tener ciertas cotas, es decir, ser explorable pero no azaroso. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 3 se visualiza un diseo incorrecto de interfaz de usuario. La cantidad de opciones propuestas propone un grado de complejidad que no permite que el usuario pueda aprender a utilizar el sistema en forma progresiva. Es importante utilizar mecanismos indicadores de estado del sistema que mantengan a los usuarios alertas e informados. No puede existir autonoma en ausencia de control, y el control no puede ser ejercido sin informacin suficiente. Adems, se debe mantener informacin del estado del sistema en ubicaciones fciles de visualizar.

Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 4 se ejemplifica una incorrecta disposicin de componentes en la IU. El reloj no debe ser incorporado en el men del sistema ya que aporta confusin al usuario. Para mantenerlo informado sera mas adecuado colocarlo en la barra de estado del sistema. Percepcin del Color

Aunque se utilicen convenciones de color en la IU, se deberan usar otros mecanismos secundarios para proveer la informacin a aquellos usuarios con problemas en la visualizacin de colores Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento

En la Figura 5 se representa un mecanismo secundario muy utilizado para ejecucin de comandos: los comandos abreviados (shortcut-keys). Sin embargo la aplicacin presenta un problema de inconsistencia ya que define combinaciones de teclas que difieren a lo esperado por el usuario, por ejemplo Alt+< en lugar de Alt+B. Valores por Defecto No se debe utilizar la palabra "Defecto" en una aplicacin o servicio. Puede ser reemplazada por "Estndar" o "Definida por el Usuario", "Restaurar Valores Iniciales" o algn otro trmino especifico que describa lo que est sucediendo. Los valores por defecto deberan ser opciones inteligentes y sensatas. Adems, los mismos tienen que ser fciles de modificar. Consistencia Para lograr una mayor consistencia en la IU se requiere profundizar en diferentes aspectos que estn catalogados en niveles. Se realiza un ordenamiento de mayor a menor consistencia:

1. Interpretacin del comportamiento del usuario: la IU debe comprender el significado que le atribuye un usuario a cada requerimiento. Ejemplo: mantener el significado de las los comandos abreviados (shortcut-keys) definidos por el usuario. 2. Estructuras invisibles: se requiere una definicin clara de las mismas, ya que sino el usuario nunca podra llegar a descubrir su uso. Ejemplo: la ampliacin de ventanas mediante la extensin de sus bordes. 3. Pequeas estructuras visibles: se puede establecer un conjunto de objetos visibles capaces de ser controlados por el usuario, que permitan ahorrar tiempo en la ejecucin de tareas especficas. Ejemplo: cono y/o botn para impresin. 4. Una sola aplicacin o servicio: la IU permite visualizar a la aplicacin o servicio utilizado como un componente nico. Ejemplo: La IU despliega un nico men, pudiendo adems acceder al mismo mediante comandos abreviados. 5. Un conjunto de aplicaciones o servicios: la IU visualiza a la aplicacin o servicio utilizado como un conjunto de componentes. Ejemplo: La IU se presenta como un conjunto de barras de comandos desplegadas en diferentes lugares de la pantalla, pudiendo ser desactivadas en forma independiente. 6. Consistencia del ambiente: la IU se mantiene en concordancia con el ambiente de trabajo. Ejemplo: La IU utiliza objetos de control como menes, botones de comandos de manera anloga a otras IU que se usen en el ambiente de trabajo. 7. Consistencia de la plataforma: La IU es concordante con la plataforma. Ejemplo: La IU tiene un esquema basado en ventanas, el cual es acorde al manejo del sistema operativo Windows.

Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 6 puede observarse la mejora en la consistencia de las pequeas estructuras visibles (3.) para los sistemas grficos basados en ventanas. La inclusin de la opcin X para cerrar la ventana operacin comunmente utilizada en estas aplicaciones- simplifica la operatividad del mismo. La inconsistencia en el comportamiento de componentes de la IU debe ser fcil de visualizar. Se debe evitar la uniformidad en los componentes de la IU. Los objetos deben ser consistentes con su comportamiento. Si dos objetos actan en forma diferente, deben lucir diferentes. La nica forma de verificar si la IU satisface las expectativas del usuario es mediante testeo. Eficiencia del Usuario Se debe considerar la productividad del usuario antes que la productividad de la mquina. Si el usuario debe esperar la respuesta del sistema por un perodo prolongado, estas prdidas de tiempo se pueden convertir en prdidas econmicas para la organizacin. Los mensajes de ayuda deben ser sencillos y proveer respuestas a los problemas. Los menes y etiquetas de botones deberan tener las palabras claves del proceso. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 7 se demuestra como una incorrecta definicin de las palabras clave de las etiquetas de los botones de comando puede confundir al usuario. Los botones OK y Apply aparentan realizar el mismo proceso. Esto puede solucionarse suprimiendo uno de ellos si realizan la misma tarea o etiquetndolos con los nombres de los procesos especficos que ejecutan. Ley de Fitt El tiempo para alcanzar un objetivo es una funcin de la distancia y tamao del objetivo. Es por ello, que es conveniente usar objetos grandes para las funciones importantes. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 8 se puede apreciar la relacin entre los elementos de diseo de pantalla y su percepcin visual. El nmero de elementos visuales que perciben son: en el caso a) 1 (el fondo); en b) 3 (la lnea, lo que est encima y lo que est debajo); en c) son 5 (el espacio fuera del recuadro, el recuadro, la lnea y el espacio encima y debajo de sta); finalmente, en d) el nmero se eleva a 35, siguiendo el mismo criterio. Conclusin: cada elemento nuevo que se aade influye ms de lo que se piensa en el usuario. Interfaces Explorables

Siempre que sea posible se debe permitir que el usuario pueda salir gilmente de la IU, dejando una marca del estado de avance de su trabajo, para que pueda continuarlo en otra oportunidad. Para aquellos usuarios que sean noveles en el uso de la aplicacin, se deber proveer de guas para realizar tareas que no sean habituales. Es conveniente que el usuario pueda incorporar elementos visuales estables que permitan, no solamente un desplazamiento rpido a ciertos puntos del trabajo que est realizando, sino tambin un sentido de "casa" o punto de partida. La IU debe poder realizar la inversa de cualquier accin que pueda llegar a ser de riesgo, de esta forma se apoya al usuario a explorar el sistema sin temores. Siempre se debe contar con un comando "Deshacer". Este suprimir la necesidad de tener que contar con dilogos de confirmacin para cada accin que realice en sistema. El usuario debe sentirse seguro de poder salir del sistema cuando lo desee. Es por ello que la IU debe tener un objeto fcil de accionar con el cual poder finalizar la aplicacin. Objetos de Interfaz Humana Los objetos de interfaz humana no son necesariamente los objetos que se encuentran en los sistemas orientados a objetos. Estos pueden ser vistos, escuchados, tocados o percibidos de alguna forma. Adems, estos objetos deberan ser entendibles, consistentes y estables.

Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 9 se presentan barras de controles que simplifican la operacin de un sistema. A travs de las ilustraciones que poseen los mismos, el usuario puede aprender fcilmente su uso. Si se mantienen para estos botones las mismas asignaciones de procesos en diferentes sistemas, la comprensin del funcionamiento de los mismos se hace mas sencilla. Uso de Metforas Las buenas metforas crean figuras mentales fciles de recordar. La IU puede contener objetos asociados al modelo conceptual en forma visual, con sonido u otra caracterstica perceptible por el usuario que ayude a simplificar el uso del sistema. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 10 se compara la aplicacin de metforas en el desarrollo de una IU. En el primer caso, se utiliza incorrectamente la metfora de una cmara de video para representar el procesamiento de un documento por una impresora. Se puede observar que el botn << carece de sentido, ya que no se puede volver atrs un trabajo que ya ha sido impreso. En el segundo caso, la metfora de la agenda es utilizada correctamente para la implementacin de una agenda electrnica.

Curva de Aprendizaje El aprendizaje de un producto y su usabilidad no son mutuamente excluyentes. El ideal es que la curva de aprendizaje sea nula, y que el usuario principiante pueda alcanzar el dominio total de la aplicacin sin esfuerzo. Reduccin de Latencia Siempre que sea posible, el uso de tramas (multi-threading) permite colocar la latencia en segundo plano (background). Las tcnicas de trabajo multitarea posibilitan el trabajo ininterrumpido del usuario, realizando las tareas de transmisin y computacin de datos en segundo plano. Proteccin del Trabajo Se debe poder asegurar que el usuario nunca pierda su trabajo, ya sea por error de su parte, problemas de transmisin de datos, de energa, o alguna otra razn inevitable. Auditora del Sistema La mayora de los navegadores de Internet (browsers), no mantienen informacin acerca de la situacin del usuario en el entorno, pero para cualquier aplicacin es conveniente conocer un conjunto de caractersticas tales como: hora de acceso al sistema, ubicacin del usuario en el sistema y lugares a los que ha accedido, entre otros. Adems, el usuario debera poder salir del sistema y al volver a ingresar continuar trabajando en lugar dnde haba dejado. Legibilidad Para que la IU favorezca la usabilidad del sistema de software, la informacin que se exhiba en ella debe ser fcil de ubicar y leer. Para lograr obtener este resultado se deben tener en cuenta algunas como: el texto que aparezca en la IU debera tener un alto contraste, se debe utilizar combinaciones de colores como el texto en negro sobre fondo blanco o amarillo suave. El tamao de las fuentes tiene que ser lo suficientemente grande como para poder ser ledo en monitores estndar. Es importante hacer clara la presentacin visual (colocacin/agrupacin de objetos, evitar la presentacin de excesiva informacin. Para ver esta imagen deber descargar el archivo de Word que se encuentra en la opcin "Bajar trabajo" ubicado en la parte superior de este documento En la Figura 11 se describe una comparacin de disposicin de los objetos en pantalla. La figura de la izquierda, combina una disposicin asimtrica de la informacin con un conjunto de colores que no facilita la lectura. La figura de la derecha realiza la presentacin de la informacin utilizando una gama de colores homognea y una alineacin del texto que favorece a la legibilidad del mismo. Interfaces Visibles El uso de Internet, ha favorecido la implementacin de interfaces invisibles. Esto significa que el usuario siempre ve una pgina especfica, pero nunca puede conocer la totalidad del espacio de pginas de Internet. La navegacin en las aplicaciones debe ser reducida a la mnima expresin. El usuario debe sentir que se mantiene en un nico lugar y que el que va variando es su trabajo. Esto no solamente elimina la necesidad de mantener

mapas u otras ayudas de navegacin, sino que adems brindan al usuario una sensacin de autonoma. LINEAMIENTOS PARA EL DISEO DE DIALOGOS El dialogo es la comunicacin entre la computadora y una persona. Un dialogo bien diseado facilita a las personas usar una computadora y tener menos frustracin con el sistema de computo. Comunicacin significativa El sistema debe presentar la informacin con claridad al usuario. Esto significa tener titulo apropiado para cada pantalla, minimizar el uso de abreviaciones y proporcionar retroalimentacin til. Accin mnima de usuario - Codificar los cdigos en lugar de las pantallas completas en la pantalla de entrada. - Introducir nicamente datos que aun no estn almacenados en los archivos. - Proporcionar caracteres de edicin. - Usar valores predeterminados para los campos en las pantallas de entrada. Cualquier combinacin de estas puede ayudar al analista a disminuir el numero de pulsaciones requeridos por el usuario, por esa razn aumenta la entrada de datos y minimiza los errores. Funcionamiento normal y consistencia El sistema debe ser consistente en su juego de pantallas en las diferentes aplicaciones, la consistencia hace ms fcil para los usuarios aprender a usar nuevas partes del sistema una vez que estn familiarizados con un componente. TIPOS DE RETROALIMENTACION Reconociendo la aceptacin de la entrada. Reconocimiento de la entrada es correcta. Notificacin que la entrada es incorrecta Explicando un retrazo en el procesamiento. Reconociendo que una peticin este correcta. Notificacin que una peticin no fue completada. Ofreciendo a los usuarios retroalimentacin mas detallada. DISEO DE COMERCIO ELECTRONICO Hay dos formas estndar para disear lo que vern los usuarios cuando hagan clic en el botn retroalimentacin: 1. Iniciar el programa del correo electrnico del usuario con la direccin de correo electrnico del contacto de la compaa introducido automticamente en el campo ENVIAR A: del mensaje. 2. llevar a los usuarios a una plantilla de mensaje en blanco cuando hacen clic en retroalimentacin.

DISEO DE CONSULTA Hay seis tipos de consulta ms comunes: 1. Se dan la entidad y uno de los atributos de esta. El propsito de la consulta es encontrar el valor. 2. El propsito de esta es encontrar una entidad o entidades cuando se dan un atributo y un valor. 3. Esta determina que atributos satisfacen la descripcin proporcionada cuando se dan la entidad y el valor. 4. En esta los valores de todos los atributos son deseados 5. Esta es una consulta global 6. En esta se solicita una lista de los atributos para todas las entidades en lugar de una entidad particular. Los seis tipos de consulta son elementos esenciales para las consultas ms complejas. METODOS DE CONSULTA Hay dos mtodos de consulta populares: Mediante ejemplo Es un mtodo simple pero poderoso para implementar las consultas en los sistemas de bases de datos como Microsoft Access Mediante lenguaje de consulta estructurado (SQL). Usa una serie de palabras y comandos para seleccionar las filas y las columnas que se deben desplegar en la tabla resultante. BUSQUEDA EN LA WEB Los motores de bsqueda son bsicamente bases de datos accedidas por un usuario para buscar informacin. Algunos motores de bsqueda se basan en la intervencin humana.

LINEAMIENTOS PARA BUSCAR EN LA WEB Decida si realmente quiere buscar o navegar en la Web. Piense en sus condiciones importantes antes de que se siente en la computadora. Construya su pregunta de bsqueda lgicamente. Use un motor de bsqueda que guarde y recuerde sus bsquedas. Use un motor de bsqueda que le informe de cambios en los sitios Web. Recuerde que el motor de bsqueda es muy competitivo.

Un programa es un conjunto de lneas de cdigo escritas en un lenguaje de programacin determinado. Pero el cdigo escrito en un lenguaje de alto nivel no puede ser entendido por el ordenador, por lo que es necesaria la traduccin a cdigo mquina. En este proceso tienen lugar dos fases. En la primera fase (compilacin) el compilador traduce cada uno de las partes del programa y crea mdulos objeto, que posteriormente sern unidos por el linker (enlazado), creando el mdulo ejecutable .exe. Como la compilacin y el enlazado son dos procesos dependientes, a menudo se suele denominar a todo el proceso compilacin. En el diseo de un programa tenemos diferentes pasos: 1. Anlisis del problema. Este paso es fundamental. La correcta resolucin de un problema viene determinada en gran medida por el planteamiento inicial. Un planteamiento correcto nos evitar perder tiempo en la implementacin de algoritmos que posteriormente nos demos cuenta que son incorrectos. En este paso nos debemos hacer tres preguntas: Qu entradas se nos ofrece?, Qu salida debemos generar? y Cul es el mtodo que debemos usar para llegar hacia la solucin deseada? 2. Diseo del algoritmo. Si en el anlisis determinamos qu hace el programa aqu determinamos cmo lo hace. Para ello se divide el problema en varios subproblemas que se solucionan de forma independiente (divide y vencers), lo que se denomina diseo modular. En este paso puede ser conveniente la utilizacin de diagramas de flujo o pseudocdigo. 3. Codificacin. Es la escritura del cdigo segn el algoritmo decidido en las etapas anteriores. 4. Compilacin y ejecucin. Una vez escrito el cdigo, se compila. Si el cdigo contiene errores el compilador nos los mostrar: son los llamados errores de compilacin, que suelen estar relacionados con incoherencias en la sintaxis, conversin incorrecta de tipos, etc. Una vez solucionados estos errores, se crear el programa ejecutable. 5. Verificacin. Al ejecutar el programa puede ocurrir que realice lo que queramos o que, por el contrario, produzca un resultado indeseado. Nos encontramos aqu con dos tipos de errores: - Errores de ejecucin: Se producen cuando el programa llega a un punto en el que el ordenador no puede realizar la operacin que se le solicita: divisin por cero, desbordamiento, etc. - Errores del algoritmo: Son los ms difciles de detectar, se producen cuando el algoritmo est mal implementado. Nos conduce al siguiente paso. 6. Depuracin. Esta es una parte importante. Se utilizan las herramientas de depuracin del compilador que usamos, lo que en gran medida determina si el compilador es mejor o peor. En general, todos los compiladores incluyen entre sus herramientas de depuracin las siguientes: - Ejecucin paso a paso: En lugar de ejecutar todo el programa hasta su finalizacin, se ejecuta lnea a lnea, lo que permite observar el comportamiento del programa en cada momento. - Watches (inspecciones): permiten seguir el valor de una variable y comprobar que cambia su valor en su momento y modo deseado. - Debug Inspector: similar a las watches pero especialmente til para la visualizacin de arrays, listas, etc. - Breakpoints: si la ejecucin es demasiado larga, podemos definir un breakpoint (punto de ruptura) en una o varias lneas. El programa se ejecutar normalmente

hasta que llegue a una de esas lneas. En ese momento la ejecucin se detendr y podremos consultar valores de variables o ejecutar paso a paso desde ese punto. - Evaluar/modificar: permite obtener el valor de una variable en un punto en el que la ejecucin del programa se ha pausado. Se puede modificar el valor de dicha variable para comprobar, por ejemplo, que si tuviera otro valor el comportamiento tambin sera el esperado.