![]() There’s just one problem: Walmart’s grocery service is operated on a separate website and it doesn’t have anywhere near the same look and feel as the site. One of the icons on the site’s menu is for Grocery and the top link in the expanded hamburger menu reads “Free Grocery Pickup”. The retail giant clearly wants users to take advantage of its grocery service. Walmart still needs to revamp its online grocery shopping experience Instead, it could tighten up and in some cases rethink its use of space, particularly for visual components like product features. To address this, Walmart doesn’t necessarily have to eliminate a lot of imagery. On mobile in particular, it feels like a lot of scrolling is required. ![]() While the heavy use of photos and other attractive visual elements, is pretty and impactful, it comes at a cost: a lot of real estate is taken up by visual components. Large images are also used to feature products and content that Walmart wants to highlight.Īccording to Marc Lore, Walmart’s ecommerce chief, “To bring a more human element to the site, we’re featuring relatable photography that showcases real-life moments.” The homepage features a large image slider that takes up much of the screen. Similar image sliders are also used extensively on the front pages of individual departments. A hallmark of modern websites is an emphasis on imagery and to that end, the new is a lot more visual. ’s new look is designed to be cleaner and more modern. The drop-down is activated on hover, not click, requiring less effort on the part of users. ![]() This means it takes three clicks just to navigate to a department’s front page.Ĭontrast this experience with the Amazon site, which has a traditional navigation that contains a Departments drop-down. To even see a list of departments, users now need to click on the hamburger menu and, depending on the resolution of their screen, might have to scroll down to view all of the menu’s contents. When clicking on a department, another menu is displayed, listing the sub-categories within that department and sometimes a “shop all” link. Even assuming that users are now so familiar with hamburger menus that there’s no reason to worry about what it is, one of the potential pitfalls of Walmart’s use of this design pattern is that it arguably makes desktop navigation less efficient. The question: is it a good one?ĭespite their popularity, the hamburger menu design pattern has been controversial and using one on a desktop site is bound to spark discussion and debate. While Walmart isn’t the first company to employ a hamburger menu on a desktop site, Walmart’s move to ditch traditional desktop navigation is a bold move. When expanded, the menu contains links to major departments, as well as quick links to features like grocery pickup, item reordering and order tracking. ![]() Instead of a standard desktop navigation bar, the header of the site features a hamburger menu, a design pattern that was originally developed specifically for mobile experiences. One of the first things that stands out about the new is that, even on desktops, it looks like a mobile site. Here are five of the aspects of the redesign that stand out most. In an effort to maintain its position, Walmart has completely redesigned.
0 Comments
Leave a Reply. |