The link title attribute can be used to provide additional details for mouse users, but should not be relied on as the main source of information scent.
The phrase ‘Learn More’ is increasingly used as a crutch for link labels. But the text has poor information scent and is bad for accessibility. With a little effort, transform this filler copy into descriptive labels that help users confidently predict what the next page will be.
Decide whether and where to display thumbnails for list items based on the images’ importance relative to associated text, on whether images will be displayed for all list items, and on whether the small images are recognizably different from each other.
Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons.
Browser tabs separate the stages of collection and comparing and serve as memory aids to keep many alternate pages available for consideration as users are shopping or researching. 7 UX guidelines support this user behavior, which is particularly common among younger users.
Role-based IAs increase cognitive effort and user anxiety. Clear language and mutually exclusive categories reduce the chance of harming the user experience.
Mobile sites using a hamburger or three-line menu need to support navigation activities throughout the site, in case users don't locate or use the main navigation.
Whether you adopt a flat-design style or not, interactive components must retain sufficient cues to suggest clickability. Signaling clickability with cues such as borders, color, size, consistency, placement, and adherence to web standards can give interactive components the proper look.
The number and order of navigation categories, and use of hover menus for touchscreens are frequently asked questions that arise when organizing information on a website or application.
The words in a link label make a strong suggestion about the page that is being linked to. The destination page should fulfill what the anchor text promises.
When websites prioritize search over navigation, users must invest cognitive effort to create queries and to deal with the weak implementations of site search.
On a large screen, hiding the chrome significantly affects discoverability and interaction cost, with virtually no improvement to the content-to-chrome ratio.
A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are necessary to communicate the meaning and reduce ambiguity.
Use IA- and UI-focused user research to determine if low findability and discoverability are caused by site information architecture or navigation design.
People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.
Information foraging explains how users behave on the web and why they click certain links and not others. Information scent can be used to analyze how people assess a link and the page context surrounding the link to judge what's on the other end of the link.
If users don't notice a navigation menu, they won't use it, and website usage will plummet. Here are 5 design guidelines to increase the visibility of navigation menus.
Users want to do the least amount of work possible to get to a desired web page. However, "work" is the sum of difficulty presented by each click and not the number of clicks in itself. Here are some tips for making a path easier to navigate.
Is it enough to have a search feature on a website? Or do users also benefit from a well-designed navigation interface? Depending on the nature of the site, the balance between the two can change.
Tree testing is a supplement to card sorting as a user research method for assessing the categories in an information architecture (especially a website IA and its proposed or existing navigation menu structure).
There's a footer at the bottom of every web page, but the design of this utilitarian page element is often overlooked, making the website perform below its potential. In our usability studies, users often turn to page footers for important information and tasks, making them an integral part of the overall experience of a site.
A key question in information architecture (IA) is to decide the number of items in navigation menus (including global menus and local menus). 4 main factors determine the answer, but it's not 7, despite a common myth.
Hick's Law (or the Hick–Hyman Law) says that the more choices you present to your users, the longer it takes them to reach a decision. However, combining Hick’s Law with other design techniques can make long menus easy to use.
Vertical navigation is a good fit for broad or growing IAs, but takes up more space than horizontal navigation. Ensure that it is left-aligned, keyword front-loaded, and visible.
With repeated practice, users develop imprecise memory of objects and content in a UI, but still need additional visual and textual signals to help them find a specific item.
To decide whether to visit a page, people take into account how much relevant information they are likely to find on that page relative to the effort involved in extracting that info.
In addition to a site-wide store-locator link, location-finder links in key areas anticipate users’ needs and make it easy to find a physical location within the context of their task.
Footers can be found at the bottom of almost every web page, and often take many forms, depending on the type of content on a website. Regardless of the form they take, their presence is critical (and highly underrated).
Support wayfinding by including breadcrumbs that reflect the information hierarchy of your site. On mobile, avoid using breadcrumbs that are too tiny or wrap on multiple lines.
A site logo linking to the homepage is not enough. Logo design and placement, as well as the presence of a text link to the homepage affect success of navigation to homepage.
