The Stack Overflow podcast is back! Listen to an interview with our new CEO.

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
4
votes
2answers
286 views

What's this kind of menu called?

When you click a link, it opens another tab and puts a link to the previous one on it's top. It solves my problem, but I can't find what it's named (english is not my 1st language). Here's an ...
6
votes
3answers
343 views

Select as title vs. Tabs

I'm trying to decide between using a custom css select as a title versus using tabs on a page I'm working on. The select version is a bit cleaner and it takes up less vertical space, but I'm afraid ...
0
votes
2answers
148 views

Which is correct? Whether to use the icon after the label or the icon before the label? [duplicate]

To Use Icon after the label? Ex: (Or) To Use Icon before the label?
6
votes
4answers
4k views

Double tab navigation - What are your thoughts on this experience?

UPDATE: I ended up getting rid of the double set of tabs to simplify the experience. You can see the result on the site. I have a UX issue I was hoping you could help with. I'm redesigning our nav ...
0
votes
0answers
67 views

Changing a navbar to show 'contact us' only on scroll

My navbar changes on scroll - hiding all links and just showing our contact details. Docked: On scroll: Is this a good idea? Bad idea? The objective is to drive phone calls and contact form ...
1
vote
8answers
165 views

How to handle cascaded navigation in mobile design?

I'm designing an app for HR use. As you can see in the screenshot below, there is a dropdown box where you can select the person to view. There are a few different subsections of that (Details, ...
0
votes
1answer
72 views

Navigation with icon to open page and open popover top

