NSU

Introducción a la usabilidad

¿Qué es?

Es la disciplina que estudia la forma de diseñar sitios web para que los usuarios puedan

interactuar con ellos de la forma más fácil, cómoda e intuitiva posible. Realizando un

diseño centrado en el usuario, diseñando para y por el usuario, en contraposición a lo que

podría ser un diseño centrado en la tecnología o uno centrado en la creatividad u

originalidad.

La Usabilidad de un sitio web está estrechamente relacionada con la findability, ya que

cuanto más sencillo resulte para el usuario navegar por un sitio web, mayores posibilidades

tendrán de encontrar lo que busca.

La Accesibilidad, tiene como objetivo conseguir que el diseño del sitio permita que

personas discapacitadas también puedan acceder a sus contenidos

Findability es la posibilidad de que cierta información sea encontrada, localizada, o

recuperada. En la findability intervienen el posicionamiento en motores e índices de

búsqueda, la predisponibilidad de nuestro sitio a ser recuperado por motores de

búsqueda, la promoción realizada. Pero la findability también abarca los buscadores

locales, correcta arquitectura de la información, etc.

Evaluación de la usabilidad

Puede ser algo verdaderamente útil, ya que descubrir qué errores de diseño tiene nuestra

web es el primer paso para poder corregirlos. Cuanto más tarde se haga será peor,

debido a que será más costoso rediseñar todo un sitio ya acabado, que reconducir la

línea de desarrollo por mejores caminos.

Existen diferentes formas de evaluación:

NSU

Expertos. Una opción bastante recomendable es encargar a un experto que evalúe la

página web. En Internet hay muchos profesionales independientes y empresas que se

dedican a esta tarea.

Encuestas. Utilizar encuestas para comprobar la usabilidad de nuestro sitio web. La

encuesta debería ser diseñada por un experto y realizada sobre usuarios actuales o

potenciales de nuestro sitio web.

Pruebas de usabilidad. Es contar con unos 5 usuarios en una sala, que realizarán una

navegación asistida por el sitio web a probar. Se toma nota de qué problemas encuentran

los usuarios para realizar las tareas que se les hayan indicado, y así conocer qué errores de

diseño tiene el sitio web.

Otras técnicas y herramientas. Hay otras técnicas más complejas que se sirven de

herramientas automatizadas para evaluar la usabilidad. Una de estas herramientas son los

sistemas de seguimiento visual, otra es el software especializado en análisis de ficheros

"log" de visitas, que nos proporcionan información sobre qué visitan nuestros usuarios y

qué camino han seguido en su navegación.

Elementos de navegación y orientación del usuario

Los elementos de navegación y orientación tienen como función básica informar

constantemente al usuario acerca de dónde se encuentra, qué relación tiene el nodo web

que está visualizando respecto al resto de la arquitectura del sitio de internet, dónde ha

estado y hacia dónde puede ir.

Objetivo: no perder al usuario.

No perder al usuario

Para no perder al usuario se recomienda: que no se aburra y que no se pierda navegando.

Si el usuario se aburre navegando porque no encuentra lo que busca, es consecuencia de

una incorrecta arquitectura de información.

NSU

Si llega el momento en que no sabe en qué zona del sitio se encuentra, o peor aún, que

no sepa ni tan siquiera si sigue estando en nuestra web, es responsabilidad del arquitecto

web y consecuencia de un mal diseño de las estructuras por parte de éste.

Coherencia del diseño

Mantener una coherencia de diseño, es decir, una uniformidad en la estructura de las

páginas que forman nuestro sitio al igual que en lo colores empleados. Muchos

diseñadores utilizan marcos para que no desaparezca la cabecera, pero esto no es

demasiado recomendable, ya que el uso de marcos conlleva problemas de usabilidad.

Con el uso de los colores también debemos mantener cierta uniformidad: si de una página

a otra cambian los colores completamente, un usuario puede pensar que ha sido

reenviado a otra web, sentirse perdido.

Jerarquía Visual

Es recomendable mantener una jerarquía visual, se puede indicar al usuario

