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
1 vote
2 answers
94 views

How many navigation options is "too many"?

My website's main navigation bar looks like this: I counted, and there are 7 navigation items in total. Most websites have one navigation item on the left side of the bar with their logo on it that ...
AcinonX's user avatar
  • 141
1 vote
1 answer
26 views

How to reconcile a core keyboard action with accessibility's need for that key?

I'm building a simple word game on the web (for the sake of example, think Wordle) and the Enter key has a role in this, submitting the letters you've typed in. The trouble is that if a user is ...
temporary_user_name's user avatar
15 votes
6 answers
4k views

After navigating from page A to page B, if a user goes back is it better to send them to the top of page A or scroll to where they were?

This is of course a very general question and circumstances will vary. But in general, which annoys most users least when they hit their browser's back button - to go to the top of the page they were ...
tell's user avatar
  • 271
1 vote
1 answer
45 views

Navigation menu with 2 links in drop-down only opens the menu. It is not directed link?

I have a navigation where one of the items has 2 sub-links. Clicking on property it would open the menu only. I know many people feel the parent should direct you to a page, but in this scenario I don'...
Keano's user avatar
  • 69
3 votes
1 answer
120 views

Alternative to scroll bar

I work on a desktop application which has a sidebar with different workplaces. Most of the time there are around 4 workplaces but there can be use-cases with more workplaces that don't fit on a screen ...
Ratoncito_Perez's user avatar
2 votes
1 answer
99 views

Should ellipses be used in main/global navigation bar?

I was browsing the BBC website and I noticed they are using ellipsis to indicate there are more items in the main navigation than visible. I attached two screenshots, the first one is before clicking ...
dgr's user avatar
  • 23
2 votes
1 answer
58 views

What can you fit into a single burger menu on mobile documentation website?

I am looking at this Vercel page: They put the table of contents in a select box at the top of the post, and then the burger menu is more global links. Proposition What are the pros/cons of merging ...
Lance's user avatar
  • 441
1 vote
1 answer
68 views

How to approach breadcrumb structure for non-existent page in hierarchy?

I'm trying to assess the options for creating a breadcrumb component for app that I'm working on. The thing that I'm finding tricky is that the structure of the navigation of the site uses dropdown ...
Burns's user avatar
  • 45
5 votes
1 answer
559 views

Alternatives to hamburger menus for switching the user context (e.g. active project in a project management app)?

Context: a mobile app for project management where the user at any given time has one active project. Think Slack/Discord/GitHub. Each project has some per-project navigation, in the form of a top tab ...
tibbe's user avatar
  • 151
2 votes
1 answer
56 views

Navigating to subpage from multiple locations

Let's assume the following Navigation Hierarchy: RootPage1 -> SubPage1 RootPage2 RootPage3 All RootPages are accessible from the NavBar. RootPage1 has a button that navigates the user to SubPage1....
Dennis Lukas's user avatar
1 vote
0 answers
33 views

Should a corporate intranet page use Top bar or Sidebar navigation?

I'm a communications specialist working on a project that's redesigning our corporate intranet page. The question I'm facing now is whether this is best done by having a responsive sidebar that would ...
Amelia K's user avatar
1 vote
1 answer
74 views

Microinteraction language — drilldown, link, action

I'm currently building a new SaaS product, and am revisiting a few of my old decisions about certain patterns. In this specific case it's the design language for three types of ineractions that happen ...
Max Prodaniuk's user avatar
1 vote
3 answers
222 views

When to use segmented tab and tabs?

Question here is when do we segmented tabs in the design vs when do you use horizontal tabs in design? Segmented tabs Horizontal navigation
NB4's user avatar
  • 2,491
1 vote
1 answer
93 views

How can I show that these menus are related to another?

I currently have the following navigation structure. Users have the option to manage multiple workspaces, and both the 'Company' and 'Jobs' pages are directly tied to a specific workspace. If you ...
William Martins's user avatar
1 vote
1 answer
43 views

Maximum number of elements per item in acordion collapsed list

I try to show a list of 3,000 businesses of a city, within an acordion collapsed list, sorted alphabetically + Aa-At + Au-Bo + Bu-Ci + Co-Du ... When user clicks an item of the "index", it'...
Hookstark's user avatar
  • 121
1 vote
0 answers
31 views

Where do I place the Admin user in the menu?

I am redesigning a platform with two kinds of users: regular and Admin and the two roles are not separated, meaning the Admin should see the same as the regular user + the Admin button, which takes ...
Mimy Polina's user avatar
2 votes
2 answers
112 views

Products are grouped in categories, but can too many categories hurt the UX?

