SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
Menú Lateral
También llamado panel lateral, es un elemento usado en las interfaces gráficas
que permiten mostrar diferentes formas de información en un lado (derecho o
izquierdo) de una aplicación o el escritorio.
Porque te ayuda tener distintos menús laterales en tu página web
Esta vez te hablare de las ventajas que tendrás si en tu página web trabajas
distintas barras o menús laterales, esto hará que tus visitantes “devoren” más
información relacionada a tus productos y servicios.
1.- Mostrar información relacionada
Es mucho mejor que la sidebar, menú o barra lateral que tu página web muestra
corresponda en datos, información y enlaces al mismo artículo que en
ese momento tu visitante lee. Una muy buena opción sera la de mostrar los
últimos artículos publicados sobre una categoría en especial.
2.- Promociones y ofertas para cada categoría
Los visitantes a tu página pueden ver ofertas, promociones relacionadas al
producto o servicio que les describes en la publicación que ellos leen en ese
momento
Imagina que tienes una pastelería y publicas un artículo sobre pasteles para
bodas en el que describes, sabores, tamaños, formas de adornos, etc,
etc. Entonces quienes lean tu articulo también podrán ver (si tu página está
hecha estratégicamente) a un lado un menú en el que podrías tener desde
promociones, foto galería, videos y más, todo referente a los pasteles para
bodas.
3.- Visitantes pasaran más tiempo en tu página
Ten la certeza que con un menú o barra lateral personalizada para cada sección
o categoría de tu página web, hará que quien la visite lea más artículos y con
eso aumente el tiempo que pase en tu página, esto del tiempo que tarde en tu
sitio ayudara a posicionar mejor tu página, pues google entre los datos que toma
en cuenta para dar o no relevancia a un sitio es el tiempo que los visitantes pasan
o duran en él.
¿Qué es el menú de navegación?
El menú de navegación lateral es un elemento esencial dentro de nuestra página
web por varios motivos, el primero es que este menú permanece fijo y se muestra
en todas las páginas de nuestra web (al igual que el header) y el segundo es que
gracias al conseguiremos que nuestros visitantes encuentren la información que
buscan dentro de nuestro sitio web.
Así que deberemos prestarle la atención que se merece, dotarle de un diseño y
apariencia sencillo y una buena organización.
¿Dónde coloco el menú de navegación?
Lo primero que tenemos que tener claro es donde vamos a situar el menú de
navegación.
Durante los años son muchos los sitios donde he probado a colocar el menú de
navegación de diferentes webs y blogs, propios y de clientes, y estudiando los
resultados queda claro que lo mejor y más efectivo es colocarlo arriba a la
derecha.
¿Cuantos elementos debería tener mi menú de navegación?
En el menú de navegación no tenemos por qué poner todas las secciones de
nuestra web, solo las más importantes.
Mi consejo es que el menú de navegación debería tener 4 y 6 elementos >=<
(Menos es Mas). Cuantas menos opciones les demos al usuario más rápido
asume las que tiene y obtenemos un mayor índice de conversión.
Eso no quiere decir que no puedas tener más paginas o secciones, pero en el
menú debes poner las mínimas necesarias.
Otra recomendación es que evites en todo lo posible añadir subniveles y
desplegables en tu menú, esto suele funcionar con comando rollout y lo más
normal es que den problemas con los smartphones y tablets, y ya sabemos que
ha día de hoy el 50% de las visitas a webs proceden de terminales moviles.
Si en vuestra web tenéis un menú con subniveles haced la prueba, entrad en
Google Analytics y podréis comprobar como todas las páginas que estén dentro
de un subnivel tendrán muchísimas menos visitas que el resto.
Y por último, pero no por ello menos importante, no pongas los iconos de redes
sociales en el menú de navegación.
Esto es una práctica que he visto en muchas páginas webs, pero es un error,
nuestras redes sociales deberían servir para atraer público a nuestra web. Si
colocamos nuestras redes sociales en el menú solo conseguiremos que el
público de nuestra web se vaya a las redes sociales y eso no nos interesa.
Claro que debemos poner nuestras redes sociales en la web, pero yo aconsejo
ponerlas en el footer, de forma que si alguien las busca las encontrara rápido,
pero no sera lo primero que vean nada más entrar en la web.
Menús Horizontal versus vertical
Más allá del gusto personal, muchos son los factores que influyen en la elección
de un menú de navegación horizontal o vertical, destacando el diseño, la
usabilidad y la cantidad de contenido. Muchas veces los profesionales del diseño
web incluyen iconos en el menú de navegación para añadir elementos visuales
que faciliten la navegación. También se utiliza muchas veces una tipografía rica,
como es el caso del menú de este blog. El motivo es que como el menú de
navegación es la parte más popular de la página web, pues es la que nos permite
navegar, se le puede dar un trato especial, sea con tipografía, sea con iconos,
sea con ambas, para darle un toque más especial y único.
Amazon.es, por ejemplo, emplea un menú de navegación vertical porque se
espera una ampliación de contenidos como en los otros Amazon del mundo
(véase Amazon.com), lo que no deja espacio posible en un menú horizontal y,
en el caso de sí o sí querer usar un menú horizontal, dificultaría la navegación,
por lo que es importante el número de elementos que aparecen en un menú cara
decidir si es mejor un diseño web con un menú horizontal o vertical.
Otro punto a tener en cuenta es si se pretende tener el sitio web en varios
idiomas. Así, lo que en inglés es breve, en castellano o alemán puede ser una
parrafada. Un ejemplo clásico: en inglés las páginas “sobre nosotros” se llaman
“about us” o incluso se acepta “about”. Compara con la longitud de “sobre
nosotros”, te cargas el menú de navegación en comparación a la versión inglesa.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Analisis sitio web
Analisis sitio webAnalisis sitio web
Analisis sitio web
 
