Migajas de pan: ¿está bien colocarlas en la parte superior de una página?
¿Deberían colocarse las migas de pan en la esquina superior izquierda de una página?
Las migas de pan parecen estar siempre ubicadas directamente debajo del menú de navegación o sobre el contenido de la página. Un artículo de 1stWebDesigner muestra algunos ejemplos creativos de diseño de migas de pan , 99% de los cuales usan este formato.
Poner las migas de pan por encima de todo lo demás en la página crea una falsa jerarquía visual.
Le sugiero que lea Steve Krug's Don't Make Me Think para una explicación más detallada (el capítulo 6 discutió la navegación y las migas de pan).
Para resumirlo muy brevemente, cada sección de la página tiene un encabezado, que generalmente contiene títulos, pero también puede contener acciones, que afectan solo a esa sección específica.
Un control superior de migas de pan implica que todo en la página es exclusivo de esta ubicación y al cambiar la ubicación, cambia toda la página.
La imagen mental que solemos tener de un sitio es que tiene un elemento envolvente que es global y común a todas las páginas. Este elemento generalmente contiene el título/logotipo, navegación, etc. Aunque técnicamente podría recargarse con cada página, (deberíamos) percibirlo como constante y sin cambios.
También considere que si la navegación está debajo de las rutas de exploración, puede parecer extraño navegar a otra página, esperando cambiar solo el contenido debajo de la navegación (mientras permanece constante), pero en cambio cambiar algo "por encima" en la jerarquía.
Creo que el mejor lugar para poner migas de pan es en la basura. Realmente no proporcionan tanto valor a un sitio.
Si insiste en tenerlos, luego de la navegación del sitio es el mejor lugar para colocarlos. Ponerlos en la parte superior del sitio es una muy mala idea para mí. Seguramente dañará su SEO y accesibilidad, y también es probable que dañe la estética de su sitio. Las migas de pan no son exactamente "bonitas".
La razón por la que se colocan justo encima del contenido es porque se relacionan directamente con el contenido. Si los coloca por encima de los saltos de navegación/encabezado que enlazan con el contenido, las migas de pan pierden algo de contexto. He visto este tipo de cosas referidas como resonancia cognitiva, aunque realmente no es una frase válida, tiene sentido aquí.
EDITAR: Expandir cómo perjudica la accesibilidad y el SEO:
Accesibilidad: Si coloca las migas de pan en la parte superior de la página, las personas que usan tecnologías de asistencia como lectores de pantalla ahora tienen que moverse a través de todas sus migas de pan para acceder a los enlaces de navegación del sitio. Debido a esto, debe considerar realmente cuál es el objetivo más probable para su usuario, haciendo clic en un enlace de navegación o haciendo clic en un enlace de ruta de navegación. A menos que sea Craigslist, donde la única navegación que tiene son las rutas de navegación, el candidato más probable es los enlaces de navegación.
SEO: Los motores de búsqueda solo siguen una cierta cantidad de enlaces (y leen una cierta cantidad de contenido en una página, pero eso es menos importante aquí). Nuevamente, lleva a la importancia. Lo que es más valioso para usted haber seguido el rastreador de Google, sus enlaces de ruta de navegación o los enlaces de navegación de su sitio principal (lo que idealmente conducirá al rastreador a mucho más contenido que las rutas de navegación). Ahora, esto probablemente no sea una preocupación, porque la mayoría de los rastreadores probablemente seguirán más profundamente en la página que solo su navegación y sus migas de pan, pero es mejor estar seguro con ese tipo de cosas.
Además, pensé en otra razón para no colocarlos en la parte superior del sitio: no todas las páginas de su sitio tendrán migas de pan. Como tal, el usuario probablemente se acostumbrará a su encabezado buscando de cierta manera y aprenderá a ignorarlo con el tiempo a menos que haya una acción específica que quiera tomar allí. Esto significa que es probable que sus migas de pan sean ignoradas incluso más que si están justo encima de su contenido. Al menos si están por encima de su contenido, es más probable que estén en la visión del usuario mientras lee el contenido (nuevamente, la resonancia entre las migas de pan y el contenido).
Jakob Nielsen recomienda migas de pan por las siguientes razones
- Las migas de pan muestran a las personas su ubicación actual en relación con los conceptos de nivel superior
- Las migas de pan permiten el acceso con un clic a niveles superiores del sitio
- Las migas de pan nunca causan problemas en las pruebas de usuario
- Las migas de pan ocupan muy poco espacio
Sin embargo, él se refiere a ellos como 'Navegación secundaria', y aunque no es específico al proponer una ubicación, después y subsidiaria de la navegación principal del sitio es una fuerte implicación.
Una forma interesante de hacerlo podría ser crear un híbrido de migas de pan/tabulación en la parte superior de la página, con funciones y formas similares a las pestañas de Google Chrome en el patrón de IU superior.
Si los usa, le sugiero que pertenezcan inmediatamente antes del H1.
Pero tiendo a estar de acuerdo con la idea de que realmente no son tan útiles la mayor parte del tiempo. La única vez que pueden ser es si tiene un sitio que tiene elementos muy compartimentados que se anidan muy profundo. Un ejemplo podría ser un minorista en línea donde es probable que las personas lleguen a una página de producto específica y deseen acceder fácilmente a las listas de categorías de productos generales.