MF sistemas de navegación para productos multimedia PDF

Preview

Summary

material para desarrollar productos multimedia atraes del aprendizaje y la practica para el desarrollo de proyectos multimedia material para desarrollar productos multimedia atraes del aprendizaje y la practica para el desarrollo de proyectos multimedia...

Description

1.

Qué es la accesibilidad?

2.

¿Qué es la usabilidad?

3.

Arquitectura de la información

3.1

Sistema de organización

3.2

Sistema de etiquetado

3.3

Sistema de navegación

3.4

Sistema de búsqueda

4.

Objetivos de un sistema de navegación

5.

Elementos de los sistemas de navegación

6.

Tipos de sistemas de navegación

6.1. Sistema de navegación jerárquico 6.2 Sistema de navegación global 6.3 Sistema de navegación local 6.4 Sistema de navegación hipertextual 6.5 Sistema de navegación directa 6.6 Sistema de navegación lineal

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

2

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

3

empleada, computadores con sistemas

do W3C, es un consorcio internacional

operativos no actualizados, etc.

que produce normativas para la web. Más información acerca de sus estánda-

La accesibilidad trata las normas que se

res en www.w3c.es

deben cumplir al diseñar un sitio web.

accesibilidad de nuestra web, con esta

Siempre, en lo referente al correcto ac-

herramienta online: www.tawdis.net

Podemos validar la

ceso a los contenidos, desde los diferentes dispositivos. (SENA BlackBoard2017)

Cuando hablamos de dispositivos, englobamos: móviles, tablets, pc’s, sistemas operativos, navegadores y dispositivos de lectura, que ayudan a personas con minusvalías.

Figura 1. Usabilidad y Accesibilidad Fuente: Emaze (2017) 1.

¿Qué es la 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 empleado para acceder, como ancho de banda de la conexión

FAVA

hablan del acceso universal para todos usuarios.

Velando

La usabilidad trata las recomendaciones que se deben tener en cuenta al diseñar un sitio web. Siempre, en lo referente a la facilidad de acceso para los usuarios. Se trata de que un sitio web sea fácil-

Las normas de accesibilidad, también

los

2. ¿Qué es la usabilidad?

por

que

estos,

tengan alguna minusvalía o no, puedan acceder a todos los contenidos de un sitio web. Por ejemplo, si un usuario tiene

mente navegable, es decir, que un usuario no se pierda en los contenidos, que encuentre fácilmente los menús y que llegue a cumplir los objetivos del sitio web: comprar, descargar, subscribirse, etc.

una minusvalía visual, quizás utilice un lector para que le narre la web. (En este caso, dependiendo de cómo se haya diseñado la web, este lector será capaz o no de interpretar los contenidos). Existen varios niveles de accesibilidad,

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”.

en función del grado de accesibilidad que cumple nuestra web. 1.- Nivel de accesibilidad A (básico) 2.- Nivel de accesibilidad AA (medio) 3.- Nivel de accesibilidad AAA (alto)

A diferencia de la accesibilidad no existe una herramienta que nos valide la usabilidad. Esto ha ser testeado por los propios usuarios y serán ellos los que valoren la usabilidad de la web.

El World Wide Web Consortium, abrevia-

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

4

Por eso es tan importante al desarrollar

de la usabilidad. La arquitectura, estructura y organización de la información.

un proyecto, que, en su fase final, sea testeado por usuarios de diferentes per-

Si un usuario, debido a la estructura de la multimedia, no es capaz de encontrar lo

files y estos comuniquen a los desarro-

que busca, aunque la multimedia lo albergue, muy probablemente la abandonará

lladores, su experiencia como usuario.

y no la utilizará más. No importa lo completa que esté esta información dentro de

(PINKODE 2017)

la multimedia, si no tenemos un sistema eficaz de navegación para que el usuario pueda encontrar lo que busca.

El arquitecto de información es la persona encargada de identificar la misión (los objetivos) y la visión (expectativas de los usuarios) de la página Web, determinarlos contenidos y funcionalidades de la página, facilitar el acceso mediante sistemas de organización, etiquetado y búsqueda y planificar en previsión de futuras modificaciones y crecimiento de la página. (Morville y Rosenfeld 1998)

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.

