Pesmet en el diseño de WordPress: una receta para mejorar la navegación

¿Alguna vez has saltado en línea para buscar algo, como un traje de baño o una nueva licuadora, solo para ser una hora más tarde, preguntándote cómo demonios pudiste ver videos en Melon? Sí, nunca hice eso tampoco. No importa con qué frecuencia te suceda esto, sabes que la sensación de temblor que tienes cuando finalmente te protegen de la espiral descendente y te das cuenta de que ni siquiera recuerdas lo que te trajo allí en primer lugar. Ahora piense en la experiencia de un visitante en su sitio. Vinieron a su sitio, con la intención de encontrar algo. Luego son atrapados mirando muchas otras cosas y descubre que se han movido demasiado lejos de la carretera trillada. Quieren retirarse, pero no tienen idea de dónde están en su sitio. Podría echar un vistazo a la navegación, pero el menú no incluye todo el desglose de las categorías que las llevaron a la página.
Aquí hay pan útil. ¿Cuáles son las migajas? En los términos más simples, los paneles de pan son una forma de navegación para un sitio web. Por lo general, juegan un papel secundario en comparación con la navegación principal y permiten a los visitantes ver niveles de navegación más profundos que están directamente relacionados con lo que están buscando. Sin embargo, hay más que eso: Pesmet como migas de pan de navegación secundaria evita que tenga que llenar cada página en su sitio. Sería simplemente desordenado y no fácil de usar. En contraste, el “menú”, que es solo una lista horizontal de hipervínculos, se coloca sobre su contenido.
Aquí hay algunos ejemplos de este estilo de navegación secundario de las migajas: Google Drive siempre incluye la ruta de los usuarios en la parte superior, por lo que es fácil volver a una carpeta anterior sin tener que hacer clic en el botón “Back” varias veces o volver a mi Conduzca para comenzar todo de nuevo. Google Drive.

Y otros servicios de almacenamiento de archivos están haciendo esto, argumentando por qué las migas de pan son excelentes para ayudar a mantener negocios y personas mejor organizadas. Así es como Dropbox hace las migajas:
Dropbox Pans.

A, y si no lo ha notado, el blog WPMU Dev hace un buen trabajo al usar pan rallado para mostrar categorías de blog (algo que no puede encontrar en otro lugar, pero sigue siendo una información maravillosa):
Los panes del blog WPMU Dev.

Pesmet para demostrar la jerarquía para asumir que un visitante encuentra uno de sus productos buscando en Google y se dirige directamente a esa página. Les gusta el producto, pero no es exactamente lo que querían. En lugar de regresar a Google y en lugar de ir a su página inicial para comenzar desde cero, las migajas permiten a los visitantes ir rápidamente a artículos o categorías que les interesan. Entonces, aunque ese juguete para perros puede no haber sido lo que querían, la categoría general “juguete para perros” en el pan puede conducir a una mejor combinación.
La mayoría de los principales minoristas en línea utilizarán pan de pan jerárquico para aliviar el camino de los usuarios a categorías más amplias. Por ejemplo: la categorización de los teléfonos inteligentes inalámbricos Verizon es un buen ejemplo a este respecto: los panes inalámbricos de Verizon.
Xerox también lo hace:

Las migas de pan de Xerox.
eBay es otro ejemplo en esto:

Panes eBay.
Y, por supuesto, Best Buy … que a los expertos en diseño web parecen gustarles:

Pesmet de Best Buy.
Pesmet para mostrar filtros seleccionados Muchos sitios web con un amplio inventario de productos proporciona capacidades de filtro de visitantes para restringir mejor su búsqueda. Hay algunos que han ido tan lejos como para dar a los visitantes más control sobre sus filtros, agregándolos a una barra de pan personalizable.

Así es como lo hace Gap:
Pan de Gap.
Y Zappos:

La miga de Zappos.
Como puede ver, no se trata tanto de ayudar a los visitantes a navegar a otra página. Se trata de darles una forma de eliminar una categoría o filtro para que puedan navegar de regreso a un conjunto anterior de opciones filtradas. Pesmet para las etapas de un proceso, es probablemente la menor de probabilidades de usarlo, pero es una buena opción para mantener si alguno de sus procesos en el lugar requiere más pasos. Piense en un pedido en múltiples pasos, una solicitud de empleo o una encuesta de clientes: las barras de progreso en la parte superior o inferior son una miga. La miga, en este caso, muestra a los visitantes cuánto en el proceso se completa.

Dollar Shave Club incluye Pesmet en el proceso de registro:
Pesmet Dollar Shave Club.
Aunque muchos sitios han ido a una ruta de compra de una sola página, todavía hay aquellos como AO.com que creen que vale la pena mantener el proceso en varios pasos y, a su vez, uso migas de pan para garantizar que los visitantes solo se necesitan unos pocos pasos .Themetul ao.com.

Este también es un instrumento que puede usar si tiene cuestionarios o encuestas en su sitio web. Aunque promete un incentivo al final, el proceso en varios pasos es hermoso, es posible que encuentre tasas de finalización más altas si puede mostrarles visiblemente cuánto tiene que hacer, ya que esta encuesta de clientes de Mazda:
Pesmet Mazda.

8 consejos para el uso efectivo de las migas de pan, como puede ver, hay una combinación de usos para pan rallado, todo lo cual para mejorar la experiencia del usuario en su sitio.
Mejoran la autoevaluación, ya que evitan que los visitantes tengan que regresar al menú principal.


