Stack Exchange Network

Stack Exchange network consists of 174 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.

1
vote
2answers
82 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 ...
0
votes
0answers
64 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 ...
0
votes
0answers
49 views

Is there a rule of thumb for whether I should hide the navigation menus on scroll?

I'm working on an Android app, and I've implemented layout behavior to hide the top app bar and the bottom navigation menu on scrolling a list page. At the moment, I just did it because I could and ...
0
votes
0answers
22 views

All navigation patterns? [on hold]

I'm trying to collect all the navigation patterns. Are there any best practices in terms of when to use which? Tab Sidebar drilldown Expandable
1
vote
1answer
46 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
55 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 ...
0
votes
0answers
50 views

Let user quit web app to native navigation app and get him coming back during a process

Imagine a mobile web app, where the user needs at some point in a process to start a turn by turn navigation and then perform an action in the web app once s/he reached his/her destination. I see two ...
2
votes
1answer
63 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
0answers
18 views

Move between different timelines or go back to the start to switch?

My team and I are working on an interactive animation. The animation will show three sequences of events (A, B and C), of about 7 steps each. These three sequences start in the same place, finish tin ...
0
votes
1answer
34 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
50 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
41 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
97 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 ...
2
votes
3answers
89 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
238 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
2answers
56 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
106 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
77 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
63 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
161 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
286 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
62 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
57 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
86 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 ...
3
votes
2answers
114 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 ...
1
vote
1answer
106 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 ...
0
votes
1answer
36 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
78 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 ...
-1
votes
1answer
66 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
0answers
17 views

What is the best way to present a document map with ranges?

I have a very long document that many lines can be logically grouped into ranges. For example, maybe something like this: cow #1 cow #2 cow #3 ... dog #1 dog #2 ... table #1 ... chair #1 ... etc. ...
2
votes
5answers
117 views

Only show a sidebar on some pages

In our application, we've got a dual sidebar design. On the far left is the main navigation sidebar, with all the top level pages. Next to this is a contextual sidebar, with links relevant to the page ...
0
votes
2answers
88 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 ...
0
votes
1answer
49 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
1answer
60 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
64 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
0answers
40 views

Secondary Navigation best on left side vs right side

From a usability stand point is it best to list secondary and tertiary navigation on the left side, typical F layout, versus the right side? The main navigation is listed along the top. Thanks.
0
votes
1answer
27 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, ...
1
vote
4answers
170 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 ...
2
votes
1answer
67 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
84 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 ...
1
vote
0answers
42 views

Navigation with multiple panes/panels

There are numerous IT and Enterprise applications I work with, and many of them require the display of large amounts of data (most often, tables, but also other visual displays) simultaneously. There ...
0
votes
2answers
93 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
53 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 ...
2
votes
1answer
119 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 ...
0
votes
0answers
49 views

Complex naviagtion heirarchies

What's the best way to organize navigation for an online tool in this situation? I'm trying to create a template for reuse. Ex: - Corporate Website (Brand 1) (contains links to secured site/...
0
votes
0answers
52 views

Is it always bad practice for a single web site to have 2 different versions of the main navigation depending which page you are on?

I oversee a large site that consists of several product pages along with lots and lots of SEO material. To keep our page rank high, we have a navigation designed for search bots but which is difficult ...
1
vote
2answers
47 views

How to Format Displaying Users “MyBids”

I am working on an Auction site and I am trying to show the users the items that they currently have bids on when they click "My Bids". The format I currently have it is to separate in two columns the ...
0
votes
0answers
69 views

How can I redesign a request for quote workflow with the most user-friendly structure which is quite easy to navigate?

My concrete question: How can I redesign a request for quote workflow with the most user-friendly structure which is quite easy to navigate? I am struggling the last few days how to best possible ...