Navigation gives user explicit directions on how to explore website and discover different areas.
“Make structure and organization as clear as possible. Users don’t want to waste time solving the mystery of where resources and information are hidden.”
User is looking for something specific and doesn’t know where it is or wants a direct route there.
Typically a search bar in the upper-right corner, this feature finds related content within the site.
- If you’re tight on space, use an expandable input bar coupled with a magnifying glass icon. Spooky
- The more content you have, the more prominently you want to display your search feature. RNR
- The autocomplete pattern further saves the user time and may even suggest content or proper wording. LCS
Users get disoriented and lost when long-scrolling, or returning to the main navigation menu requires too much backtracking.
Implement a fixed navigation menu that stays in place when the page is scrolled. While the top navigation menu is most common, sides and bottom are also common (but more obtrusive).
- Since they always occupy a portion of the screen, sticky navigation menus should be as small as possible.
Users need a clear next step on the page.
Influence users with calls to action in the form of obvious buttons inviting them towards an action, whether buying, signing up, or simply visiting certain content.
The most important factor for CTAs is visibility — they should be noticed, without being too flashy. In fact, CTAs should be the among the first elements the user sees; after all, they are synonymous with business goals and therefore integral to the site. RJH
- Colors are an effective way to get your CTA noticed. Attention-grabbing colors are good, as is using a color that contrasts with the background, such as white against black.
- Another method for visibility is location. Situate CTAs in the most seen areas on the screen.