constantemente dónde está. Mientras más cerca de la esquina superior izquierda de

nuestro lay-out se coloquen los elementos, mayor nivel jerárquico tendrán, y si se colocan

más hacia la derecha inferior, menor nivel jerárquico.

El elemento que normalmente se coloca en la esquina superior izquierda es el logo de la

web, es el elemento de mayor nivel jerárquico, con lo que le indicamos que el resto de

elementos son subelementos de éste.

Un error común es colocar dos menús de navegación en zonas de jerarquía visual

equivalentes, como la zona superior y lateral izquierda. El usuario no sabe qué menú es

submenú de cuál, y no va a querer leer todos los títulos de los elementos de los dos

menús para inferir semánticamente la relación jerárquica entre los dos.

NSU

No se debe de olvidar que para definir una correcta jerarquía visual no solamente se hace

uso del posicionamiento de elementos, también podemos usar el tamaño, el color, o

elementos de conexión y separación.

Breadcrumbs (Migas de pan)

Es un elemento muy utilizado para que el usuario no se pierda, indicándole dónde está y la

relación jerárquica de ese nodo con el resto de la estructura de la web.

Se puede utilizar junto con una correcta jerarquía visual, no indican necesariamente el

camino que han seguido los usuarios para llegar a ese nodo web, por dos razones: los

usuarios pueden venir redirigidos de otras webs; y además, que el sitio web utilice

breadcrumbs no significa que tenga una estructura hipertextual puramente jerárquica.

Indican un posible camino desde la home hasta la página actual, y la relación jerárquica

entre todos los elementos del breadcrumbs.

La manera más sencilla de indicarle al usuario dónde ha estado es ofreciendo una tonalidad

de color diferente para los enlaces ya visitados. El usuario recuerda las páginas que ha

visitado, pero no tiene porqué recordar el nombre de los enlaces que llevaban hacia ellas.

Adelante, Atrás e Inicio

Son enlaces típicos, casi siempre están en forma de iconos pueden tener mayor o menor

utilidad según cómo se haga uso de ellos. No es lo mismo utilizar una barra de navegación

(con los iconos 'atrás' y 'adelante') para moverse por un subelemento del sitio que tenga

una estructura secuencial (como un artículo divido en páginas o una presentación

secuencial de diapositivas), que utilizar una barra de navegación de este tipo para moverse

por el sitio web en sí.

No todos los usuarios han entrado en el sitio web por la puerta principal, algunos vienen

redirigidos desde otras webs mediante enlaces profundos, o desde motores de

búsqueda.

NSU

La redundancia de funciones del navegador es mala, no es más que ofrecer varias

posibilidades diferentes desde una misma interfaz para hacer lo mismo, es repetir

funcionalidades que ya posee el navegador. El icono típico de 'inicio', sí es útil para el

usuario, aquí no existe redundancia, ya que el botón de inicio del navegador no cumple la

misma función. Es una buena ayuda para el usuario que se encuentra perdido, ya que con

él podrá deshacer su navegación y volver al principio. Es aconsejable que el logo también

cumpla con la función de 'enlace a la home page' cuando se haga clic sobre él.

Mapa del sitio web

El mapa del sitio web, cumple varias funciones:

Da una visión global del contenido del sitio web

Ayuda al usuario a encontrar información que navegando de enlace en enlace

tardaría más en localizar

Puede ayudar a un usuario que se ha perdido

Es una herramienta útil y recomendable a incluir en nuestro proyecto web. El mapa del sitio

puede ser un simple índice en texto/html, o una compleja representación

gráfica/multimedia.

Marcos y Enlaces Profundos

Enlaces profundos (deep linking)

Son aquellos enlaces que realizamos desde las webs a páginas internas de otros sitios

webs, saltándose páginas introductorias y con ello gran cantidad de publicidad del sitio.

Es una práctica desleal, porque a veces los sitios necesitan los anuncios publicitarios para

autofinanciarse y poder seguir ofreciendo contenidos.

NSU

Hay otro tipo de deep linking más peligroso, y es el que enlaza con marcadores locales de

