<?xml version="1.0" encoding="utf-8"?>

Wireframing for navigation design

Wireframing for navigation design

Navigation design is the discipline responsible for organizing information on a page so users can easily navigate through a website or app and find the information they need. Simply put, navigation helps users get from point A to point B in the least frustrating way.

Using wireframes, designers decide on things such as:

  • Logical and consistent placement of the primary navigational links
  • Placement of secondary navigational elements, such as submenus, breadcrumbs, and search
  • The expected behavior of navigational elements

With wireframes, designers can establish consistency among pages. The same navigational elements should be at the same location. For example, most users expect the logo to sit in the header or the search to be in the upper right area of a page. It means the logo and the search buttons should be at these locations on each page.

Tabs, menus, accordions, breadcrumbs, buttons, and other navigational elements should behave the way users expect them to. If users click on a menu, they assume to see the list of options and don't expect to be redirected to another page. Otherwise, they experience friction and are likely to abandon the site.[1]

Improve your UX & Product skills with interactive courses that actually work