Figura 2: Usabilidad y Accesibilidad Fuente: SENA 3.

Arquitectura 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

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

5

Como toda disciplina contiene unos pa-

bres de las categorías, temas, o enlaces

cuenta lo anterior descrito, un sistema

rámetros básicos a cumplir para que el

utilizados sin que el usuario pueda co-

de navegación hace parte fundamental

objetivo propuesto sea conseguido, es-

nocer el contenido general de cada uno

del éxito de una multimedia para que un

tos componentes son:

de ellos es decir podemos tener una es-

usuario, continúe navegando o abando-

pecie de índice de los contenidos para

ne la visita.

• • • •

Sistemasdeorganización Sistemasdeetiquetado Sistemasdenavegación Sistemasdebúsqueda

hacernos una idea general y luego como cliquear

Los sistemas de navegación aparente-

para profundizar. La ventaja que se obtie-

mente son sencillos y no vemos la im-

ne con este sistema es que no se nece-

portancia que requiere, en ocasiones se

conforman

sita poner toda la información de golpe,

consigue que el usuario se sienta perdi-

una multimedia, están creados con ca-

si no que permite aligerar visualmente

do, confundido e incluso tenga sensa-

racterísticas comunes, como encontrar

la multimedia. El etiquetado se realiza

ciones de inconformidad con respecto a

y recuperar información. De igual for-

sobre dos tipos de lenguajes: El icónico

la navegación de la multimedia, influyen-

ma siempre estarán sujetos al modo de

y el textual, según imágenes o iconos,

do en la toma de decisión del usuario en

actuación del usuario y la facilidad con

o términos, frases o expresiones como

cuanto a continuar o abandonar la expe-

que estos componentes se presenten al

etiquetas para presentar contenidos.

riencia de navegación en la pieza multi-

Estos

componentes

que

usuario

decidimos

cual

tema

usuario.

media, por ende muy importante tener 3.3. Sistemas de navegación

en cuenta el concepto de usabilidad y

3.1. Sistema de organización

accesibilidad a la hora de crear un buen Generalmente

nave-

sistema de navegación, concepto que

Se encargan de estructurar y organizar

gando dentro de una multimedia, encon-

se profundizará más adelante en este

los contenidos de la multimedia. Gene-

tramos que tenemos diferentes ayudas

mismo documento.

ralmente la construcción se debe iniciar

gráficas que nos permiten acceder a la

mediante una clasificación que se pue-

información,

de contemplar mediante varios criterios

rizontales,

como

de

hiperenlaces, incluso la url donde esta-

creación o la audiencia a la cual va dirigi-

mos navegando permitirá que el usuario

El

do el contenido.

se sienta que está en el lugar indicado.

un usuario requiere recuperar una infor-

3.2. Sistemas de etiquetado

En ese orden de ideas los sistemas de

una

navegación son los elementos de un in-

que pueda ofrecerle la multimedia, de

como

terfaz que permiten saltar entre los con-

acuerdo a la calidad de los resultados, y

característica principal mostrar los nom-

tenidos de una multimedia, teniendo en

a su vez a la calidad de la información, el

por

ejemplo

el

tema,

fecha

cuando

estamos

encontramos

menús

menús

verticales,

ho-

gráficos,

3.4. Sistemas de búsqueda

procedimiento

más

común

cuando

mación de manera rápida es establecer

El

sistema

de

etiquetado

FAVA

tiene

- Formación en Ambientes Virtuales de Aprendizaje

relación

directa

SENA - Servicio Nacional de Aprendizaje

con

el

buscador

6

usuario permanecerá dentro de la multimedia.

Todo sistema de navegación debe cumplir con los siguientes objetivos:

En esta instancia recobra fuerza el concepto de arquitectura de la información, donde previamente se debe pensar en indexar las palabras claves por las cuales puede

-Establecer una mecánica de acceso a

realizar una búsqueda el usuario, además de los contenidos rastreables dentro de

la pieza multimedia. Dicho en otras pala-

la multimedia.

bras, se debe establecer un modo de ir y venir de un sitio a otro entre la pieza mul-

Sistemas de navegación

timedia de manera que la navegación sea clara y concisa, generalmente esto

Como se vio anteriormente, los sistemas de navegación hacen referencia a ayudas

se consigue permitiendo que los menús

