Aqw Lost Breadcrumbs

[Bazara Benavides]

Myson went outside to play after breakfast. I told him to stay close but he must have wandered into the woods near the graveyard and got lost. He could still be out there, cold, hungry and alone. Or hurt! Please, find him. I don't have much but I'll give you my house if I have to.

Hi there, couple of irritating problems that us novices create from time to time. I have done a fair amount of testing over the weekend as I want to revise the site genrerally. It is a little dated and has more traffic now that it used to, so I wanted to look at different ways to lay it out.

Pro is just like X but with more advanced features such as the Header and Footer builders. Upgrading to Pro really depends on the skillset of the user and the willingness to go through a slight learning curve.

Have added the CSS and most importantly the Nav bar height and have regained the breadcrumbs. Thank you for that, however the menu drop down in that nav bar are still staying open even though they have lost focus. Can you help with this?! Photo below shows wedding menu item open despite the fact that the cursor is near the middle of the page

Wedding menu open19201080 130 KB

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

The Brothers Grimm's Hansel and Gretel is a story of a brother and sister who are sent into the forest to look for food. The children leave breadcrumbs on the ground as a means of trying to create a trail to follow home.

I try to look at items like breadcrumbs from 3 aspects: UX, IA, & SEO. The article is more heavily biased in terms of SEO vs UX. Meaning - you can provide breadcrumbs and should, but beyond the basic text breadcrumb and location. Architecting your breadcrumb should be about IA and SEO.

The breadcrumbs that will display depends on the route the customer chose to access the product page. For example, if your customer don't have collections your breadcrumbs won't state as such. Perhaps you can provide us with your URL so we can take a look at what you currently have.

The most practical ways to apply breadcrumbs to anything are to sprinkle them on top by the spoonful (like a flavorsome fairy dust), or to simply use them as a dip: Scatter crumbs over your plate, or dip forkfuls of food straight into the crumbs. I prefer to use the dipping method for meats because it gives excellent coverage; dip anything that has even a tad of moisture to it, and the crumbs will stick beautifully.

As noted, this post-breading technique can be done with many types of crumbs, including other starches like cassava root farofa, panko, or crushed cracker meal. Make your own crumb dip by tossing your favorite ranch-flavored croutons into the food processor, adding seasonings or fried onions, or just stick with the canister of Italian style breadcrumbs you have in the back of your cabinet.

Yet our newest mobile benchmark reveals that, of mobile sites that even have breadcrumbs, 36% fail to include the full category hierarchy in the breadcrumbs on mobile product pages. This is important because our large-scale mobile usability testing reveals that this omission results in mobile users not always understanding where they are on a site and makes it difficult to navigate up the category hierarchy.

Indeed, both our mobile and desktop testing reveals that breadcrumbs are critical, especially for mobile users, to help them understand where they are on a site, as well as to provide them access to additional hierarchy layers.

However, omitting key hierarchy layers from breadcrumbs can mislead users about how products are organized and where they are within the overall site structure, creating a disorienting and potentially tap-intensive shopping experience.

Users may consequently jump further up in the hierarchy than they realize to browse other relevant items, and then have to tap to return to the category in which they were browsing, resulting in an arduous and time-consuming navigation experience.

For instance, presenting just the parent subcategory offers users only a small glimpse of where they are in the hierarchy, which interferes with their ability to understand more broadly how products are categorized and where they are in relationship to that overall category structure.

Also, while displaying only the current scope may reduce the risk of mistaps as users try to navigate up the hierarchy, it severely restricts how far users can go with a single tap because they can go up only one level at a time.

A potentially even more harmful consequence of including only the parent category or subcategory in the breadcrumbs is that it risks uncertainty for some users about where the breadcrumb link will take them.

2. Suppress the homepage and product page layers of the hierarchy. Suppressing the homepage layer and the current product page of a breadcrumb on mobile is a logical step to shorten breadcrumbs.