I am working on an e-commerce platform, with products such as vouchers, gift cards, health subscriptions, gym subscriptions, etc. as employee benefits. The users can log in and choose a few ...
Mimy Polina's user avatar
1 vote
1 answer
44 views

Looking for library of resources on real product's design, Information Architecture, etc

For my current project, I am looking for inspiration related to how different digital products (web applications, mobile apps) are organized: navigation + menu structure, Information Architecture So ...
adam.heleniak's user avatar
1 vote
0 answers
85 views

Icon-based sidebar navigation + sticky header. Good idea?

I'm designing a B2B web-app with a lot of tables and dense information. Each page has a header that can contain: Page title Tabs Action buttons We're using a sidebar navigation that shows section's ...
Danielst's user avatar
  • 369
3 votes
3 answers
276 views

Navigation and sidebar questions

For a forum type service that has a calendar, files section, photos section, etc, we use a sidebar on the left side to provide navigation to these pages. The sidebar has about 13 items, including ...
Mark Fletcher's user avatar
1 vote
1 answer
67 views

On a phone, navigating to next item in a list

This is a question for the phone UI. I have an app where people can store documents. The main page shows users a scrollable list of their documents. They can then tap to view an individual document. ...
user295469's user avatar
1 vote
1 answer
43 views

Best practice for users on pages in wrong conditions

Our webapp has different technical pages, that are used as parts of some flows, for example: “Your session has ended” page where the user gets redirected when their session ends with timeout; “You ...
exp's user avatar
  • 2,598
1 vote
1 answer
119 views

How to efficiently show several very long alphabetical lists of 5,000 names

I've got a website that include information about 100,000 names, with 100,000 different URLs. 90% of my visitors come from Google, who search the "specific name" and reach the different ...
Hookstark's user avatar
  • 121
1 vote
2 answers
115 views

Looking for feedback for which one will be a better navigation?

I'm working on a customer portal, aiming to enable clients to access product information and apply for products. There might be only one more product card but its inclusion isn't confirmed yet. I have ...
Meekfern's user avatar
1 vote
1 answer
461 views

Are arrow keys necessary to meet WCAG A and AA standards for keyboard navigation or is Tab key sufficient?

If there is a website navigation with subMenus and some subMenu themselves have their own subMenus. It is possible to fully navigate the navigation with the keyboard through Tab, Enter, and Space keys....
Dog's user avatar
  • 135
1 vote
2 answers
122 views

Is it bad to place the back button next to the navigation button?

I have an enclosed checkout flow that I want to allow users to go back one step at a time while also allowing them the freedom to jump to specific steps using the navigation. Is it a bad practice to ...
Lina's user avatar
  • 11
1 vote
1 answer
41 views

Using fullscreen to view elements without slowing navigation

First question on this stack exchange. I'm designing a web portal for managing computers in a company. Note: This is only made to be used on desktop at the moment. I am having a hard time finding a ...
Davedude's user avatar
1 vote
1 answer
50 views

Question, problems around dialog based task flow [closed]

I rarely see an app designed in a way where the app asks you questions about what you want, like a dialogue. Instead, the app leads you to a first option and lets you navigate through the choices. ...
BS100's user avatar
  • 113
0 votes
1 answer
79 views

Jumping to the next chapter in a document

What would be a good interaction for moving to the next chapter in a document? I am thinking about relatively long text chapters. I'm hoping the user could first skim through chapters and look at the ...
cyberixae's user avatar
  • 103
0 votes
3 answers
177 views

Navigating between steps in a wizard

I have searched for what feels like hours for an answer to this, or research to support a direction. We are using a wizard for customer creation. Currently the user can navigate between steps using '...
Michelle Walstra's user avatar
1 vote
2 answers
118 views

Conflict between sidebar and tables with many columns

I am designing an internal tool for a client. This tool is very information dense and most of its content is tables with a lot of columns. When designing the navigation I had thought of a sidebar, but ...
Danielst's user avatar
  • 369
0 votes
2 answers
74 views

Where to place the return to shop button on a product page?

I'm working on my personal site as a gallery for my photography with an attached shop and while I have a strong CS background which makes the JS/PHP/CSS stuff easy to me, I sometimes struggle with the ...
jchnkl's user avatar
  • 3
0 votes
1 answer
62 views

Best UX for a documentation "book" in a website format, specifically dividing it into chapters and how the navigation works?

I am working on implementing a custom programming language, and am inspired by documentation examples from the web: Vercel Readme.com Rust Lang You'll notice that the navigation on all of these has ...
Lance's user avatar
  • 441
5 votes
1 answer
135 views

Why does "jump link" pattern not copy?

