ACTIVIDAD 2: Navegación, Usabilidad y Accesibilidad

En los siguientes apartados estudiamos la Navegación, Usabilidad y Accesibilidad de nuestro sistema hipertexto.

ORGANIZACIÓN DE LA INFORMACIÓN:

La organización de la información en una web es uno de los factores que provocan de manera más directa el éxito o fracaso de ella, por muy precisa, atractiva o bien escrita esté.

Pasos a seguir:

1 Inventario del Contenido: ¿Qué tenemos? ¿Qué necesitamos?: Lista detallada de información básica de Crepúsculo que tenemos gracias a numerosos recursos existentes.
El contenido se ha dividido en dos partes, entre los miembros del equipo del proyecto, Pablo y Patricia. Cada uno ha trabajado en el contenido de diferentes secciones y directorios de la web, para así trabajar paralelamente. Además en todo momento ambos miembros han tenido acceso a la página y a su estructura para cerciorarse de que todas las secciones del contenido están en el inventario.

El inventario realizado es una hoja de cálculo, donde cada fila representa cada página de la web y cada columna indica información básica. Las columnas son: ID, Título, Plantilla, URL, Tipo de contenido, Responsable del contenido, Dejar/Revisar/Descartar decisiones, ¿Crear nuevo contenido? y Estado.

Ejemplo:
2 Jerarquías y Taxonomías: Establecer un esquema jerárquico con el contenido y crear un vocabulario con el contenido más importante, la estructura del sitio y elementos de navegación identificados constantemente.: La organización jerárquica es necesaria en las webs. La mayor parte de los sitios dependen de las jerarquías, pasando desde una visión general a más específicas a través de submenús y páginas de contenido.

En la arquitectura de la información se crean categorías para la información. Cada pieza de información está valorada según lo general o específica que es en relación al conjunto. De forma que las categorías generales tienen mayor rango en la jerarquía de información. Una vez determinado el conjunto lógico de prioridades y las relaciones entre los contenidos, se puede construir una jerarquía comenzando por los conceptos mas importantes o genéricos hasta los más temas detallados o específicos.

En nuestro sistema de hipertexto las categorías serían los nodos del árbol de navegación estudiado en la actividad 1, y el rango de cada una de las categorías estará relacionado conla profundidad en la que se encuentra su nodo. Por ejemplo, Principal, es la mas general, la categoría que más rango debe tener. Como la profundidad del árbol es 3, ese será su rango. Mapa, Info, Media y Contáctanos tendrían el rango 2 y el resto tendría de rango 1.

La taxonomía es la ciencia y práctica de la clasificación. En la arquitectura de la información, una taxonomía es un esquema de organización de categorías del contenido, diseñado cuidadosamente a partir de un conjunto de términos descriptivos.

En la arquitectura de la información, una de sus tareas más importantes es obtener un conjunto consistente de nombres y términos para describir; las principales categorías de contenido del sitio, los principales enlaces de navegación del sitio, y los principales términos para describir las características interactivas del sitio. Convirtiéndose este vocabulario en un elemento fundamental de la organización de información, la interfaz de usuario, los vínculos de navegación de cada página del sitio y la estructura de directorios y archivos del mismo.

Según Richard Saul Wurman hay cinco formas fundamentales de organizar la información: Por categorías, cronológicos, geográficos, alfabético y por continuedad.

En nuestro caso, la página principal no es ninguno de esos cinco, es híbrida. A causa de que la página principal contendrá más de un tipo de organización. Tendrá organización por categorías pero a su vez tendrán un orden cronológico, las noticias y nuevos contenidos. El menú está organizado por categorías, tal y como se puede ver en el diagrama de navegación. Siendo los enlaces más generales Principal, Información, Media y Contáctanos. Y los más específicos los hijos de Información y Media, que corresponden a sus submenus respectivos. En el caso de Personajes, la organización será alfabética. Y el resto de categorías están organizadas cronológicamente.
3 Fragmentación: Dividir el contenido en bloques lógicos con estructura modular consistente.: Hay que evitar las palabras innecesarias en los textos de las páginas. Porque pocos usuarios leen pasajes largos en la pantalla, mas bien, la mayoría realizan un escaneo en busca de palabras de su interés. Además, hay que sumar que cuando se necesita hacer una lectura completa existe una fatiga visual más pronunciada que el mismo documento en papel. La fragmentación puede ayudar a organizar y presentar información en un diseño modular, coherente en todo el sitio. Lo que le permite al usuario aprender la navegabilidad.
El concepto de fragmento de información debe ser flexible, con sentido común consistente, organización lógica y conveniente. Y la misma naturaleza del contenido sugiere como ser subdividido y organizado.
4 Dibuja diagramas que muestren la estructura del sitio y describe las páginas con una lista de vínculos de navegación.: Navegación:

