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

learn more… | top users | synonyms

9
votes
3answers
1k views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
9
votes
3answers
586 views

How can I differentiate Online products vs “Offline” products?

I'm helping re-design a website which has some products that can be purchased online and some which can only be purchased offline in physical stores. Both the products you can buy and can't buy need ...
9
votes
4answers
2k views

How do I handle secondary navigation within a wizard-style form that will work for touch screens?

I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I ...
9
votes
4answers
769 views

When is it appropriate to split functionality into separate apps?

I'm a designer and my company has a single app that serves two different types of user. One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
9
votes
3answers
2k views

Infinite scrolling and page views

I'm working on a content-delivery portal restyle. Basically, it has huge lists of addresses and numbers (sort of whitepages). What I was wondering is: I wanted to test infinite scrolling and avoid ...
8
votes
3answers
9k 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 ...
8
votes
5answers
859 views

Different styling for different tooltips on a single page?

I am working on a web application, and we are focusing very much on the consistency of the look&feel. When we are designing tooltip styles, we can see there is the 'plain style' tooltip and all ...
8
votes
4answers
737 views

Breadcrumbs and selected page

I have a unique situation (if there is another post here outlining it please link to me so I can remove mine). I have a menubar at the top of my page with six links in it. Each link will take you to ...
8
votes
8answers
1k views

Icons vs. Dropdown for primary mobile navigation

I am working on a responsive design in which there are 5 selections in the primary navigation. I'm thinking because there are only 5 I could use icons instead of a dropdown for the primary navigation. ...
8
votes
2answers
1k views

Should 'Home' be included in website breadcrumbs?

This may vary based on your site hierarchy and IA but when configuring breadcrumbs should they include home or stop the first filter (categories, for example). Which is better? I have seen both used ...
8
votes
6answers
719 views

Animated scroll vs jump for a “back to top” button

I am looking at implementing a back to top button for documentation pages that tend to get very long. The button will be shown in a fixed position at the bottom right of the screen. My question is: ...
8
votes
3answers
594 views

How to best deal with many thumbnails in a product image gallery

We have an image gallery with thumbnails that can be clicked to reveal a larger version of them in a viewport. Here are some conditions that the layout needs to meet: The Gallery has to cater to ...
8
votes
5answers
469 views

Should pagination be capped in web app search results?

Search results can be a funky thing to design sometimes when it comes to the value of results for a user. IN this Web App I am helping build, the global search bar, when searched, can lists results ...
8
votes
3answers
866 views

Side Navigation Arrow Placement Right or Left?

I have been working on a project that involves reconstructing a page side navigation. Throughout the project i've researched current trends in navigation structure and noticed arrow placement on the ...
8
votes
3answers
786 views

Horizontal menus, do they scale?

I'm a user of a popular website that uses horizontal menus for navigation. As the site's functionality grows, the number of menu items also grow. As the horizontal space is limited, the design choice ...
8
votes
4answers
965 views

When to display a link as a previously visited link?

Websites of today contains a variety of links including logo link, global and local navigation links, supplementary or related links, other header links, footer links, inline related links and more. ...
8
votes
6answers
3k views

Why don't we use Left navigation for website?

Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others. More valid reason to move Left navigation, like screen ...
8
votes
9answers
11k views

On Click or On Hover for mega menu in responsive design?

I am working on designing a responsive site which will have a mega menu for almost all the menu items. The initial consensus was to show the mega menu on hover but the challenge is that that the ...
8
votes
3answers
287 views

Multiple Navigations - messy or necessary?

I'm looking at UEFA's website and seeing they have 3 navigations menus. Is there any support for this being a good UX? The organization does alot, and structuring their site this way might make ...
8
votes
1answer
1k views

Relying on Android 'back' button to close a modal window

I tested an app yesterday that my team is working on. It has a hamburger navigation, and one of the items inside that nav is a callout to leave feedback. When you tap the feedback row, a modal screen ...
8
votes
1answer
4k views

Should we use ‘narrow and deep’ or ‘broad and shallow’ navigation pattern on mobile devices?

If we have a large content environment on a mobile device, we need some way to access that content with ease. One could implement a narrow and deep navigation pattern which gives the possibility for ...
8
votes
2answers
2k views

Is switching to a selectbox navigation for mobile devices a good solution for complex menus?

An example of this functionality can be found in this site (shrink the browser viewport to see the selectbox navigation take over.) Is this a good practice? Wondering if anyone has any experience to ...
8
votes
4answers
816 views

UX idiom for closing activity: X-icon vs up-button vs back button

We're launching a search activity when hitting the global search button (i.e. the hardware search key, if present, or a search icon in the Action Bar.) It should be noted here that the search activity ...
8
votes
3answers
3k views

Is there any research or data on horizontal vs. vertical navigational menus?

I've seen many sites using both horizontal (top) navigation, vertical (left) navigation, and both across web sites for a long time. My understanding is that they're both conventions, but I would ...
8
votes
2answers
626 views

What a user friendly indoor navigation map should look like on mobile devices?

In 2014, Apple has undertaken an initiative to bring indoor navigation to iOS devices. It is expected that major venues, like airports,hospitals and museums will have indoor navigation at some point ...
7
votes
5answers
3k views

Two-level menus: Why? and When?

Two level menus: should they be used? Why are they important? I never found any resource explaining this. Should I avoid them and only use them when you really have too much stuff to present?
7
votes
5answers
1k views

When should you use task-based navigation over topic-based navigation?

What are the pros and cons of each?
7
votes
6answers
418 views

