Академический Документы
Профессиональный Документы
Культура Документы
Pgina 1 de 22
Tema 4 Usabilidad
Cuando diseamos aplicaciones multiplataforma, la interfaz que planteemos ser fundamental para que
el usuario se sienta cmodo trabajando con ella. Un mal diseo puede provocar que los clientes
abandonen nuestra aplicacin.
Dentro del contexto de aplicaciones informticas y desarrollo de software, se define usabilidad como la
disciplina que estudia la forma de disear sitios webs y aplicaciones para que los usuarios puedan
interactuar con ellos de la forma ms fcil, cmoda e intuitiva posible.
Este concepto tiene en la actualidad gran relevancia, ya que cuanto ms sencillo le resulte a un usuario
navegar por una aplicacin, ms posibilidades tendr de realizar de forma eficiente su trabajo y mayor
xito tendr nuestro software.
Por todo esto, vamos a tratar en la presente unidad de introducirnos en el campo del diseo usable de
aplicaciones y entender la necesidad de invertir tiempo en determinar criterios de usabilidad que
garanticen, en la medida de lo posible, la aceptacin del software que diseemos.
Veremos qu normativa es de aplicacin en este campo, qu principios bsicos garantizarn la
usabilidad y qu parmetros de diseo de la interfaz contribuirn a facilitar el uso de nuestro software a
los usuarios.
Definir adecuados parmetros de usabilidad en el diseo de nuestros productos, se traducir en
beneficios econmicos, de calidad y de imagen de nuestra empresa.
Alrededor de la usabilidad, hay otros conceptos parecidos que, a veces, se confunden. Nos referimos a
la accesibilidad y a la utilidad. La diferencia entre estos conceptos es la siguiente: la accesibilidad se
refiere a que el diseo del software sea tal que permite a personas discapacitadas acceder a sus
contenidos y la utilidad es un concepto que mide el grado de satisfaccin de las necesidades de los
usuarios.
1.1.- Caractersticas.
En el diseo de la interfaz de usuario debemos tener en cuenta que los usuarios deben ser capaces de
alcanzar sus objetivos con el mnimo de esfuerzo y con mximos resultados.
Otras caractersticas tambin importantes, que no siempre son tenidas en cuenta en el diseo de
interfaces, son:
Previsin de errores de los usuarios al navegar por la interfaz: debemos proveer de mecanismos
de recuperacin de errores y de reversibilidad de acciones.
Retroalimentacin de la interfaz ante acciones del usuario, para evitar que se sienta perdido.
Pgina 2 de 22
Tema 4 Usabilidad
Simplicidad de diseo de la interfaz: evitar sobrecargarla ser esencial para un buen uso de la
misma.
En definitiva, hay que tener en cuenta los siguientes aspectos de una interfaz usable:
1.2.- Atributos.
En el diseo de interfaces grficas, usamos elementos como la tipografa, smbolos, iconos, color
para representar hechos, conceptos y emociones. Es necesario saber que su correcta manipulacin
puede hacer que se cumplan o no adecuadamente los objetivos planteados por el sistema. Por ello, los
principios bsicos que no debes olvidar son:
Organizar.
Economizar.
Comunicar.
El diseo de la interfaz debe caracterizarse por su simplicidad y esttica hacindola accesible a todas
las personas y generando un entorno agradable que contribuya al entendimiento de los usuarios de una
forma efectiva.
Beneficios de la usabilidad:
Pgina 3 de 22
Tema 4 Usabilidad
ANEXO
INTRODUCCIN
El mundo del software de cdigo abierto est lleno de software muy bueno. Existe software libre y de
cdigo abierto disponible para virtualmente cualquier tarea que un usuario pueda querer realizar, desde
usar un procesador de textos a montar un servidor web. Pero hay un pequeo problema con la mayor
parte de este software: a menudo es mucho ms difcil de utilizar de lo que podra serlo. Los
diseadores de interfaces de usuario profesionales siempre dicen que la interfaz de usuario debera ser
la primera cosa a disear a la hora de desarrollar una aplicacin, y que los programadores son incapaces
de llevar a cabo este tipo de diseo. Dicen que slo puede hacerse por profesionales expertos en
interfaces de usuario; los proyectos de software de cdigo abierto no tienen acceso a este tipo de gente,
y por lo tanto no pueden ser verdaderamente usables.
Esto no significa que simplemente deberamos darlo todo por perdido en el terreno de las interfaces de
usuario. Viendo la calidad de las interfaces de muchas aplicaciones comerciales, el tener expertos en
usabilidad en la nmina tampoco garantiza una buena interfaz. El esfuerzo, el conocimiento y pensar en
la interfaz puede mejorar la usabilidad de una aplicacin de manera radical. Puede que solo
encontremos un mximo local en lugar del global, pero incluso si solo conseguimos eso ya es un paso
en la direccin correcta.
Despus de pasar aos luchando con estos problemas, pens que deba escribir una pequea lista de las
cinco cosas que los desarrolladores de software de cdigo abierto deberamos considerar a la hora de
disear la interfaz de nuestra aplicacin. Esta lista deriva de mi experiencia en el uso y desarrollo de
software de cdigo abierto y de la lectura de unos cuantos libros y sitios webs sobre el tema muy
interesantes. Podis encontrar una lista de estos libros y webs en las referencias son una lectura
excelente para cualquier desarrollador interesado en temas de usabilidad.
De forma intencionada solo he mencionado puntos que no requieren una gran cantidad de trabajo para
ser implementados, y sobre los que hay poca controversia. Otros temas relativos a la aplicacin en su
conjunto se salen del mbito de este artculo. Ninguna de estas ideas es nueva o particularmente
compleja, pero su efecto puede ser impresionante. Debera mencionar tambin que en algunos de los
ejemplos que utilizo, es posible arreglar el problema cambiando las opciones de la aplicacin. He
decidido considerar solo las opciones por defecto ya que podemos suponer que las opciones por defecto
representan la idea que tiene el desarrollador del diseo ms usable para su aplicacin.
Antes de empezar, probablemente debera comentar una ltima cosa para al menos poder mitigar las
crticas que voy a recibir: aunque pueda sonar bastante spero algunas veces, todo esto no es ms que
crtica constructiva. Utilizo la mayora de estas aplicaciones cada da y han hecho un trabajo fantstico
con ellas, son el producto de aos de duro trabajo por parte de desarrolladores muy dedicados.
Simplemente estoy haciendo sugerencias sobre mejoras potenciales; no pretendo ofender a nadie.
1) LA LEY DE FITT
Esta es la ley ms bsica y ms conocida de entre las leyes del diseo de interfaces de usuario. Esta ley
dice que cuanto ms grande y ms cercano al puntero del ratn es un objeto, ms sencillo es el hacer
click sobre l. Esto es de sentido comn, pero muchas veces es ignorado completamente en el diseo de
interfaces.
Consideremos, por ejemplo, la barra de botones por defecto de Firefox (Figura 1). Cuando navegamos
por la web, el botn que ms utiliza la gente es el botn Anterior. El botn Anterior debera entonces
ser el ms sencillo de pulsar: de esa forma, minimizas el esfuerzo requerido por parte del usuario para
utilizar tu aplicacin, y les permites concentrarse en la navegacin web. Pero en la barra de botones, los
cinco botones tienen el mismo tamao. De verdad es el botn Parar tan importante como el botn
Pgina 4 de 22
Tema 4 Usabilidad
Anterior? No, por supuesto que no. Un diseo mejor habra tenido un aspecto similar al de la Figura 2.
Esto hace que el botn Anterior sea ms sencillo de pulsar segn la ley de Fitt, y tambin ms sencillo
de distinguir de los otros botones.
Figura 3: Decoraciones en una ventana de Metacity.Fjate en los bordes alrededor de los botones.
El ejemplo ms simple es el de los botones de cerrar, maximizar etc. en una ventana. Debera ser
sencillo el hacer click sobre ellos, para que sea fcil manejar las ventanas. Estos son los candidatos
ideales para ser colocados en las esquinas. Pero hay muy pocos gestores de ventanas que hagan esto: la
mayor parte de los temas para Metacity no lo hacen, XFCE4 tampoco. Solo es necesario mover los
botones un pixel hacia arriba y a la derecha y el usuario podra cerrar la ventana sin siquiera tener que
mirar.
Otro ejemplo son las barras de desplazamiento. En la mayor parte de las aplicaciones de mi escritorio el
borde derecho de la barra de desplazamiento se encuentra a un pixel del borde de la pantalla cuando la
ventana est maximizada, haciendo que el tamao del control decrezca de una zona sencilla de pulsar
de tamao virtualmente infinito a una pequea zona de 10 pixels de ancho con la que se necesitan unos
pocos segundos extras para hacer click cada vez que quiero desplazar el contenido de la ventana.
Para resumir este punto:
1. Los controles ms utilizados deben ser ms grandes y ser distinguibles fcilmente
2. Utiliza los bordes y esquinas de la pantalla para hacer que tus controles sean virtualmente
infinitos
3. Nunca, nunca coloques los controles a un pixel de distancia del borde de la pantalla o de una
esquina
Pgina 5 de 22
Tema 4 Usabilidad
2) INTERFERENCIAS INNECESARIAS
Cuando un usuario est trabajando, su atencin est centrada en el trabajo que est realizando. Cada
vez que tienen que concentrarse en la aplicacin, les lleva tiempo el volver a centrarse en el trabajo. Por
lo tanto, deberas minimizar la cantidad de distraccin y de interferencias por parte de tu aplicacin.
Cada aplicacin tiene un elemento clave en la que centrarse en un editor de texto, es el texto; en un
navegador web, es la pgina web as que deberas hacer de este elemento clave el centro de la
interfaz.
Un ejemplo son los dilogos de confirmacin y de progreso. Evolution, por ejemplo, lanza una ventana
de dilogo cada vez que se pulsa sobre Enviar/Recibir para informarme del progreso en el proceso de
comprobacin del correo. Este dilogo se encuentra justo encima del rea de la pantalla donde se
muestra el correo que se est recibiendo y bloquea el acceso al resto de la aplicacin. Cul es el
propsito de este dilogo? Todo lo que hace es molestar al usuario. Sera mucho mejor eliminarlo y
reemplazarlo con una barra de progreso.
Un ejemplo mucho peor es el comportamiento por defecto de la papelera de KDE. El enviar un archivo
a la Papelera es una accin que se puede deshacer de manera sencilla y que el usuario puede querer
hacer varias veces en poco tiempo: por qu obligar al usuario a hacer click sobre Aceptar cada vez,
cuando la accin se puede deshacer de manera sencilla?. Si quieres alertar al usuario del hecho de que
el archivo se ha enviado a la papelera, puedes reproducir algn tipo de animacin. No coloques una
barrera cada vez que quieran llevar a cabo una accin tan sencilla. Todo lo que consigues es molestar a
los usuarios, ralentizarlos y condicionarlos para que hagan click sobre Aceptar sin molestarse en leer
los dilogos.
Otro ejemplo es el siempre presente dilogo de Texto no encontrado en la caracterstica de bsqueda
de todos los editores de texto. Si no se ha encontrado el texto que he introducido en el dilogo de
bsqueda, es ms que probable que me confundiera al escribir la cadena con lo que solo quiero editarla
y volver a repetir la bsqueda. Pero ahora tengo una ventana de dilogo con un botn OK por
encima, as que tengo que pulsar sobre el OK para hacer que se vaya antes de poder hacer cualquier
otra cosa. Ms molestias y ms trabajo por parte del usuario. Una forma mejor de hacerlo sera el
dilogo de bsqueda de Firefox, que cambia el color de la caja de texto a rojo cuando el trmino de
bsqueda no se ha encontrado.
Figura 6: Al contrario de lo que apuntan todas las evidencias, no hay monos (monkey) en Slashdot
Pgina 6 de 22
Tema 4 Usabilidad
Pgina 7 de 22
Tema 4 Usabilidad
El elemento que se encuentra ms a la izquierda es el que posiblemente sea el comando menos utilizado
en el navegador web. Este elemento es el ms sencillo de encontrar y de pulsar, asi que la accin ms
utilizada debera ocupar esa posicin. Todos los dems navegadores que conozco colocan en esta
posicin el botn Anterior por esta misma razn.
El botn Buscar y los dos botones de zoom son muy similares; los botones Siguiente, Anterior, Arriba,
Inicio y Recargar tienen todos el mismo color, haciendo ms difcil la identificacin en un simple golpe
de vista. Pero lo que es ms importante, hay quince botones! Los humanos son buenos distinguiendo
entre unos cinco elementos: podemos hacerlo instantneamente, sin pensar. Esa es la razn principal
por la que las partituras de msica tienen cinco lneas. Si hay ms de cinco elementos tenemos que
parar un momento y utilizar el cerebro para pensar qu es cada cosa. En un diseo mucho mejor slo se
habran aadido a la barra los elementos ms utilizados, minimizando el trabajo que el usuario tiene
que realizar en los casos ms comunes. Muchas aplicaciones tienen un nmero similar a este en la barra
de herramientas, pero para una tarea tan simple como es la navegacin web, quince elementos es una
exageracin. He observado a usuarios nveles intentado utilizar Konqueror y he podido comprobar de
primera mano cmo esta distribucin les confunde; tambin me pasa a m, un usuario de computadoras
experimentado.
Otro ejemplo de elementos difciles de distinguir entre s lo podemos encontrar en el tema por defecto
de GNOME. Fjate en el texto seleccionado en la Figura 9.
Cuando el usuario selecciona un texto, su atencin se centra en el texto seleccionado. Podemos suponer
que lo ha seleccionado para poder hacer algo con l. Asi que, por qu en este tema se cambia el color
de fondo de la seleccin a un color oscuro, que hace que resulte ms difcil de leer exactamente el texto
en el que el usuario est interesado? No sera mejor hacer que ese texto resalte del resto del texto
hacindolo sencillo de leer?
Para resumir este punto:
1. Elementos que hacen cosas distintas deben ser fcilmente distinguibles entre s
2. No abrumes a tu usuario con demasiadas opciones
3. Haz que el elemento seleccionado sea sencillo de distinguir y leer
CONCLUSIONES
Estos cinco puntos representan una parte pequea pero importante del diseo de interfaces de usuario.
En ningn caso son mandamientos o curas milagrosas para los problemas de las interfaces, pero en mi
opinin si se siguen estos principios en el diseo, la usabilidad de la aplicacin mejorar enormemente.
Pgina 8 de 22
Tema 4 Usabilidad
Se definen las mtricas de usabilidad como aquellas caractersticas de la interfaz que son medibles de
forma objetiva. Es decir, dejando a un lado interpretaciones personales, se trata de encontrar una forma
que evale la usabilidad de manera cualitativa y cuantitativa. Estas caractersticas se suelen dividir en
tres grupos:
1. Efectividad.- Mide la plenitud con la que se alcanza un objetivo concreto. Son aquellas
variables que nos permitan medir la exactitud y plenitud con las que se alcanza un cierto
objetivo. Algunas de la variables mas tipicas son:
% de tareas completadas
% de tareas completadas en el primer intento
% de usuarios que completan las atreas, etc..
2. Eficiencia.- Mide el esfuerzo para conseguir un objetivo. Se refiere al fuesrzo que tiene que
hacer un usuario para alcanzar un obejtivo. Variables que se suelen medir son:
% errores cometidos
tiempo para recuperarse de errores
numero de clics necesarios para completar una tarea, etc..
3. Satisfaccin.- Mide el grado de satisfaccin del usuario. Para medir el grado de sastifaccion del
usuario. Crterios que se suelen medir:
% usuarios que recomendarian el producto a un amigo
% usuarios que califican el producto facil de usar, etc..
Para medir las mtricas anteriores, es necesario contar con un grupo numeroso de usuarios y seguir las
siguientes pautas:
1. Definir las tareas que van a realizar los usuarios y usuarias. Para ello, lo ms conveniente es
centrarse en aquellas tareas que suponemos ms complejas o que requieren ms tiempo para
ejecutarlas.
2. Establecer los objetivos para las tareas seleccionadas. Es decir, qu objetivo concreto
pretendemos que alcance el usuario.
3. Definir qu variables se van a medir durante el proceso. Normalmente, se mide el tiempo que
requiere la realizacin de una tarea o grupo de tareas, el porcentaje de error al realizar las tareas,
Pgina 9 de 22
Tema 4 Usabilidad
el porcentaje de tiempo en que los usuarios siguen una ruta de acciones de forma ptima y el
nmero de veces que es necesario retroceder en la aplicacin por encontrarse desubicado.
4. Planificar cmo se van a recoger los datos.
Una vez recogidos los resultados, hay que proceder a su anlisis. Para ello, lo ms normal es utilizar
grficos donde se mide el tiempo necesario para ejecutar una determinada tarea, ya que su
interpretacin es directa y sencilla.
Para sacar conclusiones, exploraremos los grficos en busca de problemas de usabilidad. Una vez
detectados, se procede al rediseo de la interfaz (en aquellos puntos ms conflictivos) y se vuelven a
realizar las pruebas.
Los usuarios expertos contribuyen a las pruebas de usabilidad detectando errores del sistema, basando
sus opiniones en su propia experiencia.
Su objetivo principal es detectar elementos de diseo de la interfaz que pueden confundir al usuario y
restar calidad a la aplicacin.
Pgina 10 de 22
Tema 4 Usabilidad
Las pruebas con los usuarios nos van a permitir obtener una valiosa informacin que ser la base para
lograr un diseo centrado en el usuario, sobre la que se construirn las etapas posteriores de explotacin
y mantenimiento.
Una muestra de 5-10 usuarios es, en la mayora de los casos, suficiente para detectar muchos problemas
de usabilidad, pero los resultados no tienen ninguna validez estadstica.
La prueba con usuarios permitir que detectemos cules son las tareas que les resultan ms difciles, as
como los elementos de la interfaz que son menos comprensibles.
Los diseadores de interfaces siempre dicen que la interfaz de usuario debera ser la primera cosa a
disear a la hora de desarrollar una aplicacin, ya que el esfuerzo y conocimiento sobre nuestra interfaz
mejorar la usabilidad de la aplicacin de manera radical.
Pgina 11 de 22
Tema 4 Usabilidad
Una interfaz coherente debe integrar la interaccin del usuario y la presentacin de la informacin.
Pgina 12 de 22
Tema 4 Usabilidad
Para encontrar la mejor presentacin de la informacin es necesario conocer a los usuarios y la forma
en que utilizarn la aplicacin.
Factores a considerar:
El usuario est interesado en informacin precisa o en las relaciones entre los diferentes
valores de los datos?
Qu rpido cambian los valores de la informacin? Se indicarn de forma inmediata al
usuario los cambios de un valor?
El usuario debe llevar a cabo una accin en respuesta a los cambios de la informacin?
El usuario necesita interactuar con la informacin desplegada va una interfaz de manipulacin
directa?
En las siguientes pginas vamos a tratar de los elementos que conforman la estructura de la interfaz. Se
trata de los mens, las ventanas, los cuadros de dilogo y los atajos de teclado. Seguramente ya los
conoces de sobra, pero quizs no te has parado a pensar de qu forma hay que emplearlos para que tu
aplicacin sea ms usable. Es lo que se pretende en los siguientes apartados.
6.1.1.- Mens.
Ventajas de uso:
Permiten que la pantalla se mantenga despejada.
Evitan que el usuario siga viendo aquellas opciones del men que ya no son de su inters.
Permiten un movimiento rpido del usuario a lo largo del programa.
En el siguiente documento podrs ver, de forma grfica, los tipos de mens utilizados en el diseo de
interfaces:
Pgina 13 de 22
Tema 4 Usabilidad
-Personalizados
Pgina 14 de 22
Tema 4 Usabilidad
6.1.2.- Ventanas.
Son mensajes producidos por el sistema en respuesta a las acciones del usuario. Tambin se utilizan
para el sistema de ayuda en lnea y como parte de la documentacin suministrada con el sistema.
Los factores a tener en cuenta a la hora de su diseo son:
Nivel de habilidad del usuario.
Conocer al usuario y sus habilidades implica adecuar los mensajes a la terminologa que el
usuario utiliza. (Por ejemplo, los usuarios principiantes no comprendern los mensajes
demasiado concisos).
Estilo.
Los mensajes deben ser positivos y activos.
Cultura. (reconocer la cultura del pas evitar mala interpretaciones del contexto del mensaje).
Pgina 15 de 22
Tema 4 Usabilidad
Los atajos de teclado son combinaciones de teclas que realizan una accin determinada, sustituyendo al
uso del puntero del ratn sobre el elemento grfico de la interfaz.
Es conveniente definir siempre atajos de teclado para aumentar la velocidad de trabajo del usuario en
aquellas acciones que realiza con ms frecuencia.
Por ejemplo, cuando queremos copiar un bloque de texto, siempre es ms rpido pulsar Ctrl+c que
buscar con el puntero del ratn sobre el men correspondiente.
El aspecto que toma la interfaz tiene que ver con los colores utilizados en el diseo, el tipo de fuente
empleada para el contenido textual, los iconos que representarn acciones diversas y la distribucin de
todos estos elementos en el espacio de la interfaz.
El objetivo del aspecto de la interfaz es que al usuario le permita adaptarse rpidamente al diseo,
localizar la informacin y controlar la navegacin en el espacio.
6.2.1.- Colores.
Pgina 16 de 22
Tema 4 Usabilidad
6.2.2.- Fuentes.
Pgina 17 de 22
Tema 4 Usabilidad
6.2.3.- Iconos.
Los iconos son imgenes que representan acciones o conceptos. Su ventaja fundamental es que se
reconocen ms rpido que las palabras y ocupan menos espacio en pantalla.
El equilibrio y organizacin general de los iconos es fundamental en la creacin de interfaces grficas.
Una pantalla con slo texto provoca rechazo: slo encontramos una pantalla montona sin saber cmo
se estructura la informacin.
Sin embargo, una pgina con demasiados elementos grficos distraer al usuario.
Por ello, se debe encontrar el equilibrio entre la necesidad de atraer al usuario mediante el contraste
visual y la necesidad de ofrecer una clara organizacin.
Lo que ms atrae al usuario es la diferencia clara entre cada elemento que conforma el documento.
Los diseos ms efectivos sern los que consigan la mejor combinacin entre texto y elementos
grficos.
La organizacin espacial de los elementos cobra su sentido porque puede dirigir las intenciones del
usuario y hacer que la interaccin sea mucho ms amena y eficaz.
Usar imgenes superpuestas, bloques de contenidos dispuestos de forma heterognea y encabezados
difusos dificultan al lector a comprender la estructura en que se organiza la informacin.
Es por ello que debemos prestar atencin a la distribucin de elementos. Una forma muy til de hacerlo
es empleando retculas base y estilos predefinidos para los elementos grficos del espacio.
Esto ayudar a disear una interfaz ordenada y agradable al determinar claramente el espacio de texto y
grficos y el espacio en blanco.
En el diseo interactivo de interfaces, todos los elementos que fomenten la realimentacin son
fundamentales, ya que el usuario debe estar informado en cada momento de las acciones que realiza. Si
el sistema tarda ms tiempo de lo normal en procesar un comando se debe mostrar un mensaje al
usuario informndole del proceso que est teniendo lugar para no provocarle incertidumbre. Asimismo,
es necesario informar de los errores, efectos y confirmacin de acciones que se lleven a cabo en cada
momento.
La realimentacin debe ser fcil de leer y entender. Para ello, se debe fomentar su consistencia y el
almacenamiento de informacin adicional para asegurar el feed-back.
Para el diseo de elementos interactivos en interfaces, hay que tener en cuenta el tipo de acciones que
se van a llevar a cabo y cul es la interaccin ms apropiada de cada una con el usuario.
Un botn es un objeto de control sobre la interfaz que nos permite introducir un dato de confirmacin
al sistema.
Pgina 18 de 22
Tema 4 Usabilidad
Se trata de elementos de las interfaces grficas que nos permiten escoger una opcin entre varias
alternativas. Segn la accin que represente, podemos encontrar botones mutuamente excluyentes (slo
se puede seleccionar uno del grupo) o tener la posibilidad de seleccionar varios botones a la vez. Un
botn no seleccionado permanecer en blanco y el seleccionado, relleno.
Al lado de cada botn usualmente aparece una etiqueta que describe la opcin que representa.
Los botones de comando se caracterizan por ser muy intuitivos. Los usuarios saben cmo usarlos.
Deberan limitarse a una opcin (editar, guardar, salir, etc.). Son botones de accin.
Un factor de diseo importante en los botones de comando es su ubicacin en la interfaz. Es interesante
que su seleccin sea lo ms rpida posible.
6.3.3.- Etiquetas
El espacio de lectura de la interfaz es la pantalla, por tanto ser fundamental determinar cmo se van a
presentar los datos al usuario para conseguir la mayor eficacia y eficiencia e nuestra interfaz; esto es,
para que la interfaz tenga el mayor grado posible de usabilidad.
El significado de una imagen puede ser ms fcilmente percibido por el usuario si posee claridad
visual. La claridad visual afecta a la impresin general de la interfaz. Al reforzarla, promovemos las
relaciones lgicas entre los distintos elementos (un ejemplo es que minimizamos el movimiento ocular
para obtener informacin de la interfaz).
La informacin que se presenta en pantalla el usuario no la lee de forma necesariamente secuencial,
sino que va navegando por la interfaz, explorando la informacin a travs de los mens, los enlaces
Pgina 19 de 22
Tema 4 Usabilidad
asociativos, recorriendo ciertas rutas predefinidas o saltando de un bloque a otro por medio de mapas
de navegacin, o bien yendo directamente a la informacin que le interesa a travs de los buscadores u
otras herramientas de ayuda y navegacin.
La usabilidad en la presentacin de datos de la interfaz es la medida en que los elementos pueden ser
utilizados para explotar al mximo todas las posibilidades de la aplicacin.
Algunas reglas de diseo para una efectiva presentacin de los datos en la interfaz son:
Enrejillado. Consiste en organizar el espacio por reas separadas segn funcin.
Balanceado. Consiste en buscar el equilibrio en la presentacin de los datos entre los ejes
horizontal y vertical de la interfaz.
Simetra. Consiste en duplicar la imagen a lo largo de alguno de los ejes. Con ella aseguramos
que el diseo est balanceado.
Para obtener una presentacin de datos basada en alguna de estas tcnicas de diseo debemos utilizar
controladores geomtricos (layout manager), disponibles en las bibliotecas de diseo de interfaces. Los
ms comunes son los controladores geomtricos reticulares.
Algunos consejos para disear la presentacin de datos en pantalla es:
Ser conciso en la informacin: al usuario le desagrada leer trozos extensos de texto.
Permitir una fcil navegacin por el sitio: el usuario suele explorar globalmente toda la interfaz antes
de decidir si le interesa su contenido o no.
Disear los contenidos por una estructura piramidal: las ideas ms importantes deben ir al principio de
los mensajes.
Lenguaje: el lenguaje empleado debe ser cercano al usuario.
Presentacin separada de informacin: los mensajes deben aparecer de manera aislada, no siendo
recomendable transmitir varios mensajes en la misma ventana o el mismo prrafo.
Para decidir cmo va a funcionar realmente la aplicacin y qu acciones van a estar asociadas a cada
uno de los elementos de la interfaz, tenemos que seguir una serie de pasos.
En las aplicaciones dirigidas por eventos la ejecucin no sigue una ruta prefijada. Segn las acciones
que invoque el usuario, se llevarn a cabo los eventos correspondientes.
Pgina 20 de 22
Tema 4 Usabilidad
El aseguramiento de la informacin que se maneja en una aplicacin informtica debe ser tenido en
cuenta en cuatro mbitos diferentes:
1. Aseguramiento de Datos.
2. Aseguramiento de Procesos.
3. Aseguramiento de Comportamiento.
4. Aseguramiento del Sistema de Gestin de la empresa.
La plataforma de programacin que escojamos para desarrollar interfaces debe ofrecer herramientas
que garanticen la seguridad en la informacin que se maneja. Por ejemplo, la plataforma JDK ofrece las
siguientes caractersticas:
Control de acceso: El JDK introduce el llamado "applet firmado digitalmente", con total acceso
a los recursos.
Polticas de seguridad: Definen un conjunto de permisos disponibles que pueden ser
configurados por el administrador del sistema. Cada permiso especifica un acceso permitido a
un recurso concreto.
Servicios de criptografa.
Manejo de certificados y claves.
http://www.uv.es/sto/cursos/seguridad.java/html/sjava-1.html
Las aplicaciones multimedia son, como ya sabrs, aquellas que adems de texto, pueden presentar
elementos como sonido, imgenes, animaciones, vdeos, etc.
Multimedia mejora las interfaces tradicionales basadas slo en texto y proporcionan beneficios
importantes que atraen al usuario y mantienen su atencin.
El uso de elementos multimedia en las interfaces mejora la retencin de la informacin que se
presenta.
En el diseo de contenidos multimedia se debe mantener un equilibrio entre los contenidos que
aprovechan las posibilidades de hipertexto y multimedia y los que no. En caso contrario, el contenido
de la interfaz sera catico debido a un exceso de elementos multimedia.
En definitiva, de lo que se trata es de disear contenidos relacionados y vinculados que faciliten el uso
de la aplicacin manteniendo siempre una coherencia visual y comunicativa.
Pgina 21 de 22
Tema 4 Usabilidad
Pgina 22 de 22