SlideShare uma empresa Scribd logo
1 de 8
“La Navegabilidad Web (o multimedia) se define como la forma en que está
estructurado tu sitio, tal que el usuario tenga la facilidad de encontrar todo muy
rápidamente. Un sitio con buena navegabilidad es también un sitio cuyas páginas
cargan rápidamente, lo que supone un buen ahorro de tiempo y le da mucho
valor a nuestra Web.
¿Cómo mejoramos la navegabilidad de nuestro sitio?
Solo tenemos que implementar en nuestros sitios lo que explico a continuación
para que el usuario sepa a donde va y a donde tiene que ir en nuestro sitio:

o

Crea un Mapa del Sitio. Siempre es mucho mejor tener en nuestras páginas
Web, sobre todo con sitios Web amplios, un mapa del sitio, que nos
permitirá enseñarles a los usuarios el lugar donde se encuentra la
información que buscan.

o

Crear un menú superior. A esto se le llama navegación recursiva, la cual
consiste en el menú superior que deberemos tener en todas las páginas de
nuestro sitio y que facilitará la ubicación para nuestro usuario. Casi siempre
en este menú se encuentra la opción “Home” o “Inicio” y todo lo que
creamos conveniente que sea útil para el usuario, como por ejemplo, la
opción de contactarse con el administrador del sitio “Contacto” o un
enlace al mapa del sitio.

o

Distribuir la información de manera lógica. Con esto conseguimos que el
usuario tenga todo al alcance de pocos clicks. Pues si no es así, el usuario
tendría que cargar muchas páginas en el navegador para ir a un sitio
específico de nuestra Web lo que conllevaría una gran perdida de tiempo.
La mejor opción sería lograr de alguna forma en que se pueda llegar a
todas las páginas de nuestro sitio desde cualquier página.

o

Crea un directorio dinámico. Un directorio dinámico consiste en una
pequeña línea que nos permite saber en que lugar de la página Web nos
encontramos y por el que vamos navegando. Nos muestra los directorios y
subdirectorios por los que hemos pasado hasta llegar a la página actual.
siempre van acompañados de enlaces que nos permiten volver atrás en
cualquier momento. Esto le agrega un gran valor a nuestro sitio Web.

o

Incluye, en lo posible, imágenes de bajo peso. Las imágenes siempre
vuelven un poco lento la carga de una página Web, así que mientras estas
tengan un peso más bajo, más rápido cargará el sitio. Una imagen no
debería pesar más allá de los 7Kb-15Kb. Actualmente existen en el
mercado muchos programas que reducen el peso de las imágenes para
adecuarlos al Web.
La navegabilidad es muy importante en nuestros sitios y debes aplicarlo igual en
todos los lugares de tu página Web, por lo tanto este es un factor que deberemos
cuidar mucho para no perder usuarios por tener una Web desorganizada”[1].
A continuación se usará un ejemplo para comprender el concepto de
navegabilidad.
UnitedColors of Bennetton (UCB), una marca de ropa global, desea realizar una
presentación multimedia para que las personas clientes de la marca dónde
pueda hablar sobre su historia, sus productos y su estilo de gerencia; ésta última la
ha llevado a ser una marca mundialmente reconocida.
En este punto debemos suponer que hemos pasado cada una de las etapas
mencionadas anteriormente, y partiremos desde la organización en una
estructura.
Por ahora se tiene claro que las 3 meta-categorías sobre las cuales UCB quiere
realizar el producto son:
o

Historia de la Marc

o
o

Productos
Estilo de Gerencia

La estructura es:

Imagen 131. Estructura proyecto Benetton.

UCB quiere que el diseño sea simple y entendible. Por a eso a continuación se
presenta una primera idea del producto final.
Imagen 132. La estructura proyecto Benetton interpretada en un diseño de
pantalla.

A primera vista se identifica el nombre Benetton, que hace referencia a la
compañía, más los vínculos a las 3 secciones. Este es el inicio.

