Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,511
questions
1
vote
2answers
173 views
Burger menu with dark mode for responsive web
I am trying to make a website with light and dark modes. On small screens I am using a hamburger menu. When I click outside the hamburger menu it closes, to indicate it I change the opacity and in the ...
3
votes
1answer
60 views
What to do with an empty bottom menu bar on mobile?
I am helping design an app that has different functionality available to different users. These different modules are made available through a bottom menu/nav bar. However we have some users that will ...
2
votes
0answers
51 views
Multiple tabs vs multiple menu items
I am in the process of designing a new settings part for a section of our Saas. With my non-ux team, we are discussing wheter we should change the overall navigation of this section by removing the ...
0
votes
1answer
32 views
Book a demo conversion rate
My employer would like to delete navigation on book a demo and retarget landing pages. What do you think about this practice? He believes that the landing page should convert the user and he shouldn't ...
2
votes
0answers
28 views
Why does UX StackExchange have both “Home” and “Questions” tabs? [migrated]
Does UX StackExchange really need both "Home" and "Questions" tabs in its left nav? "Home" seems to be the Questions page with the "Hot" filter applied; it's ...
1
vote
0answers
38 views
Is there a specific name for this type of navigation?
Currently, I'm working on a project that requires a lot of repeated navigational options.
For example:
System 1:
Transform;
Require;
Pipeline.
System 2:
Transform;
Require;
Pipeline.
System 3:
...
1
vote
2answers
78 views
What is the thinnest a top bar can be for effective touch navigation on mobile devices?
We have other questions (such as this one) looking at the ideal height for a sticky top navigation bar on mobile devices. In most situations you'll want it to be reasonably high so that users don't ...
1
vote
0answers
19 views
Should there be arrows in a lightbox on mobile?
So I found that the PhotoSwipe lightbox disables the left right arrows on mobile devices (when it detects them as touch, which can be a hit and miss). But I wonder why. I know the native gallery apps ...
1
vote
0answers
32 views
Shortcut Key for OK Button on Dialog Box with Grid
In a desktop app, I have dialog boxes that contain one or more small grids, various other simple controls, as well as the usual OK/Cancel buttons. Grids pose a problem to the usual use of Enter as a ...
0
votes
0answers
29 views
Optimal placement of tree navigation on a web application
I'm designing an inventory control page for a web dashboard.
Functionality:
When the page loads the tree alone is displayed on the left hand side.
(currently set at 3/12 grid columns)
The user is ...
1
vote
2answers
73 views
How to battle for UX over Marketing with regards to product navigation?
We just completed some card sort and tree test exercises.
One of our main nav labels was clearly more successful when using the label most commonly suggested by our study participants (which were ...
0
votes
3answers
113 views
Best way to display page full of links?
I have a page that looks like below.
I shrunk it in dimensions to give a broad idea of the page. So it has categories and under them there are links. What would be some of the options in terms of ...
1
vote
0answers
138 views
How to balance user-led vs. user-centered design when it comes to navigation labels?
We just completed some research with card sorting and tree testing. Two of the categories were consistently labeled the same by a large percentage of participants.
It seems to make sense to name the ...
1
vote
2answers
88 views
Do we need to provide pagination for a directory structure?
In a typical web UI, pagination is usually provided for lists. However, I would like to know whether it makes sense to provide pagination for a tree structure like a directory structure since it may ...
0
votes
0answers
25 views
Search - autocomplete - hover a result to features in dropdown
I am working on a project where a user has to navigate to any feature for any product. So I came up with a search box component. Here the user can search for a product and when a user hovers on a ...
4
votes
6answers
457 views
Dropdown menus: Should the parent item be clickable?
TL;DR
In my opinion, the parent element (that which when hovered spawns the dropdown menu) MUST be clickable. Other items in the global navigation bar that do not have have dropdown menus take you ...
0
votes
3answers
167 views
Is it the best practice to make the whole webpage clickable?
I have a lead generation webpage which has a pop-up form which appears wherever clicked on the page.
Is is it good to make the entire webpage clickable or only buttons & icons should be clickable?
4
votes
5answers
472 views
What's the best way to navigate 300+ food orders in a dashboard?
I'm working on a dashboard for restaurant kitchen. This will handle incoming set meal requests that are initiated on the waiters tablet as they take the customers order. it will be viewed on a tablet ...
1
vote
2answers
50 views
How do you pick the right function to be in the bottom menu?
Im currently designing a student portal mobile application.
It got a lot of functions; 1. frequently used (academic, timetable, assignments) 2. seldom used (fees, library) and 3. others that are not ...
1
vote
1answer
107 views
Vertical tabs to horizontal tabs [closed]
Is there any comment or best practice to use the below case
I have a vertical tab of material design used in desktop version of a website portal. It is a Resposive web and when the viewport size is ...
10
votes
3answers
148 views
Reducing unsatisfactory navigation states without losing consistency
I'm working on a fairly large analytics dashboard. One challenge that is occurring repeatedly is how to always display relevant information without losing consistency.
We have a set of items that can ...
4
votes
1answer
124 views
Recommendations for improving tree navigation
I'm looking for direction on my prototype, extremely rough website UX. Website link and further down.
Navigation Goal
For users to browse the site like they would a bookstore; jumping between ...
2
votes
2answers
71 views
Side Panel/Top Nav Panels [closed]
Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case?
I have a project to work on next, where it is required to keep the progress indicator ...
1
vote
1answer
46 views
Browse and select from a list at the same time
We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
3
votes
2answers
101 views
Tab selection vs Drop down selection
I'm trying to figure out what is the best UX that I could possibly implement for a mobile phone app. Either selecting of data via tab header or a dropdown.
Solution 1 - Tab Header
It is easy for ...
4
votes
1answer
33 views
Dark Nav Background on Homepage and Invert on Subpages?
from a design or UI/UX perspective:
I have a homepage, the header is dark and so is the navigation bar. Background of the nav is a dark color; logo and text is white.
On sub pages, the Nav is ...
1
vote
1answer
53 views
What is a good approach for warning user on leaving a modal or side flyout panel with unsaved changes?
The user is editing a form element on the RHS flyout panel and the editing is not completed. In the middle of the process, the user decides to undertake the following actions:
Click outside the ...
32
votes
6answers
6k views
Multiple breadcrumbs
Breadcrumbs allow users to keep track of locations within websites. They show the path used to achieve the resource. But if the resource could have different categories, has the sense to create ...
3
votes
1answer
190 views
Thoughts on miller column implementation - too messy?
I've seen a few questions regarding deep hierarchy and miller columns, but haven't seen an example of it with smaller screens (tablets, would be the limit. this is not for phones). I'm not really a UI ...
1
vote
2answers
86 views
How to build a new Website-Navigation?
So we have a website that got really big over the years, there were no UX-Designer involved before and the current website navigation is really messy and hard to understand for users.
Since we are ...
2
votes
2answers
132 views
What are the UX Patterns for complimentary roles in a mobile app?
Consider an application where there are two parties with different roles that co-operate with each other. For example, rider and driver in a ride sharing scenario, or a client and a coach in sports ...
0
votes
0answers
23 views
Cross-platform mobile pattern for navigating among, editing, and creating cards
I'm a backend dev (mostly), very new to UX. I'm building a mobile-friendly Progressive Web App that allows users to view and edit cards with a few attributes (discussions: title, image, description, ...
0
votes
0answers
57 views
What are real examples of content-driven navigation?
Reading Apple HIG Guideline I came across an explanation of the content-driven navigation. It says that games, books, and other immersive apps use this navigation type. But what other immersive apps? ...
0
votes
1answer
35 views
Bottom Navigation with only 2 destinations
According to the Material Design Guidelines the usage for Bottom Navigation recommends three to five destinations (https://material.io/components/bottom-navigation/#usage)
Was just wondering what ...
0
votes
2answers
62 views
Global search in product detail page (mobile) necessary?
I'm currently redesigning a product page for a e-commerce mobile application.
The application is pretty compact: it currently consists of having one "home" page with all products in it. Users can ...
2
votes
3answers
305 views
Should a return button go back or forward?
When implementing a button which takes the user back to the previous page, should I make it go back in the browser history or should it go forward, the same way it does for regular links?
The browser ...
1
vote
1answer
33 views
Labeling and using links that have alternate Spanish translation
I need to convey to the user that a link presented in English to a site or doc is also offered in Spanish. What's the best way to show this? Visualization through parenthetical (Espagnol), a flag?
2
votes
1answer
58 views
How to display icons for Service Locations on Maps?
I'm working on displaying icons on maps, there are 3 types of icons:
Pick up point(s): The location that the vehicle should be navigated to
Point of Service: The location that the service will be ...
0
votes
1answer
65 views
Is there any rule of thumb on how much or how less I should put a UI content on a screen?
I get a dilemma over whether I should spread my content over several pages to reduce user cognitive load, or put as much information as possible in a screen to lessen the navigation depth.
For ...
0
votes
3answers
96 views
In tablet sizes, Is it common/normal to have a hamburger menu, but also have a few of the most important nav links stay outside of the hamburger? [closed]
Or is it more customary to have either/or, so you'd show all the nav links, then all at once switch to a hamburger? Or can you do a middle stage, where some links stay put, and some get moved to the ...
0
votes
3answers
65 views
Making bottom navigation dynamic based on app features enabled?
Our mobile app is feature based, so a user may have 1-4 of the bottom navigation items enabled on their account. Is best practice to hide the menu options that are not enabled or to keep it static and ...
0
votes
0answers
92 views
How to handle side-nav with multiple items?
I have built a dashboard where the user can handle totals for all it's shops, in a side-navbar over the items like 'settings', 'exit' and refs to other pages there are all shops listed as tree view, ...
1
vote
0answers
28 views
Layout for many independent navigation in a section of a webapp
There are many sub section in my project and I am not able to find right pattern for the layout the user navigates into the section from side navigation bar and then there are close to 25 sub sections....
4
votes
2answers
112 views
Two search bars, but only on the help page
I know multiple search bars is frowned upon, but what about on the help page? For example:
Like Amazon, the main purpose of our site is to search for things. My thinking is, they're having trouble ...
3
votes
3answers
76 views
Increase navigation width to contain long nav item or reduce font size?
I have a side navigation that is in use in all of the web app.
Now we have to create a new section that is, unfortunately, longer than all the previous side nav items. Please note that the nav item ...
1
vote
2answers
102 views
Showing name field in header and in edit
I have a small query regarding this design
The right panel shows details of the left panel and the Header title of panel is same as that in field. Is it okay from UX point of view?
3
votes
4answers
124 views
Best location for current file title
This is an enterprise web application. It has a workspace in which a file can have multiple tabs. The user opens the file, then creates as many tabs as they want (up to some reasonable limit) to ...
5
votes
2answers
156 views
Mobile UX - Using tabs and bottom navigation
I am trying to find information regarding using tabs when combined with a bottom nav bar. The benefit of the bottom nav bar is that it allows the user to quickly switch between different sections of ...
1
vote
1answer
131 views
Navigating Deep links
Im working on a mobile flow that allows a user to deeplink to separate jobs within the same app via toast messages and/or notifications from a notification centre.
Im struggling with getting back to ...
4
votes
7answers
937 views
Is a bottom sheet dialog “unfitting” for navigation?
Edit: I posted an answer below containing various attempts based on the ideas provided here.
I am developing an application with a somewhat special main screen, from where the app is divided into two ...
