# Menu & Navigation **Web Navigation** refers to the way users move through a website or web application to access its content and features.\ A well‑designed **Menu** plays a critical role in guiding users by presenting available functions and sections in a clear and structured manner. Effective navigation significantly improves **usability**, **discoverability**, and the overall **user experience (UX)**.\ Therefore, menus should be designed to be **simple**, **intuitive**, and **consistent**, allowing users to quickly understand where they are and how to reach their desired destination. *** ### Importance of Navigation Design Menus and navigation structures are central to web and application design because they: * Provide an overview of available features and content * Help users orient themselves within the application * Reduce cognitive load when navigating complex systems * Enable faster access to key workflows * Improve overall user satisfaction and efficiency A good navigation system balances **clarity**, **structure**, and **accessibility** without overwhelming the user. *** ### Common Web Navigation Patterns There are several widely used navigation patterns in web applications. ONEWEB supports these common practices to accommodate different application structures and user needs. *** ### Hierarchical Navigation **Hierarchical Navigation** organizes content from **general to specific**, creating a clear parent–child structure. Characteristics: * Presents all major sections in a single, structured layout * Allows users to progressively drill down into detailed content * Provides a clear path through the application This navigation style is well‑suited for applications with complex information structures or multiple functional areas. *** ### Global Navigation **Global Navigation** displays the **top‑level sections** of a website or application and remains consistent across all pages. Characteristics: * Typically appears at the top or side of the interface * Shows only high‑level sections * Sub‑sections are revealed as users navigate deeper Global navigation helps users maintain orientation and ensures quick access to major application areas from anywhere. *** ### Local Navigation **Local Navigation** consists of links within a page or section that direct users to related pages or sub‑sections. Characteristics: * Context‑specific navigation * Often embedded within page content * Helps users move efficiently within a focused topic or workflow Local navigation enhances usability by providing shortcuts without cluttering the global menu structure. *** ### Summary A well‑designed **Menu & Navigation** system is essential for creating intuitive and user‑friendly applications. By applying appropriate navigation patterns—such as **hierarchical**, **global**, and **local navigation**—applications built with ONEWEB can: * Improve findability of features * Support complex user journeys * Scale gracefully as functionality grows * Deliver a consistent and predictable user experience Thoughtful navigation design ensures that users can focus on their tasks without being distracted by interface complexity. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.onewebstack.com/building-apps/ui-page-designer/ux-ui-components/menu-and-navigation.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.