No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Sistemas de navegaci贸n

8/26
Recursos

驴C贸mo navegamos el contenido? En esta etapa definimos las conexiones entre contenidos y c贸mo el usuario puede encontrarlo. Hay diferentes sistemas de navegaci贸n:

  • Navegaci贸n global: Se refiere el men煤 de navegaci贸n global que siempre estar谩 presente en todas las secciones de nuestro sitio.
  • Navegaci贸n local: El men煤 local le permitir谩 al usuario navegar en una secci贸n espec铆fica del sitio.
  • Navegaci贸n contextual: La navegaci贸n contextual ofrece contenido relacionado con el contenido que est谩 consumiendo el usuario y le permite seguir navegando dentro del sitio.

Nuestro objetivo es brindarle al usuario una navegaci贸n flexible que facilite su navegaci贸n, con diferentes maneras de llegar al contenido.

Aportes 48

Preguntas 18

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Este curso, realmente est谩 muy bueno. Revisaba con atenci贸n los consejos de Mar铆a Isabel, y me llam贸 mucho la atenci贸n cuando dice que la navegaci贸n global debe ser consistente en todos los casos y, en ese contexto, se帽al贸 como referencia de malas pr谩cticas los sitios web de algunas universidades. No obstante, aqu铆 hay un punto de debate interesante y es cuando en una organizaci贸n de esta naturaleza, o de otras, en las que llevan a cabo proyectos puntuales y perentorios, no resulta muy 煤til mantener la navegaci贸n global porque me desv铆a la atenci贸n sobre lo que puntualmente deseo que realice el usuario. Un ejemplo puntual es cuando dise帽o una 鈥渓anding page鈥 para un seminario, evento, conferencia internacional o simposio: en esa situaci贸n espec铆fica, pienso, podr铆a crearse una plantilla -respetando el branding, por supuesto- pero sin necesidad de enmarcarla en la misma estructura que se establece para el contenido m谩s corporativo o permanente. No s茅 qu茅 piensen de esto 驴Mi posici贸n es errada o admite considerarse?

Sistemas de navegaci贸n:
Define conexiones entre contenidos y dise帽a como el usuario puede encontrarlos鈥
Navegaci贸n global:
Es el navegador principal, el men煤 o barra conde se encuentran todas las opciones: (donde quiera que este siempre me va a aparecer).
Navegaci贸n Local:
Es la que me permite navegar por todas las sub categor铆as鈥
++Navegaci贸n contextual: ++
Es la informaci贸n relacionada a lo que el usuario esta viendo y que el navegador intuye que le puede gustar al usuario.
++Navegaci贸n flexible: ++
Brinda conexiones entre las diferentes secciones y paginas del sistema.

*Importante incorporar las miga de pan, ya que se帽ala en el navegador global donde se encuentra el usuario, y ayuda a que este no se pierda. *

Soy muy visual y hacer esta clase de apuntes me ayuda a entender y aprender mejor.

Este es un ejemplo de un error en la organizaci贸n de contenidos. Un men煤 principal con m谩s de 10 subcategor铆as.

Sistemas de navegaci贸n

Definici贸n

馃挕Conocido como el conjunto definido de acciones y t茅cnicas de flujo en que los usuarios logran sus metas o interacciones exitosas esperadas por el producto.

.
Hay diferentes sistemas de navegaci贸n:

  • Navegaci贸n global. Se refiere a la navegaci贸n global que siempre estar谩 presente en todas las secciones de nuestro sitio, es decir, es aquella navegaci贸n principal que le indica al usuario cu谩les son las secciones principales.
  • Navegaci贸n local. El men煤 local le permitir谩 al usuario navegar en una secci贸n espec铆fica del sitio.
  • Navegaci贸n contextual. La navegaci贸n contextual ofrece contenido relacionado con el contenido que est谩 consumiendo el usuario y le permite seguir navegando dentro del sitio.

.
Nuestro objetivo es brindarle al usuario una navegaci贸n flexible que facilite su navegaci贸n, con diferentes maneras de llegar al contenido.

*Navegaci贸n global: Se refiere el men煤 de navegaci贸n global que siempre estar谩 presente en todas las secciones de nuestro sitio.

*Navegaci贸n local: El men煤 local le permitir谩 al usuario navegar en una secci贸n espec铆fica del sitio.

*Navegaci贸n contextual: La navegaci贸n contextual ofrece contenido relacionado con el contenido que est谩 consumiendo el usuario y le permite seguir navegando dentro del sitio.

