Post on 13-Jun-2015
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.