|
But navigation means a lot more, for example: main menu Search Breadcrumb navigation Filter function Internal links Footer navigation While these elements can also be found on desktop sites, there is a particular challenge in the mobile area: the space in the mobile interface is limited. The navigation must therefore be adapted accordingly. It is important that, despite all the scarcity, the navigation is logically structured and works without technical problems, otherwise users will quickly leave the page again. 5 questions: You should check the mobile navigation of your online shop for this. To check the navigation of your mobile site for problems or potential for optimization, you can ask yourself the following five questions.
Is it easy to find and access the main menu? The pivotal point of navigation Special Data is the main menu. You should therefore pay particular attention to its design. Note the following things: The main menu should be at the top of the page . The main menu must be the most noticeable navigation element : the button should be designed so that it catches the user's eye and is not lost among other elements. You can also put the text “Menu” under the menu icon (for example the hamburger symbol) - this way you ensure that all users understand that the main navigation of your site is behind this icon. mobile menu 3 best practical examples Best practice examples: At Bonprix.de and Otto.de the burger icon is supplemented by text (“menu” or “range”). Bergzeit.de highlights the mobile menu in color so that it stands out clearly. Good usability must also be guaranteed.

How are the individual menu items displayed? There are different design patterns for mobile website menus . The hamburger menu with the three horizontal lines is particularly common . The hamburger icon signals to the user: the menu is hidden here. Tapping the icon opens the menu - for example as a drop-down or as an off-canvas that slides over or “displaces” the page content from the left or right. various mobile menus Three variants in comparison: drop-down menu from visitbritain.com , off -canvas menus from zalando.de and otto.de. As far as the individual menu items are concerned, you should ensure a high level of user-friendliness. Main and subcategories in the menu must be visually separated from each other .
|
|