SISTEMA DE NAVEGACION

Como el usuario puede encontrar el contenido organizado

Menu de navegaci贸n global: donde estoy y hacia donde voy
men煤 de navegaci贸n local: Esta relacionado con la navegaci贸n global
men煤 de navegaci贸n conceptual: Esta relacionado con lo que el usuario esta viendo.

La navegaci贸n facetada puede hacer las veces de navegaci贸n local en un sitio.

Miga de pan: Cu谩l fue el camino que recorr铆 hasta llegar aqu铆.

Ejemplo: Ropa y calzados > Faldas

Teniendo en cuenta la navegaci贸n flexible 驴Ser谩 una buena pr谩ctica crear el acceso a una misma secci贸n desde varias partes del mismo home?

Viendo los ejemplos, 驴maximo cuantas secciones recomiendan tener en el men煤 global?

Hasta ahora he visto
Conocer el contexto en diferentes perspectiva tanto del usuario y como el negocio.
despu茅s Saber quien es tu audiencia y que necesidades tienen, despu茅s sigue el contenido.
una ves haber tenido la data, debemos aplicar la forma de de organizar, que puede ser por temas, por ubicaci贸n, alfab茅ticos y facetas.
y ahora nos toca aplicar la informaci贸n aplicando en navegaci贸n global, que es el men煤 donde vas a tener acceso a todas las funciones de la app, despu茅s la navegaci贸n local que es una navegaci贸n de una funcionalidad, despu茅s sigue la navegaci贸n contextual: le permite navegar con diferente contenidos que este relacionado.

Los sistemas de navegaci贸n nos permite facilitar la b煤squeda del usuario, como encontrar铆a lo que est谩 buscando y como encuentra m谩s cosas similares a lo que est谩 buscando:
Navegaci贸n global: Es la p谩gina principal de todo sitio web, las secciones presentes y a donde se puede mover el usuario.
Navegaci贸n local: Navegar en una secci贸n espec铆fica del sitio web, aqu铆 se aplica los subtemas.
Navegaci贸n contextual: Contenido relacionado a lo que el usuario ve o consume, si ve una pel铆cula de terror o una noticia sobre econom铆a, se le ofrece art铆culos relacionados a esa b煤squeda.

Gracias

La clave para que un usuario no se pierda mientras navega en un sitio son los 鈥渂readcrums鈥 o 鈥渕igas de pan鈥 como llama Mar铆a Isabel a partir del minuto 6.
En el ejemplo de etsy, hasta que llega al producto se puede visualizar pero no de una manera correcta, como si lo hace en el sitio de la c谩mara de comercio que en todo momento deja huellas de en que parte del sitio te encuentras y bien visible para el usuario

Navegaci贸n global = Men煤 del sitio web
Navegaci贸n local = Men煤 de cada p谩gina del sitio web
Navegaci贸n contextual = Depende de la informaci贸n o secci贸n en la que est茅s navegando

Qu茅 falditas m谩s feas. 馃槮 jajaj

Tambien es muy importante no encerrar al usuario, darle la opcion para que pueda regresar a la pagina anterior o al menu principal. Personalmente si en una pagina llego a un punto donde no hay salida, inmediatamente cierro la pagina y lo mas probable es que nunca la vuelva a visitar.

Particularmente, que la navegaci贸n en un sitio web me abra en diferentes pesta帽as hace que me pierda muy r谩pido, me confunda y termine cerrando todo 馃ぃ. Me pasa con los sitios de gobierno que forzosamente debo revisar casi a diario. Son super complicados de encontrar la informaci贸n 馃ゴ

excelente clase

Me gust贸 mucho que se mencionara el uso de las migajas de pan, ya que pueden ser muy 煤tiles. Son esos peque帽os detalles que pueden hacer que un usuario se quede en nuestro sitio, y as铆 aumentar las posibilidades de conseguir los objetivos planteados con la p谩gina web.

Y es donde mis ojos visualiza las cosas de otra perspectiva.

Buen铆simo curso!!

habla muy lento, tuve que usar 1.5x

Ahora todo lo veo diferente 馃槂

Hola a todos, me podr铆an por favor explicar un ejemplo de un sistema de navegaci贸n complementario, de mis anotaciones s贸lo tengo que est谩 el global, local y contextual. Gracias!

Navegaci贸n Global

Navegaci贸n Local

Navegaci贸n Contextual

Ejemplos con sitios reales

