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
6
votes
4answers
1k views

Navigation & Link Hover State

Note: Please link me if this has been asked, I couldn't find what I was looking for I just had a conversation with my mate who is an Art Director in regards to a website he designed, when it was ...
1
vote
1answer
347 views

What are the best examples of accessible highlighting online? [closed]

I'm seeking Accessible Highlighting online and not seeing much. I'm well versed in high-end accessibility, but I am having trouble finding ANY examples of accessible highlight, let alone best-of-...
1
vote
2answers
84 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
1answer
172 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 ...
0
votes
2answers
61 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 ...
1
vote
4answers
518 views

Form navigation mental model

If an user comes from Windows based software, where in forms you navigate through the inputs with enter key and save by ctrl+s, to browser based software where the default navigation is done with the ...
1
vote
1answer
96 views

Expandable/Collapsible menu

dear community members! I'm currently working on the solution and have a need to make a blue menu expandable and collapsible. Probably someone has good examples on this pattern? Here is how this is ...
0
votes
1answer
67 views

Links within an iPhone app

Imagine an iPhone app with a tab bar (5 items) and a link to the user's profile in the header. Now let's say that you're somewhere in tab 5 and you'd like to make a link to a screen within the user's ...
1
vote
1answer
67 views

How long should I wait before animating the navigation bar in/out when the user scrolls?

I'm currently working on a new design for a site and I've encountered a problem I've never found before. I want to collapse the navigation bar up when the user scrolls down to increase available real ...
2
votes
2answers
131 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
2answers
129 views

Why utility nav shouldn't be in the upper left?

folks - I'm wondering if any of you know of a source to explain why utility nav shouldn't be in the upper left of a web design? I've always considered the upper left above the logo a blind spot, but ...
4
votes
3answers
3k views

Mobile Application breadcrumb navigation: is it a good idea?

I have a mobile application developed for Android & iOS. The application displays a set of hierarchical items. The application main navigation is designed as a Master/Detail flow where tapping a ...
0
votes
0answers
48 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? ...
2
votes
1answer
333 views

Displaying lots of blog articles

We have a blog on our Shopify store which we are pulling into our marketing site via RSS. It will display the articles' titles, date, and full content. We're using a Bootstrap 3.x template and are ...
1
vote
2answers
548 views

Session is about to expire

I am in the middle of building a system that will require a session time out. Anyone have a best practice here as far as time to give before it actually times out? Currently I am planning for a pop ...
105
votes
12answers
22k views

Home button vs Logo link?

Is a "home" button on the navigation required if there is a link to the homepage using the company's logo? Increasingly I have noticed more and more websites using the logo as a link to return to ...
4
votes
2answers
104 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 ...
0
votes
1answer
32 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 ...
3
votes
1answer
1k views

What is an effective method for in-page navigation when none of the other pages have in page navigation?

I'm updating a help page that is sectioned and navigated using a list of links at the top of the page. Since there is so much content in the help page it is easy to get lost, and the only way to ...
2
votes
3answers
304 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 ...
6
votes
2answers
251 views

Design patterns for switching workspaces on mobile

I'm working on a mobile responsive web-app whose users can potentially have one, two, or three workspaces (we call them "zones") depending on their user privileges, i.e. Admins get all three zones ...
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?
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
3answers
83 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
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
0answers
83 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
24 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....
3
votes
3answers
75 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
1answer
111 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 ...
3
votes
4answers
122 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 ...
4
votes
7answers
768 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 ...
5
votes
2answers
339 views

What's this kind of menu called?

When you click a link, it opens another tab and puts a link to the previous one on it's top. It solves my problem, but I can't find what it's named (english is not my 1st language). Here's an ...
1
vote
1answer
78 views

UI for enlarging image, showing next image

I have a website that displays items. Each item can have multiple images, but only shows one at a time, along with the item text. The user can click anywhere on an image to show the next image. You ...
22
votes
3answers
15k views

Are there alternatives to hamburger + drawer menus?

On the internet there is a lot of bashing on the Hamburger Icon & the matching Nav Drawer. I realize it sometimes might be a pattern which should be avoided when simpler, more explicit options ...
2
votes
1answer
187 views

Collapsible navigation sidebar and Bootstrap Dropdown, are these similar?

This is a control panel for administrators. The collapsible sidebar you see below contains links to other pages related to administration. This image shows me navigating with the TAB key, ...
0
votes
5answers
1k views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user opens up ...
2
votes
1answer
454 views

Sticky panels on a desktop web app. Conventions and debate

Is anyone aware of current debate or conventions on the use of sticky headers/footers in web apps? I'm designing a screen for trading investments. This is an inherently complex task for most users. ...
0
votes
1answer
86 views

Application navigation when there are multiple main navigation possibilities?

What's the best way to present main navigation for a site where you login and have access to two products, that have some different navigation. 3 navigations: 1) External page, about us, products ...
0
votes
0answers
45 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
1
vote
1answer
65 views

Having a choice selection pop up right after main navigation use

I am working on a web-based application (only desktop) where users could enter new sets of data to the system by using preformed templates. As this is one of the main actions in the system, we will ...
5
votes
3answers
789 views

Does the 'mile high menu bar' still apply to web apps?

In this article from Joel on Software, Joel talks about how the easiest parts of the screen to click are the edges, and how putting menu bars at the absolute top of the screen increases usability. Can ...
1
vote
2answers
185 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
0
votes
3answers
94 views

Organizing two kinds of navigation in a mobile app

The problem: There are usually 3-4 tabs on a mobile navigation menu, as shown below. This is considered to be best practice. However, we have 5-6 features we would like to display there. We are ...
1
vote
1answer
167 views

Dark theme navbar: Lighter or darker than the main background?

I don't have a lot of UI/UX experience and am trying to learn as I work on my personal website. With a light background, I 100% agree with the advice to use a darker navbar, as that helps to sort of ...
2
votes
1answer
113 views

How to design a website for both customers and business?

Situation We've designed a website for a client that caters to their own clients and to businesses. When you arrive on the website it's focussed on their clients but we have a quick link at the ...
0
votes
2answers
88 views

Home or back button as first item in navigation bar?

A bit of background: I'm in a project where we're building an android system service (meaning it will work regardless of which app is currently in the foreground) for an action bar that will overlay ...
0
votes
1answer
110 views

feedback on navigation with multiple level of hierarchy

I am designing a responsive website with 3 levels of hierarchy. I wanted to get some opinions and feedback on the following navigation. Level 1 contains a list of body systems ex: cardiovascular ...
0
votes
0answers
61 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...

1
2
3 4 5
31