otras páginas web, infringiendo el derecho de autor: el usuario, al no ver el

encabezamiento del documento y los datos del autor del documento, puede llegar a

creer que eso que está leyendo pertenece al mismo sitio web que se encontraba

visitando en un principio, infringiendo la legislación sobre propiedad intelectual.

Marcos (framing)

Es poco aconsejable su uso por la confusión que crea en el usuario a la hora de navegar,

en algunos casos puede resultar ser ilegal. El usuario puede llegar a pensar que el

documento que está leyendo pertenece a su web, ya que él sigue viendo su cabecera y

menú principal. Si esto lo unimos al deep linking, se está infringiendo claramente el derecho

de autor del sitio web enlazado.

Uso de recursos ajenos

La inclusión en la web de recursos de otras webs es ilegal si no se posee el permiso de los

autores de dichos recursos. Reproducir un recurso ajeno sin permiso en nuestro sitio web

es ilegal, pero además, no mostrar claramente quién es el propietario de los derechos de

autor del recurso, aunque no lo reproduzcamos, también es ilegal.

Diseño Hipermedia centrado en el usuario

La hipermedia surge como resultado de la fusión de dos tecnologías, el hipertexto y la

multimedia, un hipertexto es la organización de una determinada información en diferentes

nodos, conectados entre sí a través de enlaces; está formado por un conjunto de nodos

conectados y relacionados temática y estructuralmente.

NSU

Permite integrar diferentes medios como: sonido, imágenes, secuencias, etc. en una misma

presentación. Permite estructurar la información de una manera no-secuencial, a través de

nodos interconectados por enlaces, la información presentada en estos nodos podrá

integrar diferentes medios.

Diseño de la Información

Un buen diseño de la información es aquel que ayude al usuario a encontrar la información

que busca de la forma más fácil, rápida y cómoda posible. Uno de los aspectos más

importantes en el diseño de la información es evitar la sobrecarga informativa: demasiada

información tanto textual como visual en un mismo nodo confunde y agota al usuario.

Asimismo, la legibilidad del texto (tipo y tamaño de fuente, contraste entre el color de la

fuente y el fondo) es un factor muy importante al que prestarle especial atención.

La exploración de la información por parte del usuario debe de jerarquizarse de la

siguiente manera:

Aumentando el tamaño de los textos de mayor importancia con títulos y subtítulos.

Agrupando la información que esté relacionada.

Utilizando efectos tipográficos como negrita, cursiva para enfatizar contenidos.

Utilizando el contraste en el color para discriminar y distribuir informaciones.

Posicionando la información más relevante en zonas visuales superiores. Si el usuario

no se ve obligado a utilizar la barra de desplazamiento para encontrar la información

que busca ahorrará tiempo en su búsqueda y tendrá más probabilidades de

encontrarla.

Diseño de la Navegación

Es definir la arquitectura de un hipermedia: elementos de interacción entre el usuario y el

sistema, enlaces y tipos de enlaces entre los nodos, agrupación de los nodos por

categorías o propiedades, y respuestas del sistema ante peticiones del usuario.

NSU

Por medio de diagramas se documenta el diseño de la navegación: organización de la

información en nodos, los enlaces y sus tipos, acciones permitidas al usuario, etc. Ya

definida la arquitectura, se debe implementar los elementos de interacción en el

hipermedia: enlaces, opciones o menús de navegación, componentes de interacción.

La interacción usuario-hipermedia debe poder realizarse con la menor carga cognitiva para

el usuario por lo que se recomienda:

Evitar la sobrecarga memorística: Los menús o barras de navegación deben contener un

máximo de 7 opciones diferentes.

El usuario debe poder predecir la respuesta del sistema ante su acción, para ello el

nombre de los enlaces y componentes de interacción debe ser significativo y preciso. Los

globos de texto pueden ser de mucha utilidad en este sentido.

Se debe ofrecer asistencia al usuario en procesos de interacción complejos.

Los mensajes de error deben ser explicados de forma clara y no alarmista, indicando al

usuario vías alternativas para resolver el problema.

Cómo leen los usuarios en la Web

