|
Search field to save space. Example: bergzeit.de The search field is clearly visible in the Bergzeit mobile website header. This makes it much easier for the user to search for specific products or topics. mobile header with search field Screenshot from bergzeit.de UX tip 3: Display selected menu items separately While the main categories provide orientation in the desktop version, they usually fall victim to a lack of space on mobile websites. They disappear in the menu - and users first have to actively expand it to get to a specific shop category.
A good approach, however, is to show your most important categories outside of the Special Data menu and header. Example: bergzeit.de Desktop Header Online Shop The desktop version of bergzeit.de with horizontal and vertical menu. In the desktop version, Bergzeit offers its users good orientation across the various categories: In addition to the main navigation, there is a vertical menu on the left: All sports are listed here, so that the user can quickly navigate to the products that are relevant to them. A different solution is necessary on the small smartphone screen. Here Bergzeit offers a slider that the user can use if necessary to find their sport: Menu and categories optimized for mobile Mobile homepage of bergzeit.de with category slider.
UX tip 4: Put less important things in the menu Anything that doesn’t fit in the header – social icons, quality seals, USPs, contact details, customer login – can be put in the menu. Registering for a customer account or logging in is important for users - but is secondary compared to searching or using the shopping cart symbol. In order to keep the mobile header clear, such elements are usually placed in the burger menu. Example: ernnings-family.de mobile menu online shop In addition to the categories, the user can also find the wish list, the branch locator and access to the customer account in the expanded burger menu at Ernstings-Family.de . Example: hessnatur.com/de Menu on smartphone In the expanded menu, hessnatur also links, among other things, the newsletter, the magazine and the stores.
|
|