Anatomia de las paginas web
Anatomia de las paginas webAnatomia de las paginas web
Anatomia de las paginas web
 
SOMOS, análisis de la web de la campaña
SOMOS, análisis de la web de la campañaSOMOS, análisis de la web de la campaña
SOMOS, análisis de la web de la campaña
 
Presentation google instant
Presentation google instantPresentation google instant
Presentation google instant
 
Documento yola
Documento yolaDocumento yola
Documento yola
 
Samanta2
Samanta2Samanta2
Samanta2
 

Destacado (20)

Diseño web-personales institucionales
Diseño web-personales institucionalesDiseño web-personales institucionales
Diseño web-personales institucionales
 
La musica
La musicaLa musica
La musica
 
Parcial corte 2 pp
Parcial corte 2 ppParcial corte 2 pp
Parcial corte 2 pp
 
Physical Chemistry II (CHEM 308)
Physical Chemistry II (CHEM 308)Physical Chemistry II (CHEM 308)
Physical Chemistry II (CHEM 308)
 
Financial first aid bank indonesia
Financial first aid bank indonesiaFinancial first aid bank indonesia
Financial first aid bank indonesia
 
Sociedade da informac a o
Sociedade da informac a o Sociedade da informac a o
Sociedade da informac a o
 
OLC Innovate 2016: Teaching in Higher Ed Podcast
OLC Innovate 2016: Teaching in Higher Ed PodcastOLC Innovate 2016: Teaching in Higher Ed Podcast
OLC Innovate 2016: Teaching in Higher Ed Podcast
 
Tech Talk Tokyo #1
Tech Talk Tokyo #1Tech Talk Tokyo #1
Tech Talk Tokyo #1
 
Elaboración del resumen
Elaboración del resumenElaboración del resumen
Elaboración del resumen
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Diseño Web-Personales Institucionales
Diseño Web-Personales InstitucionalesDiseño Web-Personales Institucionales
Diseño Web-Personales Institucionales
 
Manual chat
Manual chatManual chat
Manual chat
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 