Plus icon for new tab not working in user testing. Anomaly or actually confusing for users…

For Context: So I am performing some user testing, and the interface is changing how tabs work with in the system. Currently tabs indicate the top level of different customer define hierarchies. The ...
7
votes
7answers
573 views

Best Practice for Tab Placement on Widget?

Recently I have been working on restyling tabs on a widget. Some problems I have encountered during the restyle is our 960 grid system which with a side navigation included allows me a space of 12 ...
7
votes
2answers
5k views

What is the difference between a Navigation Bar and Tabs?

Recently I found myself (potentially) discussing the nature of a horizontal/top navigation bar (h-nav-bar) and a tab set without knowing it. download bmml source – Wireframes created with ...
7
votes
3answers
956 views

How Many Tabs are Too Many?

The mockup below, has a screenshot of a software I stumbled upon last week. It grabbed my attention that it presented information in the following way. It had Many Interface Level tabs, inside those, ...
7
votes
4answers
2k views

Responsive website - navigation usability advice

I am developing a site which is to respond to different screen sizes. The site is fairly large and has up to 4 levels deep in terms of page/menu hierarchy. What I am wrestling with now is how to adapt ...
7
votes
5answers
390 views

Massive menu on website, how to solve it?

I must change the following menu in some web site. This menu contain almost 30 items! Screenshot: Any idea? Categories: Home, Games, Leisure Children, Openly Software, Recipes, Study Lessons, ...
7
votes
2answers
188 views

Is it a bad idea to resize fonts with the browser?

For certain special pages I want to put content all on one page. Think of them as cheatsheets (or similar) the idea being is that users should benefit from seeing the whole page in one glance. However ...
7
votes
1answer
645 views

Do I still need to show a header if I'm just replicating the title of a tab?

I have a user management section in my CMS. The content is contained in 'tabs'. However as the title on each tab is basically the name of the page itself, do I need to still include a heading ...
7
votes
5answers
2k views

Is the hamburger icon a recognized navigation symbol? [duplicate]

Do you think the icon "☰" is enough for users to know that a menu is underneath? Medium.com doesn't even use an icon, it is linked from its logo on the top. Other websites just use the word "Menu" ...
7
votes
4answers
193 views

Card sort with 'Don't know' group

I've recently piloted an open card sort, and have had some feedback suggesting that respondents should be told that they can add a 'Don't know' group if they're not sure where to put cards. I'm ...
7
votes
3answers
3k views

Mobile Website: navigation at the bottom of the page with an anchor link at the top

On a mobile site I'll be putting the main navigation at the bottom of the page so that the main content is visible without having to scroll past lots of navigation options. (As per w3c ...
7
votes
3answers
522 views

When Back Button is Expected but Not Supported, The Least Invasive User Assistance?

Problem: I have a situation where in a browser-based web application the back button (and backspace key for that matter) cannot be supported or used. If it is used, the results can be unpredictable in ...
7
votes
3answers
409 views

Where do users expect to find the “create new account” functionality?

I'm developing a website where users will be able to sign in, and thus they need to be able to register. Is it sufficient to include the registration functionality (or link to it) on the sign-in ...
7
votes
4answers
208 views

Suggested mobile approach to dual actions

Let's say that you have a list of books that you want to show in a mobile application. From that list you want someone to be able to either drill down to a chapter list, or go to a page showing book ...
7
votes
1answer
328 views

How do I indicate that clicking a button will remove their search results?

This is about a complicated application that holds 50 years of archived data. Some things are illogical and we can't change it because it's stuck in 50 years of rusted customs. But slowly I'll try and ...
7
votes
3answers
372 views

If a microsite uses the same logo as the main site, which “home” should it link to?

Which 'home' should the microsite's logo link to - the main site or the microsite? Consider that... The content and layout of the microsite is the only differentiator Half the users reach the ...
7
votes
4answers
218 views

Is it a problem to have a link to 'View Your Basket' and 'Go To Checkout' that both go to the same place?

I have an eComm site i'm specing at the moment. When you add stuff to the basket the on-page basket at the top of the page will update to give you a running total with links to view the full basket as ...
7
votes
5answers
8k views

Pros and cons of a Single Page site versus a Multi page site

I am working on trying to re-design the site for the agency I work for and a recommendation was made that we should move to a single page site with a vertical scroll which which walks through all the ...
7
votes
4answers
4k views

iPhone App: Tab Bar vs. Dashboard (aka Grid Navigation). Or both?

I'm working on an iPhone app (early stage) and we had some discussions on the best navigation system: Dashboard style (examples) This would be the home screen. What I like: Good feature overview; a ...
7
votes
1answer
254 views

What breakpoint width to switch to mobile menu?

Sounds like it should have an obvious, clear-cut answer, but I couldn't find much mention of it: When building a website, what breakpoint / width is most ideal to switch from a horizontal tab-style ...
7
votes
4answers
746 views

What is the purpose and origin of in-page navigation

Attached is an in-page navigation example, user expectations are managed by a visual glimpse into the page structure at the side to the right edge of the viewport. Users can jump to different in-page ...
7
votes
2answers
375 views

Best way to separate navigation and search bar

I am in the process of improving an existing eCommerce site design. The client has asked that we highlight the best selling categories. Currently all the categories are under the heading Categories ...
7
votes
5answers
1k views

Breadcrumb menu in the footer

I'm a big fan of the Apple web site. However, I was wondering why they have put their breadcrumb menu in the footer. I thought the idea of the breadcrumb menu was to let the visitors to get a quick ...