Siendo los hijos de cada nodo sus respectivos submenus.
5 Analiza el sistema mediante el ensayo de la organización real de forma interactiva con los usuarios.

subir

SISTEMAS DE NAVEGACIÓN, USABILIDAD:

La Organización Internacional de Normalización, define la usabilidad en su norma ISO 9241, como:
"El grado en el que un determinado producto puede utilizarse por los usuarios a los que está dirigido, para que éstos logren sus objetivos con efectividad, eficiencia y satisfacción en un contexto de uso concreto"…

Puede concluirse que es el conjunto de características de diseño y funcionamiento de una interfaz de usuario, que garantizan su correcta operación y entendimiento, y que buscan, en última instancia, la máxima satisfacción del usuario durante el proceso de interacción con el producto.

Podemos destacar cinco atributos [Shneiderman, 1998 ]:

1 Facilidad de aprendizaje.: Se refiere a lo rápido que el usuario va a aprender a usar un sistema con el cual no había tenido contacto previamente. Este punto se refiere a la consecución de tareas básicas por parte de un usuario novato.
2 Velocidad de desempeño.: Una vez que el usuario ha aprendido a utilizar el sistema, se va a ponderar el lograr la velocidad con que puede completar una tarea específica.
3 Tasas de error por parte de los usuarios.: Este apartado apunta hacia los errores cometidos por el usuario. Este atributo se refiere a aquellos errores que comete el usuario al utilizar el sistema. Una aplicación ideal evitaría que el usuario cometiera errores y funcionaría de manera óptima a cualquier petición por parte del usuario. En la práctica esto difícilmente se logra. Es vital que una vez que se produzca un error el sistema se lo haga saber rápida y claramente al usuarios, le advierta dobre la severidad del mismo y le provea de algún mecanismo para recuperarse de ese error.
4 Retención sobre el tiempo.: Cuando un usuario ha utilizado un sistema tiempo atrás, y tiene la necesidad de utilizarlo de nuevo la curva de aprendizaje debe de ser significativamente menor que el caso del usuario que nunca haya utilizado dicho sistema. Esto es de primordial importancia para aplicaciones usadas intermitentemente.
5 Satisfacción subjetiva.: Este atributo se refiere a la impresión subjetiva del usuario respecto al sistema.

[Cato, 2001] sugiere además los siguientes atributos:
6 Control.: Los usuarios deben de sentir que tienen el control por sobre la aplicación, y no al revés.
7 Habilidades.: Los usuarios deben de sentir que el sistema apoya, complementa y realza sus habilidades y experiencia - el sistema tiene respeto por el usuario.
8 Privacidad.: El sistema ayuda a los usuarios a proteger su información o la de sus clientes.

El diseño de esta página web, para obtener la mejor usabilidad de ella con respecto al usuario, destaca por lo siguiente:

No usa tablas para maquetar los contenidos de las páginas. En su lugar usa capas (<div>).
No usa frames. Hay buscadores que no los soportan y muchos scrolls pueden ser incómodos para el usuario.
No usa formatos opacos, como flash o imágenes mapeadas. Que tambien afectan negativamente a los buscadores.
Página testeada en Firefox e InternetExplorer con correcto funcionamiento.
Diseño completamente dividido del contenido. Lo que permitirá mejor mantenimiento.
Menú separado del resto de contenido a la derecha para mayor comodidad del usuario.
Múltiple uso de etiquetado html para destacar cierta información clave del texto.
Para su elaboración de haciendo uso de HTML 4.0x. Es importante porque hasta ahora los navegadores sufrían incompatibilidades, es por ello que W3C elaboró un estándar que todos los navegadores se comprometerían a cumplir. Y es HTML 4.0. Muy conocido es el XHTML por ser compatible con XML, permitiendo este numerosas funcionalidades. A causa de la gran importancia que están adquiriendo los archivos xml hemos decidido implementar la web en XHTML.
Archivo validado, sin ningún error, haciendo uso de un validadorXHTML: http://validator.w3.org/ La url de la web es http://yosoyfriki.com/crepusculo/

SISTEMAS DE ETIQUETADO, ACCESIBILIDAD:

Sistema de Etiquetado

Las etiquetas constituyen una forma de representación. Permiten representar un conjunto de información en un sitio web, permitiendo la comunicación con los usuarios del web para mostrarles cómo está organizado el sitio y las posibilidades de navegación que presenta.
Las etiquetas describen o designan los elementos que integran el sistema de navegación -Contáctenos, Media, Principal, etc.-; por esto, debe considerarse como un sistema que interactúa con las demás entidades sistémicas tratadas anteriormente.

Existen dos formas de crear etiquetas, textualmente o mediante íconos, aunque la combinación de ambas también es frecuente. Los sistemas de etiquetado pueden dividirse en cuatro tipos:

Etiquetas del SN:: Son las que interactúan en un primer momento con el usuario. Se toman como referencia para la navegación.
Etiquetas de sistemas de enlaces:: Son aquellas que aparecen en el cuerpo de los párrafos y se enlazan con otros textos en función del contexto y su significado. Debe tratarse que estás resalten lo suficiente dentro del texto y no tengan más de cuatro términos.
Etiquetas del sistema de cabeceras o títulos:: Se utilizan para encabezar o titular los bloques de información. Hacen el papel de títulos o subtítulos, su significado está condicionado por el contexto.
Etiquetas del sistema de indización:: Estas etiquetas son "invisibles" para el usuario, no obstante tienen una función de suma importancia en la representación del contenido de las páginas para la identificación de estas en los motores de búsqueda. Nos referimos puntualmente a los META tags.

Existen algunas convenciones que han emergido para designar las etiquetas relacionadas con la navegación como:

Inicio, Home, Home Page, Main y Main Page.
Buscar, Mapa del sitio, Índice, Tabla de contenido, Search, Find, Browse, etc…
Contáctenos, Webmaster, Contact, Contact Us, Feeedback.
Acerca de, Quiénes somos, About, About Us.
Ayuda, Help, FAQ, Respuesta a preguntas frecuentes.

Técnica de "Card Sorting"

Técnica basada en la observación de cómo un conjunto de usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías de la web. Así partiendo del comportamiento de los propios usuarios, es posible organizar y clasificar la información de un espacio web conforme a su modelo mental, así como evaluar una clasificación de categorías ya creada. Por tanto, puede ser utilizada tanto en la etapa de Diseño como en la de Evaluación.

Accesibilidad

Antes de explicar la Accesibilidad, veamos los tipos de limitaciones que pueden impedir acceder a la web.
Principales tipos de discapacidades: Deficiencias visuales, auditivas, motrices y cognitivas y de lenguaje.
Además de que existen otras limitaciones derivadas del contexto de uso y del dispositivo de acceso empleado.

Podemos definir la accesibilidad Web como el atributo de calidad de un producto o servicio web que se refiere a la posibilidad de que pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del individuo o de las derivadas del contexto de uso.

Además, la accesibilidad no sólo implica la necesidad de facilitar acceso, sino también la de facilitar el uso. Un diseño será accesible cuando sea usable para más personas en más situaciones o contextos de uso, posibilitando a todos los usuarios, de forma eficiente y satisfactoria, la realización y consecución de tareas.

La accesibilidad debe ser entendida como parte de la usabilidad, así como requisito necesario para que ésta sea posible.