Similar a Barra lateral

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_webmontserratcova
 
Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress Arsys
 
Guia html2
Guia html2Guia html2
Guia html2ljds
 
Jm checklist
Jm checklistJm checklist
Jm checklistdedarisu
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaEliasib Silva
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación expertavictorusc2012
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación expertavictorusc2012
 
11401720 pasos-para-iniciar-tu-posicionamiento
11401720 pasos-para-iniciar-tu-posicionamiento11401720 pasos-para-iniciar-tu-posicionamiento
11401720 pasos-para-iniciar-tu-posicionamientoSalvador Merida
 
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEO
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEOUsa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEO
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEOAlojate.com
 
Como hacer un sitio web rentable
Como hacer un sitio web rentableComo hacer un sitio web rentable
Como hacer un sitio web rentablepaulina-rosales
 
Guía para evaluación experta
Guía para evaluación expertaGuía para evaluación experta
Guía para evaluación expertaMauricio Lopez
 
Prueba prprprp
Prueba prprprpPrueba prprprp
Prueba prprprpusupr2014
 

Similar a Barra lateral (20)

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
 
Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress
 
Guia html2
Guia html2Guia html2
Guia html2
 
Multimedia
MultimediaMultimedia
Multimedia
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Jm checklist
Jm checklistJm checklist
Jm checklist
 
Documento pdf
Documento pdfDocumento pdf
Documento pdf
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
11401720 pasos-para-iniciar-tu-posicionamiento
11401720 pasos-para-iniciar-tu-posicionamiento11401720 pasos-para-iniciar-tu-posicionamiento
11401720 pasos-para-iniciar-tu-posicionamiento
 
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEO
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEOUsa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEO
Usa Contenido Enriquecido en tu Sitio Web y Ve más Allá del SEO
 
Como hacer un sitio web rentable
Como hacer un sitio web rentableComo hacer un sitio web rentable
Como hacer un sitio web rentable
 
Guía para evaluación experta
Guía para evaluación expertaGuía para evaluación experta
Guía para evaluación experta
 
Prueba prprprp
Prueba prprprpPrueba prprprp
Prueba prprprp
 
Análisis de Sitio Web
Análisis de Sitio WebAnálisis de Sitio Web
Análisis de Sitio Web
 

Último

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 

Último (20)

Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 