Ahora, suponga que el usuario hace clic en el link de “Productos”, él link lo llevará
a la siguiente pantalla:
En este momento el usuario sabrá que está en “Productos”, porque el diseño
muestra una línea blanca que se une al nombre de la sección. Aparecen nuevos
links que hacen referencia a los productos como Camisetas, Faldas y Pantalones.
Adicionalmente, una flecha roja, en la esquina inferior izquierda, indica que
puede volver al inicio.

Por último, el usuario hace clic en el link de las faldas (Skirts), link que lo llevará a:

En este caso, el usuario vuelve a saber donde está, sabe que puede volver, y
adicionalmente puede buscar más información por la aparición de las dos
flechas blancas al lado inferior derecho, además de tener la opción de ver el
producto (cuadro blanco) más un texto de información.

Puede que el diseño cambie con el tiempo, pero en este momento se ha
establecido que la navegación es importante.
Ahora suponga que UCB decide adicionar dos nuevas partes a la multimedia, los
comerciales de televisión y una sección de contacto, además adiciona más
contenido a las categorías existentes, terminando con una estructura más
compleja.

La nueva estructura sería:

Imagen 135. Estructura

Recuerde: el secreto de la navegabilidad es como poder moverse de un punto a
otro con claridad, no importa la extensión o complejidad del proyecto.
La navegabilidad es un factor clave de éxito, y debe estar presente todo el
tiempo cuando se desarrollé el guión multimedial. Cabe decir que es importante
mencionar que un sistema de hipervínculo mal estructurado puede traer
inconvenientes durante la ejecución de la aplicación multimedial, generando
aumento de los requerimientos de memoria y/o desorientación del usuario al
momento de realizar sus consultas.

Otros consejos que pueden ser aplicados tanto para Web como Multimedia y
según el caso son[2]:

“Recurramos al principio básico de la usabilidad: El usuario no tiene tiempo, y
menos para estar adivinando cuál es la manera de llegar a los diferentes
contenidos nuestras webs.

Tiene que saber a dónde va y tener confianza en el sitio. Aquí algunos puntos a
tener en cuenta a la hora diseñar un sitio:
o

No puede haber demasiados "volver".

o

Ten siempre un menú visible.

o

Tiene que haber una forma de llegar directamente a la página principal
desde todas las páginas.

o

Diseña el sitio de tal manera que el usuario nunca tenga que usar los
botones "Atrás" y "Adelante" del navegador más que para salir de tu sitio.

o

El tener páginas perdidas, es decir, que no se comuniquen con
ningún
link al resto del sitio, es un gran error.

o

Si una sección de tu sitio tiene secciones temáticas grandes, trata de poner
un menú adicional (en otro sentido que el principal) que lleve a las
diferentes páginas de dichas secciones.

o

También es bueno tener un pequeño menú de acceso rápido, este debe
ser más pequeño y llevar a lugares importantes cómo la página principal o
la de contacto. No debería tener más de tres links.

o

Pon los links bien visibles para que el usuario no los tenga que buscar.

o

Lograr una forma para que se pueda llegar a todas las páginas de tu sitio
desde cualquier página sería el máximo exponente.

o

Si no puedes conseguir lo anterior, hay una regla que siempre debe ser
cumplida: la regla de los tres clicks.
o

El usuario tiene que poder llegar desde cualquier parte del sitio a
cualquier
otra en no más de tres clics. Si se supera esa cantidad, algo no
está bien.

o

Trata de que lo primero que cargue en la página sean los links (el menú,
íconos, etc.).

De esta forma el usuario no tendrá que esperar si ya sabe a donde quiere ir”.

Mais conteúdo relacionado

Mais procurados

Actividad #4. Webby awards.
Actividad #4. Webby awards.Actividad #4. Webby awards.
Actividad #4. Webby awards.
LauraMuoz231
 
Investigación rocio modrich
Investigación rocio modrichInvestigación rocio modrich
Investigación rocio modrich
Roa Modrich
 