Los usuarios en la Web no leen, o por lo menos no lo hacen de la misma forma secuencial

que cuando tienen entre manos un periódico, un libro, un artículo o un cómic. Tienen

necesidades y objetivos, metas que alcanzar, y saben que la forma de conseguir dichas

metas no suele ser dedicando largos ratos a cada nodo web que visitan, leyendo de

principio a fin sus contenidos y enlaces. En una página, hará clic sobre el primer enlace que

crea puede llevarle a lo que busca, necesita o pudiera interesar. Eso quiere decir que

muchos de los contenidos y enlaces de ese nodo ni siquiera serán vistos por el usuario.

Perdón, Cómo ojean los usuarios

NSU

El usuario ojea a saltos la información contenida Hay zonas del interfaz de la página que

confieren una mayor jerarquía a la información que contienen.

Para definir la Jerarquía de la información, se pueden utilizar diversas técnicas:

Colocar la información más importante en zonas del interfaz más relevantes.

Enfatizar mediante efectos tipográficos.

Aumentar el tamaño de los textos de mayor importancia.

Utilizar el contraste del color para distribuir y discriminar objetos informativos.

Agrupar objetos informativos relacionados entre sí.

Los objetos informativos parpadeantes, cambiantes o deslizantes no serán percibidos por

el usuario como importantes. Pueden ser percibidos como publicidad, ya que es un

mecanismo demasiado explícito para atraer la atención del usuario.

Información importante pero, ¿Para Quién?

Un objeto de información se considera importante si lo es para satisfacer las necesidades

perseguidas por el usuario. El diseño de información del sitio web se ha de realizar para

satisfacer las necesidades del usuario, en el lenguaje del usuario y mediante un esquema

entendible por el usuario. Diseñar y organizar la información en lenguaje corporativo,

mediante el esquema de la empresa y utilizando valores de importancia de la empresa

sería un error. El problema es que el usuario en la Web no es único ni uniforme. Cada

usuario que visite el sitio web tendrá necesidades, expectativas y comportamientos

diferentes, por lo que el diseño de la información debe realizarse para satisfacer al mayor

número de usuarios posibles.

La jerarquía de información de cada página sería diferente para un usuario que visitara el

sitio web una media de 3 veces por semana y que ya hubiera comprado un par de

productos, que para el usuario que es la primera vez que visita el sitio web.

Derecho de Autor en Internet

NSU

El Autor

Es el titular del Derecho de Autor desde el mismo momento de la creación del recurso, se

le confiere la propiedad intelectual sobre el recurso. No es obligatoria ni necesaria la

inscripción en ningún tipo de registro ni oficina para disfrutar de este derecho sobre

nuestras creaciones. Sin embargo existen ciertas formalidades, que si bien no son

obligatorias, pueden ayudarnos frente a usos ilícitos de nuestros recursos.

Un mecanismo que ayuda en la protección de nuestros recursos es su inscripción en el

Registro de Propiedad Intelectual. Sin embargo este conlleva varios problemas: No es un

servicio gratuito; y sólo existe a nivel nacional, ya que la OMPI no proporciona ningún tipo

de registro internacional de derecho de autor.

El Recurso web

Para que el recurso web creado sea susceptible de protección intelectual, este recurso

debe ser original, que no debemos confundir con novedoso. Por originalidad se entiende

la originalidad en la forma de representar una idea, no la originalidad de la idea en sí misma.

El Derecho de Autor no protege las ideas.

Contenido del Derecho de Autor

El contenido del Derecho de Autor se divide en dos clases de derechos, los patrimoniales

o de explotación, y los morales.

Derechos morales

Son derechos no económicos, personales, sobre el recurso.

Derecho de Divulgación: Facultad del autor de decidir si publica su obra o no, y en qué

forma lo hará.

Derecho de Paternidad: Derecho de exigir la paternidad, reconocimiento como autor del

recurso.

NSU

Derecho de Revelación y Ocultación: El autor puede decidir divulgar una obra con su

nombre, con un seudónimo o signo, o de forma anónima. Esto no quiere decir que