Ofrecen pistas visuales que dirigen a los visitantes a explorar otras categorías o artículos relacionados.
Hacen que su flujo de trabajo sea eficiente y sus usuarios (como Google Drive).
Facilitan las posibles preocupaciones sobre la participación en un proceso (como la encuesta o el pago).
Ayudan en SEO, ofreciendo un contexto de motores de búsqueda sobre cómo están vinculadas las páginas, productos o servicios.
Apoyan un diseño mínimo, manteniendo la navegación secundaria fuera de la carretera.
Si su sitio de WordPress podría beneficiarse de las migas de pan, asegúrese de hacerlo correctamente. Aquí hay ocho consejos a tener en cuenta si desea usar pan rallado de manera efectiva para admitir la experiencia de sus usuarios: 1. Use solo un tipo de migas de pan está destinada a mejorar la navegación, no para complicarlo demasiado. Probablemente, el mayor delincuente de los tipos mixtos de migas de pan es el e-Tailer (no nombra el nombre, pero … Amazon hace esto) que mezcla las migas jerárquicas con filtros. Como regla general:
Los sitios centrados en el contenido y las aplicaciones organizacionales deben utilizar la navegación de navegación secundaria.
Los sitios con un inventario masivo de artículos relacionados y rebeldes se beneficiarían del uso de la jerarquía de paneles de pan que dividen los artículos en grupos o categorías naturales.
Los sitios ricos en productos, con un cierto tipo de producto que se puede dividir en una variedad de estilos, tamaños o modos (como un operador de ropa) deben usar pan rallado.
Los procesos de múltiples pasos deben usar los braos de la barra de progreso.
2. No tienes que usar migas de pan
Sí, las migajas son útiles para mejorar la navegación de su sitio. Sin embargo, si tiene un sitio pequeño o un mega, su menú puede contener fácilmente todas las páginas, entonces probablemente no necesite pan. No use el diseño innecesariamente si no lo necesita. 3. Nunca use como navegación principal, hay ciertos elementos de un sitio que los visitantes han llegado a reconocer y con el que se sienten cómodos, como colocar el logotipo en términos de navegación. También saben qué buscar en una navegación primaria: páginas simples y claras, lo que los dirige al contenido más importante del sitio. Nunca intentes cambiar la navegación secundaria y primaria. Cada uno tiene un propósito y estilo únicos. Cree separadores distintos dependiendo del complemento que utilice para configurar sus migajas, es posible que no tenga voz en este problema. Independientemente de sus opciones, querrá asegurarse de que lo que use incluya un símbolo distinto para mantener cada nivel, filtro o categoría separada. “>
“Es probablemente el separador más común, aunque hay algunos sitios que usan”/”. 5. Sea razonable sobre el tamaño, recuerde que esta es una navegación secundaria. La mayoría de las personas ya saben dónde buscarlo, por lo que no hay razón para dominar o abrumar su bandeja de pan. 6. Destaca la ubicación actual en los ejemplos de migas de pan arriba, notará que cada uno de ellos usa un texto engrosado o coloreado para indicar que “estás aquí”. Estas corrientes de la página actual también deben ser elegantes como un texto simple. Si el hipervínculo permanece en ellos, eso podría crear confusión para los visitantes que piensan que hay más para explorar allí. 7. Coloque solo en las páginas relevantes que las migas de pan no son como una navegación principal que debe estar presente en su sitio en cualquier momento (o al menos en el enlace del icono de hamburguesas que lo lleva a los visitantes). De hecho, debe colocar migas de pan solo en las páginas donde se requiere navegación secundaria. Por lo tanto, la página inicial, las páginas de venta de destino, contacto, sobre nosotros, etc., no necesitarán pan rallado. 8. Use el complemento Breadcrumb Navx que no necesita intentar codificar su pan de pan de pan de pan bread es un complemento de alta calidad que puede usar para que sus migajas se vean bien y funcionen sin problemas.
Breadcrumb Navx es un complemento “localizado”, por lo que significa que funciona de manera similar a las que se encuentra en Google o en el blog WPMU Dev. En otras palabras, si desea que los visitantes vean los pasos que los llevaron directamente a su ubicación actual, este es el complemento para hacerlo. Viene con una serie de opciones de personalización (como cambiar el símbolo del separador de Pessmet), por lo que tiene un espacio de movimiento en términos del lugar donde funcionarán los panes y cómo se verán. Para otros tipos de migas de pan, consulte con su complemento de comercio electrónico y SEO para ver si incluyen esta función. Muchos de ellos lo hacen, porque las migajas están tan estrechamente relacionadas con ambos, así que verifique lo que tiene actualmente antes de obtener una nueva. La conclusión, como te dirías, cada niño pequeño y la niña perdida en el bosque, dejar un rastro de pan es una buena manera de asegurarse de que puedas recuperarte en tus pasos. A menos que las aves coman las migas de pan, en cuyo caso, puede entrar en la casa de una bruja … ¡pero no sé que tendrá que preocuparse por eso en línea! Sin embargo, las migajas son una buena idea si su sitio contiene un gran inventario que desea que los visitantes exploren fácilmente. Su navegación principal, de manera realista, no puede aceptar todas esas páginas o artículos, por lo que el uso de la navegación secundaria para compartir esa información con los visitantes es un movimiento inteligente. Harán su navegación autoguiada más fácil en el sitio y pueden abrirlas a otras oportunidades que no sabían.
USTED: ¿Crees que las migajas han aparecido en respuesta a un diseño mínimo y para eliminar la barra lateral como un elemento de diseño “imprescindible”?¿O crees que son solo una progresión natural de la adopción de varias características de diseño UX en diseños web cotidianos? Etiquetas:
migas de pan
navegación