I am asking this question as a user. I have used several websites with the "jump link" feature, and after clicking on the button I go somewhere else and press Ctrl+V only to find out that ...
simplegamer's user avatar
0 votes
3 answers
244 views

Navigation on the page using anchors, and links to other pages, combined?

I'm building a website where the index page acts like a "landing" page, with several sections of interest and call to actions throughout, the website also has 2 to 3 other pages. Now I'm ...
Miguel Stevens's user avatar
0 votes
1 answer
38 views

Tabs that can fall back to another tab when the first tab is empty?

Conceptually, I have 2 tabs that act as filters for an infinitely scrollable list. There's a local tab and a global tab. The local tab can be empty pretty often. I'd like to fall back to the global ...
Leo Jiang's user avatar
1 vote
1 answer
414 views

Best practice for a sub-menu in mobile

I'm a new UI designer and I'm trying to figure out how to make a sub-menu in mobile for an employer profile. So basically the company/employer profile is like a LinkedIn approach but I'm having a hard ...
Patricia Anne Bellido's user avatar
0 votes
1 answer
73 views

What are best practices when designing navigation menu, page titles and breadcrumb of a list of items and the related pages to add/edit/remove items?

I'm trying to design a desktop application that let the users list strategies and add/edit/delete a strategy. To add a new strategy the user will find a menu in the listing page. To edit and delete ...
Florent's user avatar
  • 103
1 vote
1 answer
78 views

Accommodating list view and map view of geographical locations on the same page

On a web page, where users must select geographical location so as to proceed with the next step, I'd like to provide both options of list view and map view. I'd like to cater to both preference ...
drabsv's user avatar
  • 392
0 votes
1 answer
218 views

Should I use one nav tag or two?

The case: I have a menu, with slight differences between the mobile version and the desktop version. So, in the code, I have two unordered lists. <ul class="Mobile"> </ul> <...
Rafael's user avatar
  • 778
2 votes
2 answers
159 views

"More" as a menu item

I'm dealing with a relatively large menu. I'm thinking about displaying the more important items (6) and create a "More" item that displays the less important ones (5). I've tried to make ...
Danielst's user avatar
  • 369
4 votes
2 answers
167 views

Card sorting for deep and narrow IA

Our menu is getting too big and we want to explore other ways to organize the content. For that reason we're planning an Open card sorting with users. I'm struggling to find the topics/cards because ...
Danielst's user avatar
  • 369
0 votes
1 answer
110 views

How to have previous/next and "up" navigation for navigating pages on a book, while also having a configuration menu?

I have this basic layout idea so far, for navigating things like book pages, where you can go: Left: back a page Right: forward a page Up: up from verse level to chapter level to book level to site ...
Lance's user avatar
  • 441
1 vote
1 answer
62 views

Custom back button vs multiple user paths

I'm working on a Hotel chain website that has custom back buttons on their hotel pages. The back button takes users to the previous level in the navigation. E.g: A user in "Hotel page" ...
Danielst's user avatar
  • 369
1 vote
1 answer
43 views

Where to place buttons to customize a navigation list (reorder/add/delete)?

I have a subpage with a navigation list. This list can be changed by the user. The user can reorder, add or delete categories. This function is rarely used by clients, mostly only when they first ...
niviolin's user avatar
3 votes
2 answers
308 views

If a user is logged out as a result of timing-out, should they return to the homepage or the last page visited

We have a somewhat complex B2B app. If a user is idle for some time, they are auto-logged out and brought to the login screen. If they log back in, would the ideal behavior be to bring them to the ...
Jason Grover's user avatar
0 votes
1 answer
178 views

Is it a good idea to have a back button go back if the link is the same as the previous history entry?

Let's say you have a website / app where there are user pages, and on the user page there are additional links for things like that user's awards or posts. Something like this: The issue I'm having ...
Ryan Peschel's user avatar
0 votes
2 answers
72 views

Quick navigation between courses in an LMS

I have a webapp LMS whose workflow, for students and teachers alike, goes like this: the home page has a list of cards representing the courses available, with a button to enter the course. When ...
Samuele B.'s user avatar
1 vote
1 answer
586 views

Too many tabs - different ui layout?

I'm designing a website and I have a problem with too many tabs. The website has information on 18 different box diets (each has its own price list). On the price list subpage, I want to show a price ...
Piotr3qx's user avatar
2 votes
3 answers
243 views

Two hamburger Menu Bars

The issue is having two hamburger menu bars. Would burger menu combined with tabs be better suited for this menu section. Menu bar #1 appears when user logs in. Menu bar #2 is for all customers (...
Mairead Louise's user avatar

1
2 3 4 5
34