renuncie a la autoría de la obra.

Derecho de Integridad: Facultad de impedir cualquier deformación de la obra que pueda

perjudicar el honor y reputación del autor. En un entorno como la Web, este derecho

cobra especial importancia, debido a la facilidad con la que se pueden manipular y

deformar los recursos electrónicos.

Derecho de Arrepentimiento y Modificación: Derecho del autor de retirar la obra del

Medio, o modificarla.

Derechos Patrimoniales

Representan el derecho del autor de beneficiarse económicamente de su producción

intelectual.

Derecho de Reproducción: El autor puede obtener beneficio económico de las

reproducciones o copias que se realicen de su obra o recurso. Reproducir o copiar un

recurso sin consentimiento del autor es ilegal.

Derecho de Distribución: Puesta a disposición del público del original o copias de la obra

mediante su venta, alquiler, préstamo, o de cualquier otra forma.

Derecho de Comunicación Pública: La comunicación pública es todo un acto por el que

una pluralidad de personas puede tener acceso a la obra sin previa distribución de

ejemplares a cada una de ellas. La discusión en este sentido sería, ¿puede considerarse la

publicación web como Comunicación Pública?.

Derecho de Transformación: Derecho del autor para autorizar y obtener una remuneración

por las transformaciones que se hagan sobre la obra, como por ejemplo las traducciones.

NSU

Web Semántica: El papel del Arquitecto de la Información

El arquitecto de la información se enfrenta constantemente a nuevos retos tecnológicos y

metodológicos, debido al carácter dinámico y en continua evolución de su principal

entorno de trabajo: la Web.

Los ordenadores no entienden nada

La información de la web se encuentra estructurada mediante lenguajes de etiquetado que

únicamente describen la forma en que dicha información debe ser presentada al usuario

por el navegador pero no expresan nada sobre su significado.

Se debe codificar la semántica de los documentos web mediante lenguajes de metadatos

y ontologías; esto permitirá que agentes inteligentes puedan entender el significado de los

documentos, con lo que podrían asistir a usuarios en tareas como, por ejemplo, la

recuperación de información o la gestión de su agenda.

Un nuevo tipo de usuario...

La función principal de un Arquitecto de la Información es la clasificación, descripción y

estructuración de la información con el fin de que el usuario pueda recuperarla, manejarla y

comprenderla de forma sencilla.

La experiencia y conocimientos de los profesionales de la AI en la definición de

metadatos, la elaboración de taxonomías y tesauros, o la planificación descendente y

ascendente de estructuras de información, serán de gran utilidad en la tarea de asignar

semántica a entornos web actualmente "incomprensibles" para agentes software.

Además, el modelo de "Web Semántica", con los agentes inteligentes como uno de sus

actores principales, abre nuevos retos para otro grupo de profesionales estrechamente

relacionados con la AI: los expertos en usabilidad. La navegación y visualización de

ontologías, y si podrán ser las mismas definiciones de ontologías igualmente útiles tanto

para usuarios humanos como computacionales es otra cuestión a resolver.

NSU

¿Una visión crítica?

Hay quienes creen que la web Semántica es un proyecto poco viable,no podemos olvidar

el creciente número de grupos de investigación y empresas que están apostando por este

proyecto además de, y más importante, la utilidad real y el cambio cualitativo que están

suponiendo las tecnologías y lenguajes relacionados con la Web Semántica sobre la actual

Web.

El problema del "huevo y la gallina"

Al iniciar la web, parecía no tener sentido crear páginas web con tan pocos usuarios y

navegadores, e igualmente carecía de sentido programar navegadores para tan escaso

número de sitios web, en estos momentos se repite este viejo problema.

La migración a estructuras web semánticas parece, a corto y medio plazo, no tener retorno

de inversión. Aunque recordemos que en un entorno tan dinámico como la Web, los

pioneros se suelen llevar el gato al agua.

Sería ingenuo pensar que la evolución de las sedes web desde su actual situación hacia

nuevos modelos de estructuración semántica será responsabilidad únicamente de los

Arquitectos de la Información, pero más ingenuo sería obviar su papel principal en todo

