Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,663
questions
0
votes
2
answers
82
views
Show menus that should be contained in each module
I am creating a system that has different modules that need to be shown (in my example: Payroll, Bonus, Loan, Severance, Annual Tax) that each have different processes but all of them (except Annual ...
1
vote
2
answers
109
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 ...
1
vote
1
answer
27
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 ...
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 ...
1
vote
1
answer
47
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'...
3
votes
1
answer
129
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 ...
2
votes
1
answer
102
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 ...
2
votes
1
answer
59
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 ...
1
vote
1
answer
70
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 ...
5
votes
1
answer
560
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 ...
2
votes
1
answer
57
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....
1
vote
0
answers
34
views
Should a corporate intranet page use Top bar or Sidebar navigation? [closed]
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 ...
1
vote
1
answer
75
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 ...
1
vote
3
answers
237
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
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 ...
1
vote
1
answer
44
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'...
1
vote
1
answer
32
views
Where do I place the Admin user in the menu? [closed]
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 ...
2
votes
2
answers
115
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 ...
1
vote
1
answer
75
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 ...
1
vote
1
answer
89
views
Icon-based sidebar navigation + sticky header. Good idea? [closed]
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 ...
3
votes
3
answers
283
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 ...
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. ...
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 ...
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 ...
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 ...
1
vote
1
answer
521
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....
1
vote
2
answers
125
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 ...
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 ...
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. ...
0
votes
1
answer
80
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 ...
0
votes
3
answers
192
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 '...
1
vote
2
answers
122
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 ...
0
votes
2
answers
77
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 ...
0
votes
1
answer
64
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 ...
5
votes
1
answer
136
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 ...
0
votes
3
answers
278
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 ...
0
votes
1
answer
41
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 ...
1
vote
1
answer
467
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 ...
0
votes
1
answer
81
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 ...
1
vote
1
answer
80
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 ...
0
votes
1
answer
238
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>
<...
2
votes
2
answers
169
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 ...
4
votes
2
answers
173
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 ...
0
votes
1
answer
118
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 ...
1
vote
1
answer
64
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" ...
1
vote
1
answer
44
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 ...
3
votes
2
answers
325
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 ...
0
votes
1
answer
192
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 ...
0
votes
2
answers
73
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 ...
1
vote
1
answer
629
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 ...