> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/engineering-reference-docs/software-testing-overview/ux-ui-checklist/elements/navigation.md).

# Navigation 🧭

* [ ] Logo

  Reinforce your brand at the top level on every page
* [ ] Structure

  Ensure your most important links are available at the high level, and links that are a level deeper are relevant and impactful to more niche users

  ⭐️ Consider only two levels of hierarchy to reduce complexity

  ⭐️ Ensure that each level of navigation has a different visual design to differentiate the levels clearer
* [ ] Consistent location

  Usually located at the top of the page as it is the most accessible, but it should always appear at the same location on every page
* [ ] Visual contrast to rest of page

  Make it clear for a user to easily see where they can visit other pages

  ⭐️ This can be made more noticeable with a visual change after scrolling on a page, such as a different background colour or shadow
* [ ] Call to action/s

  The primary action/s you want users to perform
* [ ] Mobile responsiveness

  Consider a design for the mobile version of the menu as the screen size difference is enormous and will definitely affect your layout
* [ ] Icons next to link

  A visual cue can help break up lines of text
* [ ] Breadcrumbs

  Showing the current level and hierarchy of sections above the current page