Mais procurados (20)

Conceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño webConceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño web
 
Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
Weebly
WeeblyWeebly
Weebly
 
Blogs y empleo
Blogs y empleoBlogs y empleo
Blogs y empleo
 
Diseño adaptativo y responsive
Diseño adaptativo y responsiveDiseño adaptativo y responsive
Diseño adaptativo y responsive
 
Cómo crear collages con Picasa
Cómo crear collages con PicasaCómo crear collages con Picasa
Cómo crear collages con Picasa
 
Youtove
YoutoveYoutove
Youtove
 
CMS Mambo
CMS MamboCMS Mambo
CMS Mambo
 
3 dslideshare
3 dslideshare3 dslideshare
3 dslideshare
 
Web Tut
Web TutWeb Tut
Web Tut
 
Cómo armar un Blog?
Cómo armar un Blog?Cómo armar un Blog?
Cómo armar un Blog?
 
Dilmot Encuentros Digitales
Dilmot Encuentros DigitalesDilmot Encuentros Digitales
Dilmot Encuentros Digitales
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Actividad #4. Webby awards.
Actividad #4. Webby awards.Actividad #4. Webby awards.
Actividad #4. Webby awards.
 
Investigación rocio modrich
Investigación rocio modrichInvestigación rocio modrich
Investigación rocio modrich
 
Pagina de weebly
Pagina de weeblyPagina de weebly
Pagina de weebly
 
Herramientas para compartir fotos en la nube
Herramientas para compartir fotos en la nubeHerramientas para compartir fotos en la nube
Herramientas para compartir fotos en la nube
 
Que es blogger y sus aplicaciones 2
Que es blogger y sus aplicaciones 2Que es blogger y sus aplicaciones 2
Que es blogger y sus aplicaciones 2
 
Drupal vs joomla
Drupal vs joomlaDrupal vs joomla
Drupal vs joomla
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 

Destaque

Manual del programador
Manual del programadorManual del programador
Manual del programador
CRISSTHOFER
 
María alejandra calad peláez
María alejandra calad peláezMaría alejandra calad peláez
María alejandra calad peláez
alejacalad
 
Ejercicio 11 dos
Ejercicio 11 dosEjercicio 11 dos
Ejercicio 11 dos
saopueblo
 
Presentación Investigación I
Presentación Investigación IPresentación Investigación I
Presentación Investigación I
Rafael Quijandria
 
Partes del computador
Partes del computadorPartes del computador
Partes del computador
Hasumine03
 

Destaque (20)

Símbolos patrios del perú
Símbolos patrios del perúSímbolos patrios del perú
Símbolos patrios del perú
 
Avences ante proyecto
Avences ante proyecto Avences ante proyecto
Avences ante proyecto
 
La celula
La celulaLa celula
La celula
 
Ballena final
Ballena finalBallena final
Ballena final
 
Rincones
RinconesRincones
Rincones
 
Practica 26
Practica 26Practica 26
Practica 26
 
Evidencia043
Evidencia043Evidencia043
Evidencia043
 
Manual del programador
Manual del programadorManual del programador
Manual del programador
 
María alejandra calad peláez
María alejandra calad peláezMaría alejandra calad peláez
María alejandra calad peláez
 
Consignau3
Consignau3Consignau3
Consignau3
 
Desdoblamiento en máscara de todos
Desdoblamiento en máscara de todosDesdoblamiento en máscara de todos
Desdoblamiento en máscara de todos
 
tabla en exel
tabla en exeltabla en exel
tabla en exel
 
Evolucion humana
Evolucion humanaEvolucion humana
Evolucion humana
 
Ejercicio 11 dos
Ejercicio 11 dosEjercicio 11 dos
Ejercicio 11 dos
 
Handler
HandlerHandler
Handler
 
Proyecto Nutrin Presentación
Proyecto Nutrin PresentaciónProyecto Nutrin Presentación
Proyecto Nutrin Presentación
 
