I am designing an account page for a responsive e-commerce site and I was wondering if I need breadcrumb navigations for customer's account page especially when they access deeper into the levels such as order history or order item details. If not, is there any other patterns recommendations?
-
1If you current page is 3 level deep then it's considered to be a good practice to use breadcrumbs. You could read a bit more about it here uxmovement.com/navigation/…. In terms of responsive patterns, this answer summarises best practices ux.stackexchange.com/questions/71862/….– Mindaugas VaiciulisApr 25, 2017 at 22:14
1 Answer
Using a breadcrumb is likely the simplest solution to "How will the User know where they are?" as it's a very literal and to-the-point way of showing that. Breadcrumbs are a convention because they often best solve the problem. Are there other ways? sure. Will they work as well? Errr....
Either way, since you asked, here are some alternatives:
-
Nested menu that is expanded automatically
WordPress is a good example of this. The menu is always visible, and when you're in a subpage, the parent is expanded and the page you're viewing is bolded. Now, this only works well when the navigation isn't too deep, but instead calls for a wide site structure. As you mentioned, your site does not do this.
-
Tabs/Separate Menus
Basically, split your navigation into pieces. Is this bad? Often times, yes. But, sometimes it makes sense.
WordPress, once again, is a good example of this. Due to the limitations of the side menu, plugin developers often use tabs to separate content for their plugin's configuration settings. This is more a result of a limited framework and people just trying to make the best of it. This isn't a solution you should default to.
-
Don't Show Anything
As long as the users know how to go back to where they were, it might not be a big deal if there isn't a breadcrumb. Does every link in that breadcrumb take users somewhere they'd want to go and is that the easiest, most intuitive way for them to get there? If so, keep the breadcrumb. If not, let them use normal navigation, back buttons, and whatever else.