Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,678
questions
0
votes
1
answer
46
views
website navigation to accommodate both products and services -
I am working on revamping a website for a salon with several locations that allows users to book appointments online as well as shop their product line. Currently, the revenue from the sale of ...
- 211
0
votes
1
answer
32
views
Showing sidebar based on the context?
When the user logs in to my website, they see the main dashboard. They can navigate to the Projects page and see a list of projects.
I am planning to put the Dashboard, Projects, global Settings etc ...
- 101
2
votes
1
answer
22
views
Nav Menu - Navigation & features exposure - which is it?
I have worked on both Webapps and application software for last few years now. Whenever I look up to strategize the menu for the application, there is a subtle difference and a confusion that I see ...
- 1,516
1
vote
1
answer
39
views
Navigation pattern ideas to layer on top of complicated corporate website
I'm working on redesigning a large corporate website with thousands of pages covering various products and services, similar to an e-commerce platform. Each product or service connects to others, much ...
0
votes
1
answer
83
views
"Not finding what you're looking for" UI component on every page - where should I position it?
I'd like to add a "Not finding what you're looking for" section to each page on a commercial web site, with guidance what the user should do, if they had not found whatever the had been ...
- 720
0
votes
1
answer
67
views
Indicating scrollable overflowing content - dark ui
As one can't indicate that an overflowing container is scrollable with a (dark) shadow gradient at the bottom of the element, what are desirable options to do so?
We are looking for options without ...
- 1
1
vote
2
answers
77
views
Buttons vs links (as visual UI elements)
Introduction:
I keep reading over different articles the mantra that "Links go places, buttons do things", but this simply does not make sense on basic semantic level. Going to a place is ...
- 720
10
votes
2
answers
2k
views
How to best handle many breadcrumbs with overflow menu
We have a well-developed breadcrumbs component in the design system. Its logic is that breadcrumbs containing more than 5 elements are reduced and a drop-down menu appears. Currently, we show the ...
- 121
1
vote
1
answer
38
views
How to add a way to navigate to a main page
I have a dashboard and my goal is to add a way for users to interact with a chatbot from the dashboard to ask questions about their data. There are two ways to launch chatbot, one that keeps you on ...
- 11
0
votes
1
answer
80
views
Where should the back button navigate to?
I am designing a recipe page that can be accessed in two different ways:
The favorite section on the homepage has the user’s favorite recipes. Pressing on the recipe name will take the user to the ...
- 5
0
votes
3
answers
67
views
Explaining button functionality on mobile app?
I'm working on an app design for updating item prices at different department stores. Essentially, the user updates the app prices by taking a picture of the actual price and the backend processes the ...
- 187
0
votes
1
answer
28
views
Adding links to Help Center of SaaS product
I need to add more information about how our product works and link to our Help Center, the requirements for this task are:
to link to an outside help center
make it quick to develop
it needs to be ...
- 1
1
vote
1
answer
54
views
Carousel - hide navigation elements?
My case:
should I have to hide navigation elements of carousel (like arrows or fors) when admin upload only one card to it? Or maybe I should display disabled arrows on the both sides?
I will be very ...
- 11
2
votes
2
answers
150
views
Browser navigation in SPA: Which changes to UI state should be preserved in URL for the purpose of URL state synchronization?
URL state synchronization allows users to navigate to specific SPA page and see specific state. This is important when you share SPA page and you want the recipient to see exactly what you saw when ...
- 4,253
0
votes
0
answers
48
views
How to position the two panels
I have a question about how to arrange 2 panels for one section.
Situation: I’m navigating through the settings and the page with user settings is causing me problems. Because there is a hierarchy ...
- 1
1
vote
2
answers
64
views
Auto numbering on questions
I'm designing a survey form builder. One proposed feature is to allow administrators to enable automatic numbering for questions and question groups. However, the software's robust logic and rule ...
0
votes
1
answer
70
views
How do I allow the user to visit the umbrella page in mobile navigation menu?
I have a navigation menu with some of the buttons being hover dropdown menus. So when the user hovers the button, a dropdown opens below where they can select where they want to go.
Front page
Open ...
0
votes
2
answers
99
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 ...
- 302
2
votes
2
answers
165
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 ...
- 151
1
vote
1
answer
29
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
5k
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 ...
- 271
1
vote
1
answer
82
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'...
- 71
3
votes
2
answers
291
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
155
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 ...
- 23
2
votes
1
answer
88
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 ...
- 473
1
vote
1
answer
82
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 ...
- 45
5
votes
1
answer
573
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 ...
- 151
2
votes
1
answer
66
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....
- 121
1
vote
0
answers
47
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 ...
- 11
1
vote
2
answers
102
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 ...
- 106
1
vote
3
answers
446
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
- 2,511
1
vote
1
answer
96
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 ...
- 141
1
vote
1
answer
58
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'...
- 121
1
vote
1
answer
49
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 ...
- 217
2
votes
2
answers
142
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 ...
- 217
1
vote
1
answer
78
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 ...
- 460
1
vote
1
answer
135
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 ...
- 381
3
votes
3
answers
312
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
2
answers
95
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. ...
- 305
1
vote
1
answer
49
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 ...
- 2,618
1
vote
1
answer
151
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 ...
- 121
1
vote
2
answers
128
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 ...
- 13
1
vote
1
answer
1k
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....
- 135
1
vote
2
answers
149
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 ...
- 11
1
vote
1
answer
67
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 ...
- 11
1
vote
1
answer
53
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. ...
- 113
0
votes
1
answer
113
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 ...
- 103
0
votes
3
answers
327
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
175
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 ...
- 381
0
votes
2
answers
108
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 ...
- 3