USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
INTRODUCCIÓN Este objeto de aprendizaje, está orientado al análisis de la razón principal por la cual se está incursionando en una carrera, y predisponiendo todo esfuerzo y tiempo hacia un resultado. La pregunta es: ¿Para quién va a desarrollar cualquier tipo de multimedia?, la respuesta que se espera hayan imaginado en sus mentes es sencilla: “Para un usuario”. Desde el momento en que se implementa la tecnología como medio de difusión sea para educar, publicitar, vender o informar, se establece la relación y la experiencia que puede vivir el usuario en la navegación de una multimedia sea de tipo online u offline, como uno de los principales hilos a tener en cuenta a la hora de su creación. Pensar en mejorar continuamente la experiencia del usuario para que tenga mayor facilidad en la navegación, el desarrollo de interfaces cada vez más intuitivas y definitivamente prevalecer el concepto de diseñar para el usuario y no para el autor, hace la diferencia en el mundo de hoy, y hace que cada vez más usuarios de todas las edades se arriesguen a obtener una experiencia de usuario con resultados positivos. Diseñar pensando en el usuario, posibilitará este a encontrar lo que busca y a su vez cumplir con el objetivo por el cual se haya desarrollado la pieza multimedia. Para comprender un poco más sobre el usuario se revisarán conceptos como la usabilidad, la accesibilidad y arquitectura de la información.
1 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
ESTRUCTURA DE CONTENIDOS MAPA DE CONTENIDO. DESARROLLO DE CONTENIDOS. 1. 2. 3.
4.
4.3.
USABILIDAD. ACCESIBILIDAD. ARQUITECTURA DE LA INFORMACIÓN. 3.1. 3.2. 3.3. 3.4.
Sistemas Sistemas Sistemas Sistemas
de de de de
organización. etiquetado. Navegación. Búsqueda.
4.1. 4.2. 4.2.1. 4.2.2.
Objetivos de un sistema de navegación. Elementos de un sistema de navegación. Barras de menús. Mapa del sitio.
4.3.1. 4.3.2. 4.3.3. 4.3.4.
Sistemas Sistemas Sistemas Sistemas
SISTEMAS DE NAVEGACIÓN.
Tipos de sistemas de navegación. de de de de
navegación navegación navegación navegación
Jerárquicos. globales. locales. de hipertexto.
GLOSARIO. BIBLIOGRAFÍA.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIร N
ACCESIBILIDAD
MAPA DE CONTENIDO
4 FAVA - Formaciรณn en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
DESARROLLO DE CONTENIDOS. 1.
USABILIDAD.
Hace referencia a la facilidad de uso, es una palabra de origen anglosajón que abarca la expresión de “user friendly”. Si nos remontamos a todos y cada uno de los autores que ha tomado este concepto como un origen u objeto de una investigación realmente son muchos, pero todos llegan al mismo punto, la usabilidad es la facilidad con la que un usuario puede utilizar una herramienta u objeto hecho por mano de obra de humanos en la búsqueda de un objetivo en concreto. En este caso se orientará este concepto a la usabilidad en piezas multimedia y sistemas de navegación. La ISO define la usabilidad como "El grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos". Crear diseños con grado de usabilidad universal es pretensioso, aunque así debiere ser, es difícil dada la audiencia en concreto para quienes se está desarrollando, por consiguiente será de mayor usabilidad para la audiencia determinada y menos usable para las demás personas. Podemos considerar la usabilidad más allá de un requisito indispensable, como un indicador fundamental de calidad.
2.
ACCESIBILIDAD.
De la mano de usabilidad existe un concepto llamado accesibilidad, que se refiere ya no a la facilidad de uso, sino a la posibilidad de acceso. En concreto a que el diseño, como prerrequisito imprescindible para ser usable, posibilite el acceso a todos sus potenciales usuarios, sin excluir a aquellos con limitaciones individuales, discapacidades, dominio del idioma, o limitaciones derivadas del contexto de acceso como son software y hardware
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
empleado para acceder, como ancho de banda de la conexión empleada, computadores con sistemas operativos no actulizados, etc. Se llega entonces al dilema de que mientras que un diseño usable requiere delimitar a su audiencia potencial con el fin de diseñar para lo concreto, un diseño accesible implica la necesidad de diseñar para la diversidad y heterogeneidad de necesidades de acceso presentadas por esta audiencia específica. Cuando la audiencia para la que se diseña es muy amplia y presenta necesidades de acceso muy diferentes, normalmente se hace necesaria la puesta a disposición de varias versiones del diseño, como son las versiones solo texto o versiones en varios idiomas, y en el caso de accesibilidad por tipos de dispositivos, las versiones adaptables, conocidas también como responsive design.
3.
ARQUTECTURA DE LA INFORMACIÓN.
Es común para muchos usuarios pensar que la aplicación es igual a la interfaz, es decir que lo que ven, por donde interactúan, es la aplicación, sin tener una percepción real de lo que existe detrás de esta estructura de diseño, de los elementos no visibles pero que hacen parte fundamental para la existencia implícita de la usabilidad. La arquitectura, estructura y organización de la información. Si un usuario, debido a la estructura de la multimedia, no es capaz de encontrar lo que busca, aunque la multimedia lo albergue, muy probablemente abandonará la multimedia y no la utilizará más. No importa lo completa que esté la información dentro de la multimedia, si no tenemos un sistema eficaz de navegación para que el usuario pueda encontrar lo que busca. La disciplina que a través del tiempo y debido a la evolución de la tecnología y la forma de presentar la información la regula es la Arquitectura de la información. Como toda disciplina contiene unos parámetros básicos a cumplir para que el objetivo propuesto sea conseguido, estos componentes son:
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
-
Sistemas Sistemas Sistemas Sistemas
de de de de
Organización Etiquetado Navegación Búsqueda
Estos componentes que conforman una multimedia, están creados con características comunes, como encontrar y recuperar información. De igual forma siempre estarán sujetos al modo de actuación del usuario y la facilidad con que estos componentes se presenten al usuario. 3.1. Sistemas de organización. Se encargan de estructurar y organizar los contenidos de la multimedia. Generalmente la construcción se debe iniciar mediante una clasificación que se puede contemplar mediante varios criterios como por ejemplo el tema, fecha de creación o la audiencia a la cual va dirigido el contenido. 3.2. Sistemas de etiquetado. El sistema de etiquetado tiene como característica principal mostrar los nombres de las categorías, temas, o enlaces utilizados sin que el usuario pueda conocer el contenido general de cada uno de ellos es decir podemos tener una especie de índice de los contenidos para hacernos una idea general y luego como usuario decidimos cual tema cliquear para profundizar. La ventaja que se obtiene con este sistema es que no se necesita poner toda la información de golpe, si no que permite aligerar visualmente la multimedia. El etiquetado se realiza sobre dos tipos de lenguajes: El icónico y el textual, según imágenes o iconos, o términos, frases o expresiones como etiquetas para presentar contenidos.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
3.3. Sistemas de Navegación. Generalmente cuando estamos navegando dentro de una multimedia, encontramos que tenemos diferentes ayudas gráficas que nos permiten acceder a la información, encontramos menús horizontales, menús verticales, gráficos, hiperenlaces, incluso la url donde estamos navegando permitirá que el usuario se sienta que está en el lugar indicado. En ese orden de ideas los sistemas de navegación son los elementos de un interfaz que permiten saltar entre los contenidos de una multimedia, teniendo en cuenta lo anterior descrito, un sistema de navegación hace parte fundamental del éxito de una multimedia para que un usuario, continúe navegando o abandone la visita. Los sistemas de navegación aparentemente son sencillos y no vemos la importancia que requiere, en ocasiones se consigue que el usuario se sienta perdido, confundido e incluso tenga sensaciones de inconformidad con respecto a la navegación de la multimedia, influyendo en la toma de decisión del usuario en cuanto a continuar o abandonar la experiencia de navegación en la pieza multimedia, por ende muy importante tener en cuenta el concepto de usabilidad y accesibilidad a la hora de crear un buen sistema de navegación, concepto que se profundizará más adelante en este mismo documento. 3.4. Sistemas de Búsqueda. El procedimiento más común cuando un usuario requiere recuperar una información de manera rápida es establecer una relación directa con el buscador que pueda ofrecerle la multimedia, de acuerdo a la calidad de los resultados, y a su vez a la calidad de la información, el usuario permanecerá dentro de la multimedia. En esta instancia recobra fuerza el concepto de arquitectura de la información donde previamente se debe pensar en indexar las palabras clave por las cuales puede realizar una búsqueda el usuario además de los contenidos rastreables dentro de la multimedia.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
4.
SISTEMAS DE NAVEGACIÓN.
Como se vio anteriormente, los sistemas de navegación hacen referencia a ayudas visuales y contextuales dentro de una multimedia, que permiten visualizar contenido a demanda por el usuario. 4.1. Objetivos de un sistema navegación. Todo sistema de navegación debe cumplir con los siguientes objetivos: Establecer una mecánica de acceso a la pieza multimedia. Dicho en otras palabras se debe establecer un modo de ir y venir de un sitio a otro entre la pieza multimedia de manera que la navegación sea clara y concisa, generalmente esto se consigue permitiendo que los menos de navegación estén siempre presentes en el mismo lugar donde se encontró por primera vez, garantizando que la experiencia del usuario se convierta en una acción de tipo intuitivo, y no se sienta que hay un sistema de navegación o de hecho que se esté usando solo uno. Es importante que el usuario sepa en donde está, hacia dónde puede ir, y que parte de la multimedia ya ha visitado. Darle la opción al usuario de que regrese a los contenidos anteriores de manera lineal, así como permitirle ir al inicio de la multimedia. Es importante que la navegación sea elocuente con la arquitectura de la información de la multimedia. Es decir, se debe diferenciar la navegación global, local, contextual, las secciones y subsecciones. 4.2. Elementos de los sistemas de navegación. Es preciso mencionar que existen diferentes elementos de los que el usuario puede hacer uso dentro de la navegación de una multimedia. 4.2.1. Barras de menús: El menú es el elemento más importante para una navegación dentro de una multimedia, gracias a los menús el usuario puede navegar libremente por el sitio accediendo a la información que le ofrece este medio, el menú debe permanecer siempre en el mismo lugar, conservar el mismo diseño, colores, tipo de fuente, tamaños, etc. Visualmente esto le garantiza al usuario no perder tiempo, ni centrarse en la búsqueda del menú nuevamente sino que por intuición va a cliquear al contenido que quiere.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
Otro punto importante es indicarle al usuario en qué parte del menú está, generalmente esto se logra simplemente cambiando el tono de la fuente por ejemplo, o enmarcando el ítem de navegación, diferenciándolo de los demás.
4.2.2. Mapa del sitio: También conocido como site map, se refiere a una organización de tipo jerárquico de una multimedia y conforman una ayuda visual de la profundidad de los contenidos que puede llevar el producto multimedia. En la web, el mapa del sitio tiene un papel importante ya que permiten ser indexados por los buscadores, esta acción ayuda notablemente al posicionamiento natural en los resultados de búsqueda.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
4.3. TIPOS DE SISTEMAS DE NAVEGACIÓN. Dado el crecimiento desbordado de la evolución multimedia y más expresamente el internet, nos hemos encontrado con situaciones donde el usuario desconoce donde se encuentra, o no sabe cómo llegó hasta esa información, o peor aún, la multimedia no le muestra cómo salir de allí de una manera lógica y coherente. La solución a esta problemática es la creación e implementación de sistemas que le permitan al usuario tener una experiencia positiva, ubicarse y desplazarse a través de la estructura de la información de una manera fácil y eficaz. A su vez los sistemas de navegación de acuerdo a la manera como son presentados al usuario se pueden considerar como: -
Sistemas de navegación Jerárquicos. Sistemas de navegación globales. Sistema de navegación locales. Sistemas de navegación hipertextuales. Sistema de navegación directos. Sistemas de navegación lineales.
4.3.1. Sistemas de navegación Jerárquicos. Estos sistemas de navegación se refieren a la organización del contenido de manera que se jerarquiza mediante secciones, subsecciones y contenidos. En la actualidad es uno de los sistemas más utilizados ya que a través de la organización jerárquica de los contenidos, se organiza la navegación de los mismos. Para hacernos a una idea más global de un sistema de navegación jerárquica ubiquémonos en el explorador de carpetas de Windows o finder en mac. 4.3.2. Sistemas de navegación globales. Los sistemas de navegación globales suelen ser los que complementan a los sistemas de navegación Jerárquicos ya que permiten a los usuarios moverse libremente por las estructuras de la información mediante saltos verticales y laterales. Este sistema le permite al usuario acceder directamente la información que desea consultar sin la necesidad de retroceder por las páginas visitadas para alcanzar otras ramas del árbol de contenidos.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
4.3.3. Sistemas de navegación locales. En este caso el sistema de navegación local complementan al sistema de navegación global. Para tener una idea más cercana de lo que es el sistema de navegación local podemos situarnos en una multimedia donde al darle click sobre uno de los elementos que nos ofrece el menú, nos lleva a la página de contenido, en la parte izquierda podemos ver un submenú que hace parte sólo de la información de ese contenido. Como podemos comprender en sistema de navegación local es un complemento del sistema de navegación global. 4.3.4. Sistemas de navegación de hipertexto. Este sistema de navegación es muy usual en para los contenidos con alta cantidad de texto, por ejemplo libros electrónicos, enciclopedias virtuales, etc. Consiste básicamente en relacionar palabras, expresiones o frases, para que sean convertidas en vínculos sea para definirlas o para hacer relación a una bibliografía o abrir una imagen o descripción. Esta navegación tiene como ventaja el enriquecimiento del contenido obteniendo información complementaria, la desventaja es que si no se maneja de manera adecuada un usuario podría perderse fácilmente dentro del contenido que está consultando.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
4.3.5. Sistemas de navegación directos. Cuando ingresamos a una pieza multimedia y tratamos de buscar un contenido específico nos encontramos con que tenemos que revisar gran parte del contenido para encontrar lo que estamos buscando. El sistema de navegación directo hace referencia a lograr acceder a este contenido de una manera más directa. Esto se logra con herramientas que se ponen al servicio del usuario, en este caso puntual de un buscador, de esa manera es que el usuario puede acceder mucho más rápido y directo al contenido de la información que desea encontrar. 4.3.6. Sistema de navegación lineal. Los sistemas de navegación lineales son aquellos que nos permiten recorrer el contenido de las páginas de una manera secuencial y preestablecida por del diseñador. Las únicas opciones de navegación que se le permiten al usuario son avanzar, retroceder o regresar al inicio. Este tipo de navegación es utilizado para realizar manuales o algún tipo de material donde se pretende que la información sea recorrida de una sola manera. Este tipo de navegación al no tener mayor interactividad con el usuario hace que sea monótono, por ende si es información que no es completamente del interés del usuario este abandonará la multimedia.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
GLOSARIO Accesabilidad: Se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológico o ambiental). Etiqueta: Lenguaje informático que marca sitios, textos o imágenes específicas con vínculo a hacia otros contenidos. Hipervínculo: Consiste en una o más palabras diferenciadas por un formato diferente al resto del párrafo y que al pinchar sobre ella con el ratón permite navegar a un documento diferente que ampliará la información de las palabras del hipervínculo. Menú de navegación: Elemento dentro de una interfaz gráfica que permite a un usuario consultar una información determinada de acuerdo a una disposición de la multimedia. Navegación: Utilización de una red informática o desplazamiento por ella. Sistema: Es un conjunto de partes o elementos organizadas y relacionadas que interactúan entre sí para lograr un objetivo. Sistema de navegación: Los sistemas de navegación son los elementos de una interfaz que permiten la navegación por las diferentes secciones y páginas que componen una multimedia. Site Map: Organización de tipo jerárquica de una multimedia o sitio web. Usabilidad: Es la facilidad con la que un usuario puede utilizar una herramienta u objeto hecho por mano de obra de humanos en la búsqueda de un objetivo en concreto.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
BIBLIOGRAFÍA Belloch Ortí, Consuelo (Unidad Tecnología Educativa. Universidad de Valencia 2010) Aplicaciones Multimedia Interactivas. Yusef Hassan, Francisco J. Martín Fernández y Ghzala Iazza (Universidad de Granada 2004) Diseño web centrado en el usuario. Sánchez Linares, Valentín (Enginyeria Tècnica en Informàtica de Sistemes 2004) Análisis de sistemas de navegación de sitios Web. Disponible en http://www.vlinares.net/portafolio/html/uoc/iho/vlinares_memoria.pdf
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje
USABILIDAD, ACCESIBILIDAD Y SISTEMAS DE NAVEGACIÓN
Control De Documento. Construcción Objeto De Aprendizaje. Usabilidad, Accesibilidad Y Sistemas De Navegación. Experto temático:
John Fredy Garavito.
Asesor pedagógico:
Luis Antonio Suárez Martínez. Maria Teresa Camargo Serrano.
Producción Multimedia:
Oscar Ivan Uribe Ortiz. Víctor Hugo Tabares Carreño.
Programador:
Roberto Chajin Ortíz.
Líder expertos temáticos:
Tatiana Acosta Patiño.
Líder línea de producción:
Santiago Lozada Garcés.
4 FAVA - Formación en Ambientes Virtuales de Aprendizaje
SENA - Servicio Nacional de Aprendizaje