This is my first participation here so apologies if I am not doing this right. My question is about about using icons for navigation. For example: All items are clickable 1) The first item (My ...
2
votes
1answer
84 views

Features of a complex interface: learnability or discoverability?

I am currently working on a new version of a Saas which clients can use to manage all of the content on their screens, which is going to be quite extended and complex. To make sure it will be easy ...
4
votes
2answers
237 views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
5
votes
3answers
321 views

Why do many companies hide their navigation during the Sign-In and/or Sign-Up flow?

I have been tasked with designing a sign in flow, but I have noticed that many companies hide their site navigation during their sign in/sign on flows. I've seen quite a few articles on designing ...
1
vote
6answers
957 views

One single button or two buttons

I'm working on a transportation service. We offer 2 services: Buy a bus ticket, much like public bus Book a car, similar to Uber We have a mobile app, and I'm having problem with one of the screens....
3
votes
5answers
1k views

Examples of mouse-over “quick preview” in a Windows app [closed]

I'm working on a UI in a Windows desktop app where the user is given a textual list of names of icon galleries; clicking on one opens that gallery. I'd like to add a "quick preview" feature so that ...
1
vote
2answers
117 views

How to make 2 items in primary navigation more prominent than the others

I'm working on the redesign of an existing website. The website currently has a main navbar consisting of 8 items. The content structure (the 8 main links/categories) should be preserved in the new ...
1
vote
1answer
53 views

Should I use <aside> for off-canvas navigation? [closed]

I want to create an accessible off-canvas navigation and most tutorials say you should put it inside the <aside> element, however, since it is my main navigation which will appear on one line on ...
1
vote
1answer
45 views

Bilingual Navigation

I am working on a pro-bono project. We are designing a website for a bilingual parent workshop (80% Spanish Speakers and 20% English Speakers). Funders for the organization are English speakers. That ...
1
vote
2answers
88 views

Ellipse-shape arrangement of menu items

I have stumbled sometimes upon web pages with an ellipse-shape arrangement of menu items and I have found them to feel somehow more comfortable over the standard orthogonal arrangement: Is there any ...
1
vote
0answers
70 views

Tips for my project navigation menu

I am a software developer developing an online rugby union manager game as a side project. I am not that good at design but I've been reading a lot recently on this subject and I'm trying to improve ...
3
votes
2answers
2k views

How to deal with multilevel menus

I trying to design a horisontal menu that sometimes will go three levels down. The thing that drive me crazy is to know if I should show all the levels. For example: About us, Products, Contact ...
2
votes
2answers
202 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
1
vote
1answer
120 views

How to improve 3rd level navigation selection

I have a responsive dashboard web app, as shown in screenshots. The left navigation menu has two levels of navigation, and then there is a blue tab strip running along the top for the third level. ...
2
votes
4answers
497 views

An icon to tell users that a button opens a modal or popup

When a link on a page directs to an external link, we use an external link icon Ref: Should we tell users that a link or button will open in a new tab or window & how to do so? Is there a ...
1
vote
0answers
44 views

Gaps between active areas of menu items [duplicate]

What is a better solution to make gaps between active areas of menu items or place them close to each other? I'm asking just about active areas of links not about visual styles. For example, maybe ...
1
vote
2answers
137 views

Best practice to best illustrate side navbar children

I have this Side Navbar with children. I am not sure that the way I am illustrating the children is the best way of doing this. Questions - Is this the best way for me to illustrate navbar item's ...
0
votes
1answer
114 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
0
votes
2answers
70 views

Top logo linking to different page on same domain, bad design?

I have a situation with a company's homepage at somecompany.com and a different web application at the subdomain tracking.somecompany.com which provides a specific function for users (tracking ...
2
votes
2answers
1k views

Subnavigation on iPhone

If your app has a bottom tab nav, and you want to open another page that has a contextual sub-nav, where do you place this sub-nav? How do you decide?
1
vote
0answers
86 views

iOS inconsistencies (modal vs push)

The iOS settings app has some inconsistencies I want to bring up to discuss the reasoning for their choices. Settings > General > Language & Region > Region uses a modal with a filter ...
0
votes
1answer
161 views

Is a floating, collapsible bottom navigation bar a good pattern on mobile web?

I’m working on a mobile web app that has two pages (tabs) of equal importance. As the user will switch between the two frequently, I’m worried that displaying a classic navigation bar at the top of ...
5
votes
2answers
808 views

Vertical navigation UX - Scroll or collapse

Which is preferred? Toggleable Expansion (Figure A) - 2nd level only visible if initiated by user (e.g. accordion or expand/collapse) Scrollable (Figure B) - 2nd-level always visible, scrolls if ...
0
votes
0answers
68 views

Best practice to combine sub-category selection and drilldown in Mobile navigation

I'm working on a mobile application that allows selection of a category on one of its screens. For example: There can be more than 2 levels in the hierarchy and the amount of items is not limited ...
0
votes
0answers
46 views

What type of navigation to use for middle sized website?

I am redesigning a website for our association with around 40 pages, which may be divided into the 4 main categories, each containing the same number of links. On the old, outdated site, the links ...
1
vote
1answer
58 views

Capitalized words in navigation for phone app

I read that capitalized text reduces reading speed, but does it apply to navigation text? For example, at the top of the app I would have 3 navigation elements: HOME BOOKMARK SETTINGS Will it ...
0
votes
1answer
42 views

Is it ok to Quick Nav selectively, not universally?

First, to keep us on the same page this is what I mean when I am saying Quick Nav. (Example from Lonely Planet) It is supplementary navigation to inform you what is on the page and send you down to ...
1
vote
1answer
65 views

Optimising large navigation bars

How would you go about revamping a navigation as long as this while keeping all the links visible On desktop On mobile
0
votes
1answer
41 views

Adding ads to a top bar of a paid platform

What's your opinion about adding banners to the top navigation sticky bar of a paid platform for professional users? 2 important considerations: Some of them are paying up to $5500 each year to use ...
-5
votes
3answers
134 views

How close should a link mimic the underlying URL?

Situation: We have a website where a link is present with the following text: iPads & Tablets This link refers to the following URL: https://www.website.com/tablet-watch Question: Is it ...
3
votes
1answer
381 views

SaaS admin navigation through lower tiers

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, ...
2
votes
1answer
315 views

Navigation order for cancel and save buttons

I'm currently defining the order of tab navigation for a form. At the bottom of the form there are two buttons, "Cancel" and "Save". Following the tab order from left to right, the first button to ...
1
vote
1answer
98 views

What is the name of this scroller component?

I have these arrows that when clicked scroll n cards to the side. I would like to find a React component that does that, but I don't know how is it called.
2
votes
2answers
133 views

Is there any logic when arrows are used before or when after the content

Just wondering if there is any logic defined to use a certain arrow position (left|right or front|back or before|after or whatever ...) in a navigation item or if it's merely a matter of choice and ...
1
vote
1answer
182 views

Navigation rules for bottom tab bar

I'm working on a mobile app which has a bottom navigation bar. There are 3 tabs: Payments Home Settings When I am on the home section I have a menu, where I can go deeper, inside this section: ...
2
votes
1answer
276 views

Displaying lots of blog articles

We have a blog on our Shopify store which we are pulling into our marketing site via RSS. It will display the articles' titles, date, and full content. We're using a Bootstrap 3.x template and are ...
2
votes
1answer
148 views

Using the Title in Navigation Bar for a page status

I'm designing an app on iOS & Android. My client wants the title in the Navigation Bar/App Bar to be a status rather than a page title. Instead of "Registration" he wants to switch between "...
7
votes
4answers
663 views

Usability of transparency in navigation menu

I have seen a couple of websites using some css properties to make the navigation menu semi-transparent. I assume this has to do with giving the user a more continuous feel to the page scroll, but it ...
0
votes
1answer
58 views

Design patterns for navigation of menus on mobile devices/views

I have noticed that many web applications displayed in mobile devices or views seem to be simply moving or displaying the same content in a different viewport rather than trying to tailoring content ...
1
vote
3answers
130 views

How can I make a navigation for an older demographic?

Is there any friendly way to ensure that an older demographic understands a modern toggle sidebar nytimes-esque type of navigation? We currently have a sidebar with endless links and the web ...
12
votes
4answers
1k views

What's the tradeoff for using an icon driven navigation?

It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation) Wondering why this ...
0
votes
2answers
617 views

Material design - where to place a global navigation draw button

The material guidelines say to use a Navigation drawer when you have over 5 main menu items (as opposed to tabs or bottom navigation bar). https://material.io/guidelines/patterns/navigation.html All ...
2
votes
1answer
527 views

What is this UI element called? A horizontal scrolling menu?

I'm talking about a horizontal scrolling menu with "left" and "right" arrows to scroll. I have been seeing this thing everywhere since I started working on a design that uses them. What are they ...
1
vote
3answers
119 views

Wizard component - current state vs active state

The system is used for executing tests. Each test has to go through a number of stages that include user interaction with the system, meaning that each step also has a dedicated screen. We have in ...