este proceso.

Conociendo a nuestros usuarios

Hay quienes piensan que conocen y entienden lo suficientemente al usuario como para

diseñar productos web usables, aunque esto lógicamente es erróneo. Un Diseño Centrado

en el Usuario es aquel en el que todo el proceso de diseño se encuentra conducido por

el usuario, y no por el gurú de turno.

Hoy han proliferado los profesionales que, de realizar "Diseño Centrado en Si-Mismos", han

pasado a realizar lo que se puede llamar usabilidad de libro de bolsillo. Las directrices de

usabilidad, normalmente elaboradas por profesionales con experiencia en detectar

problemas de uso, son de gran utilidad, pero cada proyecto web, cada usuario, cada

contexto de uso... son únicos, y por tanto la única forma de diseñar un producto 100%

usablees estudiando todas estas variables para cada proyecto web.

NSU

Conociendo al usuario

Esto implica decidir: qué queremos conocer del usuario y cómo vamos a obtener dicha

información.

Necesitamos definir perfiles de usuario sobre los que poder planificar, diseñar o rediseñar

el sitio web: Información descriptiva (edad, sexo, trabajo, posición, nivel de estudios,

experiencia en internet...); Contexto de uso (lugar de acceso al producto web, tiempo

disponible/destinado para su uso, hardware y software empleado); Necesidades y

objetivos del usuario; Preferencias del usuario; etc.

Modelo mental del usuario

Existe mucha más información que nos puede interesar del usuario aparte de la que

podamos obtener con las anteriores técnicas.

La técnica de Card Sorting consiste en observar como el usuario ordena y agrupa por

similaridad un conjunto de tarjetas previamente etiquetadas con los nombres de las

categorías a clasificar. Para organizar las categorías o secciones de un sitio web según el

modelo mental del usuario, asegurando el éxito y usabilidad de la estructuración final.

Con la técnica de Free-Listing se puede determinar el contenido de un dominio según el

modelo mental del usuario. Consiste en preguntar a un conjunto de usuarios acerca de

todos los objetos o subcategorías que conozcan de una categoría o clase determinada.

Por ejemplo: "Nombre todos los géneros literarios que conozca". Según este ejemplo

podríamos, analizando las respuestas con mayor frecuencia, decidir la estructura y rotulado

de un índice de categorías en una librería on-line.

Evaluando lo diseñado, diseñando según lo evaluado

Para extraer información sobre el nivel de usabilidad de un sitio web recomendable un

test de usuarios. Este tipo de técnica consiste en observar cómo un usuario intenta llevar a

cabo una tarea dada sobre el sitio web a evaluar, analizando los problemas con los que se

NSU

encuentra. Otra fuente de información muy valiosa a la hora de testar un sitio web es el

análisis de los ficheros "log".

Un diseño centrado en el gurú, si bien nos conducirá a un producto web más usable que

el obtenido tras un diseño centrado en nosotros mismos, en la tecnología, o en la

creatividad, ni siquiera se aproximará al nivel de usabilidad de un producto diseñado

conociendo a nuestros usuarios.

Limitaciones y problemas de usabilidad en plataformas de formación virtual: el caso de

WebCT

Las herramientas para el aprendizaje a través del web ofrecen un entorno integrado de

varias tecnologías para dar soporte tanto a profesores como alumnos vía internet. El

objetivo de estas herramientas es emular la instrucción cara a cara y ofrecer cursos online.

Casi todas estas herramientas ofrecen componentes similares

La mayor preocupación a la hora de desarrollar estas plataformas se centra en que éstas

sean fáciles de usar por aquellos profesores que tengan poco conocimiento en HTML y

navegación web. Sin embargo, la técnica empleada para la simplicificación del uso y

creación de contenidos virtuales tiene un gran inconveniente. WebCT obliga a los

profesores y administradores de los cursos a usar modelos de navegación y formatos de

cursos predeterminados. Estas limitaciones pueden tener un impacto negativo en la

flexibilidad y usabilidad de la plataforma de cara a su uso por administradores, profesores y

estudiantes.