Implementing breadcrumb links as a horizontally swipeable element saves space while still allowing users access to the complete, or near-complete, hierarchy via a standard mobile gesture, to which testing revealed most users are naturally predisposed.

In particular, truncating either the beginning or the end of the breadcrumb enables users to immediately determine that they can swipe left or right to view and access additional hierarchy layers. Sites with swipeable breadcrumbs were among those that performed particularly well during testing.

Two additional design patterns for implementing breadcrumbs containing the complete hierarchical path can also be considered. However, these should be considered only by sites with a shallow hierarchy, and implemented cautiously:

1. Wrapping breadcrumbs to a second line. Breadcrumbs representing the complete hierarchy wrap to a second line on TigerDirect and Northern Tool, even after replacing the item name in the product page layer with a much shorter item number. Caution is warranted with this approach to ensure sufficient sizing and spacing of individual breadcrumb elements.

1. Wrapping breadcrumbs to a second line. For sites with a shallow hierarchy, wrapping breadcrumb links containing the complete hierarchical path to a second line may be a viable option because the actual occurrence of instances where wrapping is necessary may be low.

Furthermore, wrapping breadcrumb links to a second line can contribute to a cluttered presentation at the top of the page, which makes it difficult for users to differentiate breadcrumbs from other elements and increases the likelihood they will be overlooked.

2. Eliding hierarchy midlayers. Visibly eliding midlayer breadcrumb links with an ellipsis can inform users that additional hierarchy levels exist without taking up extra screen real estate.

At the same time, this approach 1) relies on users noticing the small-sized ellipsis, 2) presumes they understand the expected interaction to expose hidden midlayers, and 3) requires them to take action merely to understand the depth of the hierarchy and their current location in it.

In other words, eliding hierarchy midlayers shifts a lot of effort onto the user, thereby increasing the likelihood that some users will overlook, dismiss, or otherwise ignore the breadcrumbs.

However breadcrumbs are implemented, they can still easily get lost in a mobile viewport when not uniquely and appropriately styled, sufficiently sized, or adequately spaced from other page elements.

During testing, a few users had difficulty recognizing breadcrumbs on the product details page, increasing the time and effort to navigate to other items of interest. When users overlook breadcrumbs, it results in an overall less-intuitive, and more tap-intensive, navigation experience.

1. Avoid crowding breadcrumbs with other elements at the top of the product details page. Identifying breadcrumbs on the product details page can be difficult when too many similarly styled elements are displayed too close to the breadcrumbs.

When breadcrumbs are hard to find or fail to provide access to the complete hierarchy path, it undermines their primary purpose to immediately inform mobile users exactly where they are and support one-tap access to higher hierarchy levels to explore other related items or jump to sibling categories.

Breadcrumb paths that are still too long should be implemented as a horizontally swipeable element, while breadcrumb wrapping and elision should be approached cautiously (or simply avoided in favor of horizontally swipeable breadcrumbs).

I have recently been asked to implement the OOTB Ideas Portal and add it to our Service Portal - I have done this by creating a link and adding SP in the front. The pages seem to come with the OOTB breadcrumb widget, however a couple of problems :

I'm hoping there is an easy way to fix this. Even if it is using the OOTB breadcrumbs as last resort. I just need home to be the Service Portal and not Ideas Portal, and the breadcrumbs to work as they should.

I would agree with you that it should be there, but your custom breadcrumb widget is not that much different than the stock widget in that it is not building the trail of visited pages dynamically; it is simply putting out the breadcrumbs requested by the page (or more specifically, by the widget(s) that are on the page). In the case of the Create New Idea widget, it's "list" (not counting Home) is one item:

To add the extra item to the breadcrumb for this page, you would just need to edit that widget and have it send the extra page in the list of breadcrumbs. This is different than the dynamic breadcrumbs widget, but that one only works properly if every page in your portal uses the widget. Otherwise, it won't pick up visits to pages that don't have the widget on the page and the breadcrumbs will be incomplete.

3a8082e126