Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [navigation]

For questions about the mechanisms you can use to help people find their way around your application or web site.

3
votes
1answer
71 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
96 views

How to make 2 items in primary navigation more prominent than the others

I'm working on the redesign of an existing website. The website currently has a main navbar consisting of 8 items. The content structure (the 8 main links/categories) should be preserved in the new ...
1
vote
1answer
31 views

Should I use <aside> for off-canvas navigation? [on hold]

I want to create an accessible off-canvas navigation and most tutorials say you should put it inside the <aside> element, however, since it is my main navigation which will appear on one line on ...
1
vote
1answer
33 views

Bilingual Navigation

I am working on a pro-bono project. We are designing a website for a bilingual parent workshop (80% Spanish Speakers and 20% English Speakers). Funders for the organization are English speakers. That ...
1
vote
0answers
50 views

Tips for my project navigation menu

I am a software developer developing an online rugby union manager game as a side project. I am not that good at design but I've been reading a lot recently on this subject and I'm trying to improve ...
1
vote
2answers
75 views

Ellipse-shape arrangement of menu items

I have stumbled sometimes upon web pages with an ellipse-shape arrangement of menu items and I have found them to feel somehow more comfortable over the standard orthogonal arrangement: Is there any ...
1
vote
1answer
43 views

How to link back to the original site the user came from after he jumped to a subdomain with a “different” product?

lets say you have a site called "example.com", which is the homepage of a company that provides a login for its customers and different functions like a personal backoffice, learning material and ...
2
votes
2answers
151 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
2
votes
1answer
146 views

How is 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 how it's named (english is not my 1st language). Here's an example ...
1
vote
1answer
96 views

How to improve 3rd level navigation selection

I have a responsive dashboard web app, as shown in screenshots. The left navigation menu has two levels of navigation, and then there is a blue tab strip running along the top for the third level. ...
1
vote
0answers
40 views

Gaps between active areas of menu items [duplicate]

What is a better solution to make gaps between active areas of menu items or place them close to each other? I'm asking just about active areas of links not about visual styles. For example, maybe ...
1
vote
4answers
181 views

An icon to tell users that a button opens a modal or popup

When a link on a page directs to an external link, we use an external link icon Ref: Should we tell users that a link or button will open in a new tab or window & how to do so? Is there a ...
1
vote
2answers
48 views

Best practice to best illustrate side navbar children

I have this Side Navbar with children. I am not sure that the way I am illustrating the children is the best way of doing this. Questions - Is this the best way for me to illustrate navbar item's ...
0
votes
0answers
15 views

Carousel on the e-commerce website, it is really needed? [duplicate]

Would you use a carousel to show all products listed by specific categories into the header? Consider that there are already other 3 navigation menu on the same page to access them on the top and ...
0
votes
1answer
87 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
0
votes
2answers
64 views

Top logo linking to different page on same domain, bad design?

I have a situation with a company's homepage at somecompany.com and a different web application at the subdomain tracking.somecompany.com which provides a specific function for users (tracking ...
1
vote
0answers
39 views

iOS inconsistencies (modal vs push)

The iOS settings app has some inconsistencies I want to bring up to discuss the reasoning for their choices. Settings > General > Language & Region > Region uses a modal with a filter ...
0
votes
1answer
68 views

Is a floating, collapsible bottom navigation bar a good pattern on mobile web?

I’m working on a mobile web app that has two pages (tabs) of equal importance. As the user will switch between the two frequently, I’m worried that displaying a classic navigation bar at the top of ...
5
votes
2answers
204 views

Vertical navigation UX - Scroll or collapse

Which is preferred? Toggleable Expansion (Figure A) - 2nd level only visible if initiated by user (e.g. accordion or expand/collapse) Scrollable (Figure B) - 2nd-level always visible, scrolls if ...
0
votes
0answers
18 views

Best practice to combine sub-category selection and drilldown in Mobile navigation