Presentación Investigación I
Presentación Investigación IPresentación Investigación I
Presentación Investigación I
 
Practica Sobre Conceptos Básicos De Circuitos Eléctricos
Practica Sobre Conceptos Básicos De Circuitos Eléctricos Practica Sobre Conceptos Básicos De Circuitos Eléctricos
Practica Sobre Conceptos Básicos De Circuitos Eléctricos
 
Trabajo Práctico de TIC
Trabajo Práctico de TICTrabajo Práctico de TIC
Trabajo Práctico de TIC
 
Partes del computador
Partes del computadorPartes del computador
Partes del computador
 

Semelhante a Multimedia

Guia html2
Guia html2Guia html2
Guia html2
ljds
 

Semelhante a Multimedia (20)

Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
 
tic
tictic
tic
 
NSU
NSUNSU
NSU
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Plan_De_Mejoramiento_VanesaBahos diseño de sitios web
Plan_De_Mejoramiento_VanesaBahos diseño de sitios webPlan_De_Mejoramiento_VanesaBahos diseño de sitios web
Plan_De_Mejoramiento_VanesaBahos diseño de sitios web
 
Pagina web
Pagina webPagina web
Pagina web
 
Plan_De_Mejoramiento_ErlyTatianaPerez.pptx
Plan_De_Mejoramiento_ErlyTatianaPerez.pptxPlan_De_Mejoramiento_ErlyTatianaPerez.pptx
Plan_De_Mejoramiento_ErlyTatianaPerez.pptx
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Guia html2
Guia html2Guia html2
Guia html2
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
Wix
WixWix
Wix
 

Mais de oscars705

Quã© es un guiã³n multimedia
Quã© es un guiã³n multimediaQuã© es un guiã³n multimedia
Quã© es un guiã³n multimedia
oscars705
 
Guia recoleccion de informacion
Guia recoleccion de informacion Guia recoleccion de informacion
Guia recoleccion de informacion
oscars705
 
Caminando sobre la lluvia.
Caminando sobre la lluvia.Caminando sobre la lluvia.
Caminando sobre la lluvia.
oscars705
 
Caminando sobre la lluvia.
Caminando sobre la lluvia.Caminando sobre la lluvia.
Caminando sobre la lluvia.
oscars705
 
Lenguaje cinematográfico
Lenguaje cinematográficoLenguaje cinematográfico
Lenguaje cinematográfico
oscars705
 
Plataformas virtuales
Plataformas virtualesPlataformas virtuales
Plataformas virtuales
oscars705
 
Analisis de mercadeo
Analisis de mercadeoAnalisis de mercadeo
Analisis de mercadeo
oscars705
 
Analisisdemercado
AnalisisdemercadoAnalisisdemercado
Analisisdemercado
oscars705
 
Guia de analisis de mercado
Guia de analisis de mercadoGuia de analisis de mercado
Guia de analisis de mercado
oscars705
 
Analisis mercado
Analisis  mercadoAnalisis  mercado
Analisis mercado
oscars705
 

Mais de oscars705 (12)

Quã© es un guiã³n multimedia
Quã© es un guiã³n multimediaQuã© es un guiã³n multimedia
Quã© es un guiã³n multimedia
 
Guia recoleccion de informacion
Guia recoleccion de informacion Guia recoleccion de informacion
Guia recoleccion de informacion
 
Caminando sobre la lluvia.
Caminando sobre la lluvia.Caminando sobre la lluvia.
Caminando sobre la lluvia.
 
Caminando sobre la lluvia.
Caminando sobre la lluvia.Caminando sobre la lluvia.
Caminando sobre la lluvia.
 
Lenguaje cinematográfico
Lenguaje cinematográficoLenguaje cinematográfico
Lenguaje cinematográfico
 
Plataformas virtuales
Plataformas virtualesPlataformas virtuales
Plataformas virtuales
 