visuales y contextuales dentro de una multimedia, que permiten visualizar conteni-

de navegación estén siempre presentes

do a demanda por el usuario.

en el mismo lugar donde se encontró por primera vez, garantizando que la ex-

4. Objetivos de un sistema navegación

periencia 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.

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

7

5.

Elementos de los sistemas de navegación

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.

Figura 5. Elementos de un sistema de navegación Fuente: Medialink (2017)

Figura 6. Barra de menú Fuente: SENA 2017

Es preciso mencionar que existen diferentes elementos de

Mapa del sitio: También conocido como site map, se refiere a

los que el usuario puede hacer uso dentro de la navegación

una organización de tipo jerárquico de una multimedia y con-

de una multimedia.

forman una ayuda visual de la profundidad de los contenidos que puede llevar el producto multimedia. En la web, el mapa

Barras de menús: El menú es el elemento más importante

del sitio tiene un papel importante ya que permiten ser in-

para una navegación dentro de una multimedia, gracias a los

dexados por los buscadores, esta acción ayuda notablemen-

menús el usuario puede navegar libremente por el sitio ac-

te al posicionamiento natural en los resultados de búsqueda.

cediendo a la información que le ofrece este medio, el menú

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

SENA - Servicio Nacional de Aprendizaje

8

• • • • • •

Sistemasdenavegaciónjerárquicos Sistemasdenavegaciónglobales Sistemasdenavegaciónlocal Sistemasdenavegaciónhipertextuales Sistemasdenavegacióndirecta Sistemasdenavegaciónlineales

6.1

Sistemas de navegación jerárquicos

Estos sistemas de navegación se refieren a la organización del contenido de manera que se categoriza 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

Figura 7. Mapa del sitio Fuente: SENA 2017 6.

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.

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.

6.2

Sistemas de navegación global

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 in-

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:

FAVA

- Formación en Ambientes Virtuales de Aprendizaje

formación que desea consultar sin la necesidad de retroceder por las páginas visitadas para alcanzar otras ramas del árbol de contenidos.

6.3

Sistemas de navegación local

En este caso el sistema de navegación local complementa

SENA - Servicio Nacional de Aprendizaje

9

al sistema de navegación global. Para

de manera adecuada un usuario podría

de material donde se pretende que la

tener una idea más cercana de lo que

perderse fácilmente dentro del conteni-

información sea recorrida de una sola

es el sistema de navegación local pode-

do que está consultando.

manera. Este tipo de navegación al no

mos situarnos en una multimedia donde al darle clic sobre uno de los elementos

tener mayor interactividad con el usuario 6.5

Sistemas de navegación directa

que nos ofrece el menú, nos lleva a la

hace que sea monótono, por ende si es información que no es completamente

página de contenido, en la parte izquier-

Cuando ingresamos a una pieza multi-

del interés del usuario este abandonará

da podemos ver un submenú que hace

media y tratamos de buscar un conteni-

la multimedia

parte sólo de la información de ese con-

do específico nos encontramos con que

tenido.

tenemos que revisar gran parte del contenido para encontrar lo que estamos

Como podemos comprender en sistema

buscando.

de navegación local es un complemento

directo hace referencia a lograr acceder

del sistema de navegación global.

a este contenido de una manera más

El

sistema

de

navegación

directa. Esto se logra con herramientas 6.4

Sistemas de navegación de hi-

pertexto

que se ponen al servicio

del usuario,

en este caso puntual de un buscador, de esa manera es que el usuario puede

Este

sistema

muy

acceder mucho más rápido y directo al

usual en para los contenidos con alta

contenido de la información que desea

cantidad de texto, por ejemplo, libros

encontrar.

electrónicos,

de

navegación

enciclopedias

es

virtuales,

etc.

6.6

Consiste básicamente en relacionar pa-

Los

sistemas

de

labras, expresiones o frases, para que

son

aquellos

que

sean convertidas en vínculos sea para

rrer el contenido de las páginas de una

definirlas o para hacer relación a una bi-

manera secuencial y preestablecida por

bliografía o abrir una imagen o descrip-

del diseñador. Las únicas opciones de

ción. Esta navegación tiene como ven-

navegación que se le permiten al usua-

taja

contenido

rio son avanzar, retroceder o...