I'm working on a mobile application that allows selection of a category on one of its screens. For example: There can be more than 2 levels in the hierarchy and the amount of items is not limited ...
0
votes
0answers
42 views

What type of navigation to use for middle sized website?

I am redesigning a website for our association with around 40 pages, which may be divided into the 4 main categories, each containing the same number of links. On the old, outdated site, the links ...
1
vote
1answer
56 views

Capitalized words in navigation for phone app

I read that capitalized text reduces reading speed, but does it apply to navigation text? For example, at the top of the app I would have 3 navigation elements: HOME BOOKMARK SETTINGS Will it ...
0
votes
1answer
40 views

Is it ok to Quick Nav selectively, not universally?

First, to keep us on the same page this is what I mean when I am saying Quick Nav. (Example from Lonely Planet) It is supplementary navigation to inform you what is on the page and send you down to ...
1
vote
1answer
58 views

Optimising large navigation bars

How would you go about revamping a navigation as long as this while keeping all the links visible On desktop On mobile
0
votes
1answer
44 views

Intuitive method for users to select either of 2 destinations in a search results interface

I am trying to design an interface where users navigate to modules (from a list of 2 or 3 modules) from a search results page. Notes: Every user will have a default module: example ModX Every user ...
0
votes
1answer
102 views

Can an app have dashboard menu as a first screen?

I'm designing an app for pharmacists and their clients. The app holds many options and the pharmacists would like their clients to compose their own menu. For now i have a tabbar menu with 3 options ...
0
votes
1answer
39 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 ...
2
votes
1answer
50 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 first button to ...
-4
votes
3answers
123 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 ...
2
votes
2answers
114 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
0answers
80 views

Advice on new UX

We have 6 large monolith backoffice desktop web applications that are almost CRUD oriented. The users of those application were complaining that in order to accomplish a business process they have to ...
1
vote
1answer
73 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: ...
0
votes
1answer
63 views

iOS and Android app - data download or page navigation first

What is the best perceived UX for mobile applications which require data downloaded midway through the journey. I cannot find this information online in Apple's Human Interface Guidelines (or I am ...
2
votes
1answer
85 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 "...
0
votes
3answers
87 views

Is it recommended to open the details of a master-view in a new tab or in the same page?

We're developing a web application using React for the FrontEnd part of the various modules. One of the pages of the application is a master-detail view. On the master we're going to show a simple ...
0
votes
2answers
54 views

iOS App with two states and mostly different content categories

I’m working on a medical iOS app for university. Our users are usually 55+ years. I’m currently struggling with the navigation flow of the app. We basically have two states, pre and post-surgery. ...
0
votes
1answer
47 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 ...
0
votes
7answers
103 views

How to handle cascaded navigation in mobile design?

I'm designing an app for HR use. As you can see in the screenshot below, there is a dropdown box where you can select the person to view. There are a few different subsections of that (Details, ...
12
votes
4answers
1k 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 ...
3
votes
3answers
116 views

Single Page Application - In-app New Tabs

I have a table of items and when I click on an item, the details open in the same view. So, to view another item, I need to go back and click on another one. To avoid the back and forth, I want to ...
2
votes
1answer
264 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 ...
2
votes
2answers
79 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 ...
0
votes
2answers
116 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
1
vote
3answers
85 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 ...
0
votes
2answers
73 views

Dynamic home screen, looking for a better solution

I really didn't know how to name this question. The problem is that our app should show a different home/start screen depending on the state the user is (Searching for a job/ inside of a recruitment ...
5
votes
1answer
166 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 ...
1
vote
1answer
563 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? ...
2
votes
1answer
63 views

Should users know advanced and low priority features of the app?

Financial apps have lot of features, most of these features are nice-to-have features (e.g. changing PIN CODE, reports of income/outcome.. ) and advance features which few people may need (e.g. paying ...
0
votes
1answer
59 views

Set of navigation actions in Material Design

I am an android developer. There is a screen of Completed level in my application. There are several options that user can choose: go to the next level or next chapter (if it was final level) repeat ...
0
votes
1answer
88 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...