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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
A large-scale usability study revealed the most common and damaging web-design mistakes of today. They aren't surprising or new - they're enduring issues that continue to hurt website usability.
On large sites with several standalone subsites, universal navigation provides quick access to the main site. To be successful, it must not interfere with the subsite’s navigation.
Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.
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.
