Questions tagged [navigation]

For questions about the mechanisms you can use to help people find their way around your application or web site.

Filter by
Sorted by
Tagged with
243
votes
6answers
29k views

Is there a name for this drop-down anti-pattern?

Recently I have seen a small UI issue in mouse-over drop-downs. Here is an example of such a drop-down (although Bloomberg is not the only offender): https://www.bloomberg.com/view/articles/2017-08-...
137
votes
16answers
22k views

Is the folder structure dying?

In our digital world we have previously been forced to know the location of digital content. The obvious one being the local hard drive or a shared file server where sometimes extreme structures have ...
104
votes
11answers
21k views

Home button vs Logo link?

Is a "home" button on the navigation required if there is a link to the homepage using the company's logo? Increasingly I have noticed more and more websites using the logo as a link to return to ...
77
votes
4answers
16k views

Why did Microsoft make Windows 8 hard to Power Off?

I’ve been using Windows 8 for a couple of weeks and am certain the new operating system will work great on tablet (i.e. Microsoft Surface). On PC some say the best tile is the desktop tile, where you ...
77
votes
8answers
14k views

What's the best way to view a deep hierarchy?

I've been pondering the best way to show a deep hierarchy for a desktop application I'm working on. Here are some alternative designs I'm considering... Mac OSX Finder: If you understand what you're ...
76
votes
13answers
28k views

Should a web-based UI rely on the browser back button?

The back button is a great "get out of a flow's dead end" option that browsers provide. Should a UI rely on the back button as the only method to allow a user to get to the previous page or should the ...
71
votes
5answers
12k views

Why is it standard for a website logo to navigate to the home page?

Why has it become an industry standard for logos to redirect a user to a website's homepage? Where was this first seen?
50
votes
11answers
11k views

Has user testing found that the “three horizontal bars” for main menu on mobile is commonly understood?

"Three horizontal lines" aka "hamburger icon" seems to be becoming a convention for the "main menu" button, especially on mobile sites: Has anyone done any user testing of this convention, or got any ...
49
votes
5answers
47k views

Breadcrumbs: OK to use on mobile site?

Wondering if anyone has thoughts on using breadcrumbs as a method of navigation on a mobile website (for a content site). The breadcrumbs would show the heirarchy of the site as such: Site > ...
47
votes
3answers
17k views

Do users understand the browser back button?

You hear a lot about not breaking the back button on websites, but can you assume that most users know and use the back button? Is it redundant to add a JavaScript or HTML back button/link on a page? ...
45
votes
7answers
11k views

When do users understand that a wizard navigation bar is clickable?

In my web application, I use a wizard navigation bar like the one in the image: While getting feedback from a fellow designer, he asked me if the progress bar is clickable. In my mind, most wizard ...
44
votes
2answers
3k views

Why don't ATMs show blank arrows for unused buttons? [closed]

Have you ever had trouble lining the arrows up with the correct button on ATM consoles and other similar interfaces? Height of user can affect perceived alignment, as well as poor installation or ...
41
votes
5answers
17k views

Should we use the 3x3 9-dots icon as an apps menu?

As the web continues to evolve and more complex applications emerge, there is a need to let the user quickly navigate between applications. This action is different from the navigation menu we see ...
37
votes
8answers
45k views

Hamburger menu icons - should they be on the left or right?

Hamburger menus (the three small horizontal bars: the new menu icon). Should they be on the right or left? I'm only thinking of mobile and tablet applications. The pattern I see the most is on the ...
35
votes
2answers
4k views

Clicking a Breadcrumb Link, Trigger Browser Back Button, or Forward?

Background I have a set of breadcrumbs for a web site: Question When a user clicks on these, should I trigger the browser's back button using JS? Back n times? Or should these be regular a tags ...
35
votes
13answers
15k views

Are breadcrumbs still in?

Despite NNGroup's praise, I notice none of the big players (StackExchange, Facebook, Google, YouTube) use breadcrumbs. None of the big ecommerce players either. Why is this? Possible guesses: Users ...
35
votes
5answers
2k views

The Pinterest Trap

First a bit of context: I have been falling victim more and more to "Pinterestization" or the "Pinterest Trap" in my design. I have a feeling I'm not the only one. See this excerpt from Hana Schank ...
35
votes
8answers
4k views

Is it a good idea to have a large footer containing many links?

In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'. For example: This has supposed SEO benefits but would also seem to be ...
33
votes
2answers
1k views

Dropdowns & Chevrons for Right to Left languages

Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron ...
31
votes
12answers
2k views

Do website visitors return to the homepage once they're inside the site?

I have been (unsuccessfully) looking for some research that supports / rejects (or even discusses) the hypothesis that: Once a user has entered a website a significant percentage of them do not ...
31
votes
7answers
6k views

Would Breadcrumbs be effective if they incorporate Dropdowns?

I'm currently thinking about adding a quite comprehensive section to a website: the section I'm talking about starts at level 3 of the overall website and itself has another four structural levels. ...
26
votes
8answers
12k views

What is “eyebrow navigation”?

Just came across this term in a document I'm reading through, referring to "eyebrow links" in the context of navigation. Presumably it's a form of navigation at the top of the page, but what ...
26
votes
3answers
22k views

What is the difference between the horizontal three dots menu and the vertical one?

First of all, does anyone know the name for this type of navigation? And second of all, what is the difference between these two? In what case you use the vertical one and in what case the ...
25
votes
7answers
2k views

Are hover menus in headers easy to use?

Do users find it easy to use headers/menus like the one displayed below?
25
votes
4answers
7k views

Is there a better solution than breadcrumbs to cascading categories on mobile?

I am working on a mobile application (Android ICS based) where I need to show a lot of products on screen. Now the products are categorized in several categories which are on X level, where X is ...
24
votes
8answers
2k views

