Navigation patterns

Your primary navigation should be easy to spot and readily accessible while still giving precedence to content. Your content is what attracted people to your site. Expose as much of it as possible, and let the interface take a back seat. Below are some common mobile navigation patterns.

Anchor to bottom: One of the most common (and most accessible) ways to handle mobile navigation is with an anchor button. In this pattern a menu button at the top of the page skips the user down to navigation located at the bottom of the page, as shown in the figure here. This approach keeps your content at the top of the page where you want it, and as the users reach the end of the content, they find the navigation, encouraging them to explore. ...

Get Mobile Web Triage: What to Do When Your Website Is Not Mobile Friendly now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.