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
0
votes
1answer
43 views

Adding ads to a top bar of a paid platform

What's your opinion about adding banners to the top navigation sticky bar of a paid platform for professional users? 2 important considerations: Some of them are paying up to $5500 each year to use ...
-5
votes
3answers
145 views

How close should a link mimic the underlying URL?

Situation: We have a website where a link is present with the following text: iPads & Tablets This link refers to the following URL: https://www.website.com/tablet-watch Question: Is it ...
3
votes
1answer
505 views

SaaS admin navigation through lower tiers

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, ...
2
votes
1answer
499 views

Navigation order for cancel and save buttons

I'm currently defining the order of tab navigation for a form. At the bottom of the form there are two buttons, "Cancel" and "Save". Following the tab order from left to right, the ...
1
vote
1answer
98 views

What is the name of this scroller component?

I have these arrows that when clicked scroll n cards to the side. I would like to find a React component that does that, but I don't know how is it called.
2
votes
2answers
146 views

Is there any logic when arrows are used before or when after the content

Just wondering if there is any logic defined to use a certain arrow position (left|right or front|back or before|after or whatever ...) in a navigation item or if it's merely a matter of choice and ...
1
vote
1answer
222 views

Navigation rules for bottom tab bar

I'm working on a mobile app which has a bottom navigation bar. There are 3 tabs: Payments Home Settings When I am on the home section I have a menu, where I can go deeper, inside this section: ...
2
votes
1answer
170 views

Using the Title in Navigation Bar for a page status

I'm designing an app on iOS & Android. My client wants the title in the Navigation Bar/App Bar to be a status rather than a page title. Instead of "Registration" he wants to switch between "...
7
votes
4answers
752 views

Usability of transparency in navigation menu

I have seen a couple of websites using some css properties to make the navigation menu semi-transparent. I assume this has to do with giving the user a more continuous feel to the page scroll, but it ...
0
votes
1answer
78 views

Design patterns for navigation of menus on mobile devices/views

I have noticed that many web applications displayed in mobile devices or views seem to be simply moving or displaying the same content in a different viewport rather than trying to tailoring content ...
1
vote
3answers
159 views

How can I make a navigation for an older demographic?

Is there any friendly way to ensure that an older demographic understands a modern toggle sidebar nytimes-esque type of navigation? We currently have a sidebar with endless links and the web ...
12
votes
4answers
2k views

What's the tradeoff for using an icon driven navigation?

It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation) Wondering why this ...
0
votes
2answers
739 views

Material design - where to place a global navigation draw button

The material guidelines say to use a Navigation drawer when you have over 5 main menu items (as opposed to tabs or bottom navigation bar). https://material.io/guidelines/patterns/navigation.html All ...
2
votes
1answer
1k views

What is this UI element called? A horizontal scrolling menu?

I'm talking about a horizontal scrolling menu with "left" and "right" arrows to scroll. I have been seeing this thing everywhere since I started working on a design that uses them. What are they ...
1
vote
3answers
168 views

Wizard component - current state vs active state

The system is used for executing tests. Each test has to go through a number of stages that include user interaction with the system, meaning that each step also has a dedicated screen. We have in ...
2
votes
2answers
163 views

Bootstrap nav bar with variable background color - best way to handle this?

I'm working on the UX for an application with a bootstrap top navigation bar whose background color will not be consistent because resellers can change it to match their branding. At the moment, the ...
6
votes
3answers
209 views

In a website, how to make two segments of users follow the desired path

I was asked to design a website for a company that has two different segments: B2C (business to customers) and B2B (business 2 business)... The company says both segments are equally important. How ...
77
votes
8answers
15k views

What's the best way to view a deep hierarchy?

I've been pondering the best way to show a deep hierarchy for a desktop application I'm working on. Here are some alternative designs I'm considering... Mac OSX Finder: If you understand what you're ...
5
votes
1answer
173 views

Q: What's the name of this type of keyboard filter interaction?

I want to know a name for the type of keyboard filtering where a each time a user enters a character, the rest of the keyboard disables all characters which aren't relevant anymore because no word can ...
4
votes
1answer
2k views

Hamburger menu or back button on Android?

Should I display hamburger menu icon (in the place of the navigation icon on the top App bar) on every screen that comes directly from the navigation drawer on Android or should it be the back button? ...
1
vote
3answers
1k views

Best practices for navigation menu positioning in a responsive header?