Plataformas virtuales
Plataformas virtualesPlataformas virtuales
Plataformas virtuales
 
Analisis de mercadeo
Analisis de mercadeoAnalisis de mercadeo
Analisis de mercadeo
 
Oscar
OscarOscar
Oscar
 
Analisisdemercado
AnalisisdemercadoAnalisisdemercado
Analisisdemercado
 
Guia de analisis de mercado
Guia de analisis de mercadoGuia de analisis de mercado
Guia de analisis de mercado
 
Analisis mercado
Analisis  mercadoAnalisis  mercado
Analisis mercado
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (11)

Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

Multimedia

  • 1. “La Navegabilidad Web (o multimedia) se define como la forma en que está estructurado tu sitio, tal que el usuario tenga la facilidad de encontrar todo muy rápidamente. Un sitio con buena navegabilidad es también un sitio cuyas páginas cargan rápidamente, lo que supone un buen ahorro de tiempo y le da mucho valor a nuestra Web. ¿Cómo mejoramos la navegabilidad de nuestro sitio? Solo tenemos que implementar en nuestros sitios lo que explico a continuación para que el usuario sepa a donde va y a donde tiene que ir en nuestro sitio: o Crea un Mapa del Sitio. Siempre es mucho mejor tener en nuestras páginas Web, sobre todo con sitios Web amplios, un mapa del sitio, que nos permitirá enseñarles a los usuarios el lugar donde se encuentra la información que buscan. o Crear un menú superior. A esto se le llama navegación recursiva, la cual consiste en el menú superior que deberemos tener en todas las páginas de nuestro sitio y que facilitará la ubicación para nuestro usuario. Casi siempre en este menú se encuentra la opción “Home” o “Inicio” y todo lo que creamos conveniente que sea útil para el usuario, como por ejemplo, la opción de contactarse con el administrador del sitio “Contacto” o un enlace al mapa del sitio. o Distribuir la información de manera lógica. Con esto conseguimos que el usuario tenga todo al alcance de pocos clicks. Pues si no es así, el usuario tendría que cargar muchas páginas en el navegador para ir a un sitio específico de nuestra Web lo que conllevaría una gran perdida de tiempo. La mejor opción sería lograr de alguna forma en que se pueda llegar a todas las páginas de nuestro sitio desde cualquier página. o Crea un directorio dinámico. Un directorio dinámico consiste en una pequeña línea que nos permite saber en que lugar de la página Web nos encontramos y por el que vamos navegando. Nos muestra los directorios y subdirectorios por los que hemos pasado hasta llegar a la página actual. siempre van acompañados de enlaces que nos permiten volver atrás en cualquier momento. Esto le agrega un gran valor a nuestro sitio Web. o Incluye, en lo posible, imágenes de bajo peso. Las imágenes siempre vuelven un poco lento la carga de una página Web, así que mientras estas tengan un peso más bajo, más rápido cargará el sitio. Una imagen no debería pesar más allá de los 7Kb-15Kb. Actualmente existen en el mercado muchos programas que reducen el peso de las imágenes para adecuarlos al Web.
  • 2. La navegabilidad es muy importante en nuestros sitios y debes aplicarlo igual en todos los lugares de tu página Web, por lo tanto este es un factor que deberemos cuidar mucho para no perder usuarios por tener una Web desorganizada”[1]. A continuación se usará un ejemplo para comprender el concepto de navegabilidad. UnitedColors of Bennetton (UCB), una marca de ropa global, desea realizar una presentación multimedia para que las personas clientes de la marca dónde pueda hablar sobre su historia, sus productos y su estilo de gerencia; ésta última la ha llevado a ser una marca mundialmente reconocida. En este punto debemos suponer que hemos pasado cada una de las etapas mencionadas anteriormente, y partiremos desde la organización en una estructura. Por ahora se tiene claro que las 3 meta-categorías sobre las cuales UCB quiere realizar el producto son: o Historia de la Marc o o Productos Estilo de Gerencia La estructura es: Imagen 131. Estructura proyecto Benetton. UCB quiere que el diseño sea simple y entendible. Por a eso a continuación se presenta una primera idea del producto final.
  • 3. Imagen 132. La estructura proyecto Benetton interpretada en un diseño de pantalla. A primera vista se identifica el nombre Benetton, que hace referencia a la compañía, más los vínculos a las 3 secciones. Este es el inicio. Ahora, suponga que el usuario hace clic en el link de “Productos”, él link lo llevará a la siguiente pantalla:
  • 4. En este momento el usuario sabrá que está en “Productos”, porque el diseño muestra una línea blanca que se une al nombre de la sección. Aparecen nuevos links que hacen referencia a los productos como Camisetas, Faldas y Pantalones. Adicionalmente, una flecha roja, en la esquina inferior izquierda, indica que puede volver al inicio. Por último, el usuario hace clic en el link de las faldas (Skirts), link que lo llevará a: En este caso, el usuario vuelve a saber donde está, sabe que puede volver, y adicionalmente puede buscar más información por la aparición de las dos flechas blancas al lado inferior derecho, además de tener la opción de ver el producto (cuadro blanco) más un texto de información. Puede que el diseño cambie con el tiempo, pero en este momento se ha establecido que la navegación es importante.
  • 5. Ahora suponga que UCB decide adicionar dos nuevas partes a la multimedia, los comerciales de televisión y una sección de contacto, además adiciona más contenido a las categorías existentes, terminando con una estructura más compleja. La nueva estructura sería: Imagen 135. Estructura Recuerde: el secreto de la navegabilidad es como poder moverse de un punto a otro con claridad, no importa la extensión o complejidad del proyecto.
  • 6. La navegabilidad es un factor clave de éxito, y debe estar presente todo el tiempo cuando se desarrollé el guión multimedial. Cabe decir que es importante mencionar que un sistema de hipervínculo mal estructurado puede traer inconvenientes durante la ejecución de la aplicación multimedial, generando aumento de los requerimientos de memoria y/o desorientación del usuario al momento de realizar sus consultas. Otros consejos que pueden ser aplicados tanto para Web como Multimedia y según el caso son[2]: “Recurramos al principio básico de la usabilidad: El usuario no tiene tiempo, y menos para estar adivinando cuál es la manera de llegar a los diferentes contenidos nuestras webs. Tiene que saber a dónde va y tener confianza en el sitio. Aquí algunos puntos a tener en cuenta a la hora diseñar un sitio:
  • 7. o No puede haber demasiados "volver". o Ten siempre un menú visible. o Tiene que haber una forma de llegar directamente a la página principal desde todas las páginas. o Diseña el sitio de tal manera que el usuario nunca tenga que usar los botones "Atrás" y "Adelante" del navegador más que para salir de tu sitio. o El tener páginas perdidas, es decir, que no se comuniquen con ningún link al resto del sitio, es un gran error. o Si una sección de tu sitio tiene secciones temáticas grandes, trata de poner un menú adicional (en otro sentido que el principal) que lleve a las diferentes páginas de dichas secciones. o También es bueno tener un pequeño menú de acceso rápido, este debe ser más pequeño y llevar a lugares importantes cómo la página principal o la de contacto. No debería tener más de tres links. o Pon los links bien visibles para que el usuario no los tenga que buscar. o Lograr una forma para que se pueda llegar a todas las páginas de tu sitio desde cualquier página sería el máximo exponente. o Si no puedes conseguir lo anterior, hay una regla que siempre debe ser cumplida: la regla de los tres clicks.
  • 8. o El usuario tiene que poder llegar desde cualquier parte del sitio a cualquier otra en no más de tres clics. Si se supera esa cantidad, algo no está bien. o Trata de que lo primero que cargue en la página sean los links (el menú, íconos, etc.). De esta forma el usuario no tendrá que esperar si ya sabe a donde quiere ir”.