Las migas de pan son un elemento que facilita no solo la navegaci贸n del sitio, sino que le indican al usuario como lleg贸 a ese contenido. Personalmente recomiendo mucho el uso de ese elemento en sitios muy grandes.
Me parece muy chevere que tambien se pueda usar el sistema de organizaci贸n facetado a manera de navegaci贸n local

excelente el uso de crear caminos (migajas de pan), para no perderse dentro del sitio. Y as铆 poder volver sin abrir tantas pesta帽as, buen tip :like:

驴**Los Submen煤s **ser铆an un tipo de Navegaci贸n Complementaria?.. Suplementaria?.. o ambas?

Sistemas de navegaci贸n:
Definir conexiones entre contenidos y dise帽ar c贸mo el usuario puede encontrarlo, por ejemplo: men煤 principal, accesos r脿pidos, etc.

驴C贸mo navegamos el contenido? En esta etapa definimos las conexiones entre contenidos y c贸mo el usuario puede encontrarlo.

Navegaci贸n flexible como objetivo en nuestro producto digital:
Brindarle al usuario conexiones entre las diferentes secciones y p谩ginas del sistema.

Navegaci贸n contextual
Nota: es cierto que un usuario no experto en navegaci贸n puede perderse facilmente si no se adecua la transici贸n entre pesta帽as.

Focalizar diferencias entre contenido duplicado y tener diferentes rutas para llegar a una misma informaci贸n o secci贸n.

Generar una navegaci贸n flexible

Para conocer m谩s sobre las las bases de la arquitectura y los sistemas les dejo esta web donde tambi茅n hay fuentes de donde obtener mas info.

Excelente informaci贸n sobre como llegar y conocer las diferentes formas de llegar a un mismo contenido tomando en cuenta los tipos de navegaci贸n ya sea: global, local,contextual.

Sistema de navegacion suplementario o complementario es el mapa del sitio. Que es el oranigrama del sitio web.

la navegaci贸n global tambi茅n deber铆a recordarnos en donde estamos, por lo general a trav茅s de un resaltado en su bot贸n o enlace (por ejemplo cuando estamos en el home o la p谩gina de contacto)

Me parece muy importante las migas de pan en la navegaci贸n, ya que nos indica donde estamos ubicados.

El dise帽o de navegaci贸n es la estructura principal que gu铆a a los usuarios a trav茅s del contenido. Para que un usuario se mueva dentro de un sitio, es necesario tener una gu铆a que le entregue las pistas necesarias para que pueda identificar lo que est谩 buscando con la menor fricci贸n posible.

Sistemas de navegaci贸n

驴C贸mo navegamos el contenido? Nosotros ya estructuramos nuestro sistema de organizaci贸n por lo tanto ya tenemos nuestro contenido e informaci贸n organizado. Ahora en esta etapa definimos las conexiones entre contenidos y c贸mo el usuario puede navegar en ella para encontrar lo que necesita.

Nuestro objetivo es brindarle al usuario una navegaci贸n flexible que facilite su navegaci贸n, con diferentes maneras de llegar al contenido.

La miga de pan es s煤per! un muy buen recurso.

Sistemas de navegaci贸n
Una vez definimos como voy a organizar el contenido de manera general, tengo que pasar a definir cuales son las conexiones que van a existir dentro de ese contenido (dise帽aremos el como el usuario puede encontrar ese contenido), cuales son los caminos que le dar茅 para que se mueva dentro de todo el sistema, aplicaci贸n, sitio web o lo que estemos dise帽ando (ejem: Men煤 de navegaci贸n principal, Accesos r谩pidos, links).

  • Navegaci贸n global: Hace referencia al men煤 de navegaci贸n principal de mi sistema, es decir, la barra de navegaci贸n que siempre va a estar presente a donde sea que me mueva dentro del sitio (siempre tiene que ir conmigo), este nos indicara cuales son las acciones principales a donde me puedo mover y que desde donde me encuentre siempre me pueda mover a las otras categor铆as.

  • Navegaci贸n local: Este nos permite navegar dentro de una secci贸n especifica del contenido (subcategor铆as).

  • Navegaci贸n contextual: Esta nos permite seguirnos moviendo dentro del contenido (Noticias relacionadas en una secci贸n)

Lo que tenemos que lograr en nuestro producto digital es generar una navegaci贸n flexible, es decir, brindarle al usuario diferentes conexiones entre las diferentes secciones de la pagina. Que hayan diferentes maneras de llegar al mismo contenido siempre y cuando estas diferentes maneras tengan sentido para el usuario.

Las breadcrumbs son muy 煤tiles