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
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 ...

1
2 3 4 5
31