Hay catorce pautas a seguir para que un sitio web sea accesible (las Pautas de WAI). Pero nosotros en la web hemos hecho uso de la herramienta TAW ( http://www.tawdis.net/taw3/cms/es ) que permite comprobar de forma semi-automática el grado de conformidad de un sitio web con los criterios generales de accesibilidad de directrices como las del W3C. Pero, aunque se trate de una herramientas muy útil tiene ciertas desventajas, como que muchos aspectos de accesibilidad sólo pueden verificarse mediante una revisión manual complementaria además estas herramientas únicamente pueden sugerir potenciales problemas de acceso, pero no de uso. De forma que son útiles para obtener un impresión inicial de la accesibilidad del producto, pero no para describir por sí solas el grado real de accesibilidad del producto.

En la web, hemos cambiado algunas etiquetas que no eran accesibles, tales como:

La etiqueta <b> que corresponde con poner las letras en negrita. La hemos sustituido por una etiqueta equivalente pero sí accesible; <strong>
La etiqueta <u> en esta ocasión no he encontrado ninguna etiqueta equivalente. Pero si he hecho uso de los estilos css para obtener las letras en cursiva.
Idioma indicado porque las limitaciones de accesibilidad no sólo tienen porque ser de discapidades, también puede ser por diferentes idiomas.
Sin usar hojas de estilo puede ser leido correctamente.

Desde el punto de vista de la accesibilidad la Técnica de "Card Sorting", resulta una técnica tremendamente útil, principalmente cuando se aplica con usuarios con deficiencias cognitivas y del lenguaje, así como con usuarios con diferente lengua. Esto es debido a que no sólo evalúa la propia organización de categorías en las diferentes clases, sino también la familiaridad y claridad del lenguaje empleado para nombrar las categorías.

SISTEMAS DE BÚSQUEDA Y RECUPERACIÓN:

El concepto de estar en la web y poder ser encontrado y visto lo llamamos ubicuidad. Tiene dos partes: el poder encontrar un sitio, que llamamos buscabilidad y al concepto de poder ver un sitio una vez buscado lo llamamos visibilidad.

Ubicuidad:

Buscabilidad: ¿Encontrará mi sitio un buscador? ¿pongo trabas al buscador para que entre? ¿queda bien ubicado?: ¿Encontrará mi sitio un buscador?

Para que un buscador llegue a un sitio la web necesita estar registrada o ser enlazada por otro sitio conocido. En el caso de que el sitio sea muy profundo porque está bien organizado, puede ser que los buscadores no lo recolecten en forma completa, ya que hay límites de profundidad. Por lo tanto tenemos la paradoja que demasiada organización (y también demasiado tamaño) es algo negativo para los buscadores.

¿Pongo trabas al buscador para que entre en mi sitio?

Si en caso de usar mapas de imágenes, Flash u otros mecanismos que no sean HTML y que no permitan extraer los enlaces hacia páginas internas (algunos buscadores tampoco reconocen frames). Hay que destacar que Google ya reconoce las páginas Flash.

¿Queda bien ubicado?

Para mejorar la ubicación hay que conseguir enlaces desde otros sitios, mejorar los metadatos de la página, crear urls descriptivas y hacer buen uso del etiquetado html en la página.
Metadatos: Información relativa a los propios datos que facilitan su catalogación y además proporcionan información semántica asociada. Para varios campos de la informática como la recuperación de información o la web semántica, los metadatos son un enfoque importante para construir un puente sobre el intervalo semántico.
Los metadatos se utilizan en ámbitos muy diversos, pero en nuestra web lo vamos a usar para la recuperación de información. Los metadatos añaden semántica al código de las páginas, lo cual puede ayudar a los motores de búsqueda, indexadores, etc. a encontrar aquello que estamos buscando.
El etiquetado usado en nuestra página será:

El atributo name identifica unívocamente a la propiedad y content le asigna un valor. Además este código va dentro de la cabecera del documento html.
Los metadatos en lenguaje HTML usando <META> tiene muchas limitaciones debido principalmente a su ambigüedad y a la cantidad de alternativas existentes. Por ello, en la especificación de HTML 4.01 del W3C, se introdujo el concepto de RDF (Resource Description Framework) para definir metadatos siguiendo la sintaxis de XML.
subir