Can I safely remove search functionality?

One of our clients has a content-rich website with about 300 pages of content in total. We did our utmost best to provide a very clear main navigation, but also provide a search function in the header....
23
votes
3answers
1k views

Is Repeating a Word in a Navigation Panel Bad?

On a clothing website (in one of the navigation panels). I have sorted the dresses according to their colour (example and snapshot is listed below). Below is the example **Dresses by Collours** ...
23
votes
5answers
1k views

Any thoughts on a seasonal navigation?

We're considering changing some items in the menu based on the season. For example, during the winter, in the sports section of our site, it means removing 'Golf' in the menu and adding it in the '...
22
votes
10answers
5k views

External links: Whether & how to distinguishing them from internal links, and to open them

How do other IAs/UXD's treat external links & what are the perceived pros/cons of different options. Specifically looking for recommendations on: whether & how to visually distinguish ...
22
votes
6answers
9k views

How to best indicate navigation menu on mobile

What's the best way to indicate the navigation menu on mobile devices? I see this three-bar icon being used a lot, but do users really understand what it means? Wouldn't a button simply saying "...
21
votes
5answers
10k views

Is it ever okay to have multiple rows of tabs?

We're working on a UI at work and people want to have the number of tabs in a certain area be flexible width so that in certain situations depending on the title length and the number of tabs, the tab ...
21
votes
5answers
3k views

Will users know to click the top item in navigation menu?

I've got a navigation menu on my website which has several levels of submenu. In the example pictured below I'd like users to be able to click "Services" in the top level menu and go to a "services" ...
21
votes
5answers
6k views

When is a right-handed navigation sidebar appropriate?

When is a right-handed sidebar for navigation a good choice? If possible, I would like some examples where it has been used, such as this sidebar from Google's official blog.
20
votes
4answers
6k views

How to explain to director that a multilevel dropdown menu isn't a good idea

My director and designer want to make a big drop-down menu on our site. Multilevel menu : | MENU 1 | MENU 2 | MENU 3 | MENU 4 | -----------------|----------------|-----...
20
votes
5answers
9k views

Alternative to hamburger menu? UI example inside

I'm designing an app that has a lot of secondary functionality (it needs to be there), such as "Video guides", "About", "FAQ", "Connection Guide" etc. Previously, we had a tab bar with 3 tabs (Home, ...
20
votes
3answers
14k views

Are there alternatives to hamburger + drawer menus?

On the internet there is a lot of bashing on the Hamburger Icon & the matching Nav Drawer. I realize it sometimes might be a pattern which should be avoided when simpler, more explicit options ...
19
votes
10answers
9k views

Should I add a 'Home' Button to the navigation?

I know that it is common behavior to have the logo of a web page be a link to the home page, but should I also have a 'home' link in the navigation bar for it as well?
19
votes
2answers
1k views

Senior Usability and Navigation

Does anyone have any current resources for senior usability? I'm specifically researching navigation: tabs and accordions. The Jacob Nielsen site has a report that's over a decade old. I'm looking for ...
19
votes
3answers
5k views

Horizontal and vertical menus in web applications

It is now very common to find top horizontal menus in websites. Some reason of that might be habits and Jakob's law. In web applications you might find a menu on top or on the left side equally. Most ...
18
votes
9answers
8k views

How do users expect dropdown navigation to work?

This question is in regards to expected behavior with drop-down navigation in web pages. This is part of an email I just got from a client: ("Admissions" is one of the top level navigation links) ...
17
votes
6answers
5k views

Why was the “Airport” icon chosen to mean: “radio emissions on your device are disabled”?

I am amused as I drive around nowadays and see "Airport" icons on blue informational signs and I have cause to think: "Well, no WiFi or Bluetooth there!" That is probably what children are thinking. ...
17
votes
3answers
18k views

How to choose the better placement for Sidebar: Left or Right?

I have a question about sidebar navigation. I am designing a web page for latest news and placed the sidebar (news navigation) on the right side. My logic was that "On the news page at first people ...
17
votes
5answers
5k views

What's the reason behind fixed (position) navbars?

It's becoming almost customary for responsive designs to have fixed-position navbars, where the navbar is fixed to the top (usually, or even bottom sometimes) of the viewport of the browser. Don't ...
17
votes
2answers
2k views

What is the name for the horizontal tabs expanding / contracting kind of navigation?

Can somebody tell me if there is a name for this kind of tab navigation implementation?
17
votes
6answers
10k views

Usability research on sticky headers?

Sticky (or fixed) headers are not so uncommon nowadays, and for a large website that relies heavily on catalog and search functionality it may be a good choice to aid the user. As I am currently ...
17
votes
8answers
7k views

Best practice for translating context menu options to touch devices?

I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
16
votes
5answers
2k views

New Style of Pagination Pattern

I was looking at a few of the huge ecommerce sites, and how they handle pagination. Asos Amazon I've shown how Asos and Amazon handle it above. This pagination works okay if there are 5 or so pages,...
16
votes
4answers
1k views

What reasons are there for “go to bottom/top” links no longer being used much? [duplicate]

Possible Duplicate: Do people use back to top links? Some websites have links like Go To Bottom or Go To Top. It seems like this technique has fallen out of style. Are there good reasons not to ...
16
votes
8answers
899 views

Click on Logo no longer brings user to the homepage of a website, good?

The latest Google webpage redesign brings us a feature ( or a bug?): Clicking on the logo no longer brings user to the homepage of the website. This behavior is consistent across different Google ...
15
votes
3answers
20k views

Elegant, simple and obvious sub-tabs?

I have a simple navigation setup that requires tabs and sub-tabs. I have the main tabs ready: But I don't know how to make the sub-tabs fit in and still be user-friendly. What's a good way to handle ...