Assuming you have a responsive header that always takes up the full width of the viewport (such as the one in https://mailchimp.com), are there any best practices to follow for positioning the ...
9
votes
5answers
3k views

Linking a Navigation menu item to external URL

3 of 7 links on my navigation menu are external links to others websites (same company but other services/not the same domain). Those websites are not the core of the business. Linking a navigation ...
11
votes
4answers
2k views

Responsive sidebar sub-navigation

We're working on a new, responsive version of a large website and need to support the main navigation and sub-navigation that changes based on the department. Below is a mockup of how we are ...
4
votes
7answers
1k views

Navigating back to the previous page from current selection.

Need help in understanding the interaction. Me and my friend are stuck in one interaction where right side gets updated, when we select an item in the left. Right side has default little amount of ...
0
votes
2answers
447 views

Segmented Control for big texts

Do you have an alternative for the segmented controls in iOS? We'll need 4 tabs, medium to big size words, no icons. You can see an example (not real words) in the image below. It's too tight we ...
3
votes
2answers
496 views

Breadcrumbs when there are multiple paths user can take to same page

I was tasked with improving the confusing breadcrumbs on a website I'm working on. They are evaluating if they want to keep or remove breadcrumbs. The problem: Users can navigate to certain pages ...
14
votes
3answers
2k views

Do average users expect the Esc key to work on websites?

I'm currently working on a fairly standard website where one page lists a series of projects - clicking on a project leads to an animation and then displays detailed info for it. I've got a back link ...
1
vote
6answers
6k views

Is it ok to have a bottom tab bar on a website?

I'm currently looking into web responsive navigation patterns. Tab bars on a mobile version of a website is rather uncommon. A few years ago I know that there was an issue on some browsers with ...
1
vote
1answer
195 views

How to design a flat design wizard?

We are migrating our modal based wizards to be "flat" and included in the main navigation system. They should be accessible via a navigation bar. How do we place the different buttons and explain the ...
1
vote
1answer
218 views

Menu sidebar height on small screen resolutions

I'm currently having a challenge on a SaaS I'm helping designing, regarding small screen sizes. That SaaS has a menu sidebar on the left as its main navigation, with 2 levels of navigation. The ...
0
votes
1answer
70 views

How would you call a navigation option that contains chats, call history and booked calls?

I am designing an app that allows users to connect with experts from any field via chat or video calls. On the navigation bar there will be an option that contains the chats between user and experts, ...
0
votes
1answer
67 views

Inverse navigation on iOS

I am designing an iOS mobile app where I have parent-child data sets. Imagine that you have a list view of objects (where you can do regular operations like add, delete or edit). When you tap on an ...
2
votes
1answer
79 views

Use top-looking arrow when navigate between screens [closed]

When I was designing something in Adobe XD I thought about an icon which will display in search bar to go backwards in app. My activity uses slide up to open another activity with search bar. Let me ...
0
votes
1answer
43 views

Adding Items with Multiple Components

Are there any examples sites that add information to an item with several components and data? For example, a home property might have additional components and views to add: images, amenities, ...
2
votes
4answers
211 views

Highlighting parent in the top-most navigation

I'm using an always-visible side navigation bar for a web app I'm helping design. This bar serves as the topmost navigation throughout the app, providing fast access to top-most categories even from ...
15
votes
5answers
11k views

Should nav items be hover or click to activate dropdown?

When theres a dropdown option, should users expect to hover on it or click on it? I have seen this done either way. I recently visited this lightspeed's website. They have a dropdown menu for their ...
1
vote
4answers
764 views

Too many menu items for a mobile tab bar

For my mobile app, ideally, I'd fit 6 top-level buttons into the navigation tab bar: Overview Tracking Jobs Notifications Search Menu ("hamburger") Profile Log out Settings App info etc. This is ...
-1
votes
4answers
191 views

How to route two different audiences through one web page?

I have 2 audiences on one product(services) page: some of the services available only for "rich" people, and some for poor. Most visitors are of course poor people. So how would you solve this? How to ...
2
votes
1answer
120 views

Displaying report based on data table selection

First, hello to everyone since this is my first post in ux.stackexchange.com. Now to my question: Right now I have really simplistic view containing a search input + button and a jQuery datatable ...
0
votes
3answers
71 views

WE, US, or something else in a navigation menu [closed]

I've seen a lot of "About Us" item in the nav section of almost every comercial site, but wonder what can be used instead. I realize that I can shorten a bit to get something like "US", but recently ...
0
votes
1answer
117 views

Sidebar buttons navigation [closed]

I'm building a new website for my own. I'm a student but in my spare time I try to earn a bit by being webdeveloper. However from now on I want to focus a lot more on user experience, maximum ...
0
votes
2answers
564 views

Multistep/page form navigation best practices?

I think that making a multipage form navigation is not so simple as it seems, especially for next/prev buttons. Generally, within a multipage form (for example a cart, but in my case I've got a HUGE ...
0
votes
1answer
57 views

URL paths: to change or not to change

I work for a website that allows users to browse and discover live theater. We offer one experience under the /shows/city path where users can browse the complete list of every show in a city. In ...
0
votes
2answers
100 views

Usable navigation for a shop with a long top-level category

I have a shop site in which the client wants to remove a left category navigation which currently is used on the desktop version of the site. This seems mostly to keep up with fashion, and it does ...
2
votes
1answer
450 views

Navigation between dashboard and landing page

I'm working on a printing and drop-shipping website which has been growing fast lately with users and features so it becomes difficult to manage IA. Here is the situation. It has a landing page, ...
2
votes
1answer
195 views

Why are the j and k keys associated with forward/back, respectively and why not vice versa?

This is a multiple-part question: Why is it common to see the j and k keys implemented respectively as forward and backward navigation in web apps? I think it because of Bill Joy's work on vi and the ...
11
votes
4answers
1k views

Best Place for a Back Button on a 7" Tablet Menu

I'm currently building the interface of an Android Tablet digital restaurant menu. The user is going to be able to navigate between categories and dishes lists and navigate back as well. I'm finding ...
1
vote
2answers
980 views

Adding a filter on a tab nav bar

I have a list of posts that are sortable by type/category. The default is 'all'. Other types are 'messages', 'files', etc. When a user clicks on the tab, these posts are refreshed via ajax to their ...
1
vote
3answers
240 views

Dashboard: how to navigate the sidebar through a lot of items

I'm working on an analytical dashboard to help an owner of a restaurant chain to analyse performances of his restaurants. Restaurants could be filtered in groups, depending on places (ie "Show me all ...
0
votes
1answer
94 views

Why would a mobile app have its home screen in the center of a navigation bar?

I've always seen icons in navigation bars display icons in order of importance from left to right (at least in the US), with the Home icon being aligned to the left. However, I was testing out an app ...

1
3 4
5
6 7
30