Barra lateral

  • 1. Menú Lateral También llamado panel lateral, es un elemento usado en las interfaces gráficas que permiten mostrar diferentes formas de información en un lado (derecho o izquierdo) de una aplicación o el escritorio. Porque te ayuda tener distintos menús laterales en tu página web Esta vez te hablare de las ventajas que tendrás si en tu página web trabajas distintas barras o menús laterales, esto hará que tus visitantes “devoren” más información relacionada a tus productos y servicios. 1.- Mostrar información relacionada Es mucho mejor que la sidebar, menú o barra lateral que tu página web muestra corresponda en datos, información y enlaces al mismo artículo que en ese momento tu visitante lee. Una muy buena opción sera la de mostrar los últimos artículos publicados sobre una categoría en especial. 2.- Promociones y ofertas para cada categoría Los visitantes a tu página pueden ver ofertas, promociones relacionadas al producto o servicio que les describes en la publicación que ellos leen en ese momento Imagina que tienes una pastelería y publicas un artículo sobre pasteles para bodas en el que describes, sabores, tamaños, formas de adornos, etc, etc. Entonces quienes lean tu articulo también podrán ver (si tu página está hecha estratégicamente) a un lado un menú en el que podrías tener desde promociones, foto galería, videos y más, todo referente a los pasteles para bodas.
  • 2. 3.- Visitantes pasaran más tiempo en tu página Ten la certeza que con un menú o barra lateral personalizada para cada sección o categoría de tu página web, hará que quien la visite lea más artículos y con eso aumente el tiempo que pase en tu página, esto del tiempo que tarde en tu sitio ayudara a posicionar mejor tu página, pues google entre los datos que toma en cuenta para dar o no relevancia a un sitio es el tiempo que los visitantes pasan o duran en él. ¿Qué es el menú de navegación? El menú de navegación lateral es un elemento esencial dentro de nuestra página web por varios motivos, el primero es que este menú permanece fijo y se muestra en todas las páginas de nuestra web (al igual que el header) y el segundo es que gracias al conseguiremos que nuestros visitantes encuentren la información que buscan dentro de nuestro sitio web. Así que deberemos prestarle la atención que se merece, dotarle de un diseño y apariencia sencillo y una buena organización. ¿Dónde coloco el menú de navegación? Lo primero que tenemos que tener claro es donde vamos a situar el menú de navegación. Durante los años son muchos los sitios donde he probado a colocar el menú de navegación de diferentes webs y blogs, propios y de clientes, y estudiando los resultados queda claro que lo mejor y más efectivo es colocarlo arriba a la derecha. ¿Cuantos elementos debería tener mi menú de navegación? En el menú de navegación no tenemos por qué poner todas las secciones de nuestra web, solo las más importantes.
  • 3. Mi consejo es que el menú de navegación debería tener 4 y 6 elementos >=< (Menos es Mas). Cuantas menos opciones les demos al usuario más rápido asume las que tiene y obtenemos un mayor índice de conversión. Eso no quiere decir que no puedas tener más paginas o secciones, pero en el menú debes poner las mínimas necesarias. Otra recomendación es que evites en todo lo posible añadir subniveles y desplegables en tu menú, esto suele funcionar con comando rollout y lo más normal es que den problemas con los smartphones y tablets, y ya sabemos que ha día de hoy el 50% de las visitas a webs proceden de terminales moviles. Si en vuestra web tenéis un menú con subniveles haced la prueba, entrad en Google Analytics y podréis comprobar como todas las páginas que estén dentro de un subnivel tendrán muchísimas menos visitas que el resto. Y por último, pero no por ello menos importante, no pongas los iconos de redes sociales en el menú de navegación. Esto es una práctica que he visto en muchas páginas webs, pero es un error, nuestras redes sociales deberían servir para atraer público a nuestra web. Si colocamos nuestras redes sociales en el menú solo conseguiremos que el público de nuestra web se vaya a las redes sociales y eso no nos interesa. Claro que debemos poner nuestras redes sociales en la web, pero yo aconsejo ponerlas en el footer, de forma que si alguien las busca las encontrara rápido, pero no sera lo primero que vean nada más entrar en la web.
  • 4. Menús Horizontal versus vertical Más allá del gusto personal, muchos son los factores que influyen en la elección de un menú de navegación horizontal o vertical, destacando el diseño, la usabilidad y la cantidad de contenido. Muchas veces los profesionales del diseño web incluyen iconos en el menú de navegación para añadir elementos visuales que faciliten la navegación. También se utiliza muchas veces una tipografía rica, como es el caso del menú de este blog. El motivo es que como el menú de navegación es la parte más popular de la página web, pues es la que nos permite navegar, se le puede dar un trato especial, sea con tipografía, sea con iconos, sea con ambas, para darle un toque más especial y único. Amazon.es, por ejemplo, emplea un menú de navegación vertical porque se espera una ampliación de contenidos como en los otros Amazon del mundo (véase Amazon.com), lo que no deja espacio posible en un menú horizontal y, en el caso de sí o sí querer usar un menú horizontal, dificultaría la navegación, por lo que es importante el número de elementos que aparecen en un menú cara decidir si es mejor un diseño web con un menú horizontal o vertical. Otro punto a tener en cuenta es si se pretende tener el sitio web en varios idiomas. Así, lo que en inglés es breve, en castellano o alemán puede ser una parrafada. Un ejemplo clásico: en inglés las páginas “sobre nosotros” se llaman “about us” o incluso se acepta “about”. Compara con la longitud de “sobre nosotros”, te cargas el menú de navegación en comparación a la versión inglesa.