By navigation path, I mean the menu items in the header (or burger menu) that lead to the current page. For example: Level 1 (directly shown in your main menu): Electronics Level 2: Accessories Level 3: Phone Cases And even if they know the path they took because they started on the homepage and […]
This helps shoppers keep track of their purchases, and makes it clear to them that they added something to cart.
Two out of IKEA’s three icons are confusing. On desktop it’s possible to add alternate text which shows when hovering the mouse on the icon, but not on mobile. So I think a better approach is to not use confusing icons in the first place by not deviating too much from standard icons for […]
You might say, “isn’t Google Maps enough?” Users still turn to your store website to confirm your opening hours and holidays when you’re closed. And if they’re already on your store when they need to locate your store, their next logical step is to open your store locator, and not go on Google Maps. If […]
There’s less space on mobile. The ideal solution is to have a logo already so simple that it is just as clear on desktop and mobile. But perhaps that’s not your case. An easy solution to that is to simplify it. If on desktop it contains a slogan underneath, remove it on mobile. Make sure […]
For example, these pages can appear only in the footer. They don’t need to be in the header menu. Blog About Us Contact Us Shipping & Returns Information
Menu flickering is when users move their mouse towards a sub-category, and instead accidentally activate another parent category, causing the drop-down menu to change.
Especially if you have a high quantity of products, an accessible search is crucial to a good user experience, and making it easy for users to find what they want from your store. It doesn’t get much better than IKEA’s layout when it comes to having a search box prominently placed in the header.
That usually means that the left swiping gesture and tapping outside of the menu panel should close it. If there is an X button, it should be big enough to be easy to click. I often see burger menus on mobile where the X icon to close it is in a totally different spot than […]
Semi-sticky means that it re-appears when scrolling back up. A sticky or semi-sticky header makes visitors not have to scroll all the way up to go to another page or do another search. You can also simplify the sticky or semi-sticky header that shows up as the user is scrolling back up, and then show […]