Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,469
questions
2
votes
1answer
35 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 ...
2
votes
3answers
50 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 ...
0
votes
2answers
49 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?
2
votes
4answers
107 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 ...
2
votes
1answer
61 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
76 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 ...
2
votes
7answers
286 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 ...
0
votes
1answer
43 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 ...
1
vote
1answer
104 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
0answers
20 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
64 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 ...
1
vote
2answers
119 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 ...
1
vote
1answer
60 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 ...
1
vote
2answers
80 views
Is a feature landing page necessary when there's only one feature?
We have a web portal with a main menu and submenu. The items in the submenu link to an overview page of more articles.
There are 6 submenu items. 5 link to an overview page which let the user choose ...
0
votes
3answers
90 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 ...
0
votes
1answer
36 views
Best practice to link main website page to BETA website
I will explain briefly.
I am working for a new booking accommodation platform. They currently have two different websites:
the main website [landing page] with all the info about the business
the ...
0
votes
0answers
58 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 ...
2
votes
2answers
120 views
Any alternative to Carousal Tabs for mobile?
I am designing a mobile application for enterprise , so for desktop view we are using tabs as you can see in the image below. I want to design the same for mobile, so if we use carousal tab navigation ...
0
votes
1answer
72 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
2answers
81 views
What's the best practice for screen navigation after invalid user input? [duplicate]
Consider an Angular app with many user inputs over screens A, B and C. Screen C needs valid inputs from A and B; B from A only; and A is independent. Suppose while on screen B the user enters invalid ...
0
votes
3answers
195 views
good ux design patterns to add/edit/remove entities in a mobile app?
I'm looking for Android apps which have good entity management (add/edit/remove) UX. The home page of my app displays a list of configured entity instances. Now I need to give the user the ability ...
0
votes
2answers
79 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 ...
1
vote
2answers
141 views
Show/Hide Select All Tree Checkboxes
We are using a 3-level nav tree (Sport-Country-Competition) with nodes being selected only on the third level.
Upon running usability tests, we identified that the absence of a "select all" option ...
0
votes
0answers
26 views
Including a specific 'Home' link when a sites 'Home' is equivalent to another function
I am designing a blog site where the Home page is a list of blog posts.
In this situation is there any research into the validity of using a Home navigation link which takes you to the list of blog ...
0
votes
1answer
53 views
Multiline text in navigation
Should points of a left-side navigation bar be single line with ellipsis or multiple lines?
I have a strong opinion that single lines are preferable, because eyes are reading first words/characters ...
4
votes
3answers
201 views
Less clicks or less choice?
I'm currently working on a new IA for a webshop. I've drawn out two examples.
OPT 1 (option 1) (more a flat(ter) hierarchy)
This 'could' be our new IA (it's restructured). More choice (of categories)...
1
vote
1answer
95 views
Button appears in two important locations and feels redundant
I'm building a log in page but ran into an issue with my nav bar. As you can see the "Log In" button appears in two locations.
What's the best way to approach this? To me it looks odd to have it ...
0
votes
1answer
105 views
Why do most interfaces rely on sticky top bars instead of sidebars?
Most web interfaces have the classic sticky topbar + 2-3 columns layout (just like StackExchange).
Some but few websites use a different approach and, instead, have a collapsable sidebar (i.e. ...
0
votes
1answer
96 views
Sequential Menu (Drill down) or Accordion
I have 3 levels in my information architecture for my desktop dashboard. In the vertical navigation which measures H:500px W:200px I have;
Top level: 8 items
Second level: 9 items in total (one of my ...
2
votes
2answers
178 views
Is there a rule of thumb for what goes in a footer rather than a navigation bar?
I've noticed a lot of sites from bigger companies put information (e.g. about page) in the footer and save the main navigation for core content.
Is there some rule of thumb for when something should ...
1
vote
1answer
114 views
Using cards as navigation to other cards
I am trying to become good at web design, but feel I am missing that 'visual eye' that so many of you have.
The general flow of what I'm trying to make is a top-level subject (ex. Math), will bring ...
1
vote
1answer
51 views
Where should my nav logo link back to? [duplicate]
Yes, In standard practice the company logo in the nav should always link back to the homepage right.
However, let's say I am in a new subsection or micro-site and the user starts down a conversion ...
1
vote
3answers
121 views
How to solve the ambiguity of selected state in a segmented control with just two segments?
I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page.
I have used segmented buttons to navigate ...
2
votes
2answers
555 views
Breadcrumb and search behavior
How should the breadcrumb menu behave when entering the sub-page via search autosuggest?
We have a global search and this kind of breadcrumb structure: Overview > Company > Group > Person. How should ...
0
votes
1answer
75 views
Saving the user's position in the nav
We have a client for whom we assist in maintaining/designing their web based application. Their system is very robust, it's a matrix I can't even understand. Because of the multitude of entry points,...
0
votes
1answer
165 views
Why does Tinder/Bumble put navigation at the top? [closed]
I noticed on the two most popular dating apps, Tinder and Bumble, they made the decision to put tab-like navigation at the top of the screen. Admittedly this is a stretch to reach, and I've always ...
0
votes
1answer
84 views
Navigation in web app with wide tables
What is the best approach for choosing main navigation for a web app, when:
most of the views are very wide table/grid
the number of menu items is around 10 or more (and might grow)
2nd level of ...
0
votes
1answer
251 views
What is the difference between a 9 dots menu icon and a 7 dots? [closed]
What does it possibly mean? Can it be used as 'go back to menu'?
https://cdn1.iconfinder.com/data/icons/social-media-vol-3/24/_dots-512.png
1
vote
1answer
78 views
Should we repeat menu items in the main navigation if they fall into two categories?
I am working on navigation for a retail site. I have a typical account menu (My Account, Sign In, Create Account etc) and I have a main hamburger menu with department pages etc.
The site experience ...
33
votes
2answers
1k views
Dropdowns & Chevrons for Right to Left languages
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron ...
0
votes
1answer
37 views
Page jumps and separate pages in primary navigation
We're working on a website and I was wondering what the best practice for this scenario is. We are designing a website for our company and we aren't too sure if it's good practice to link to separate ...
2
votes
1answer
135 views
Redesign of megamenu
I've been asked to redesign a mega menu.
The mega menu lists selected child items from a particular parent in the IA, but not all children. There must therefore be an option to 'view all' from a ...
2
votes
3answers
179 views
What is a user-friendly approach to exiting a preview screen?
I have a mobile Android application that allows users to specify through a form the layout of elements displayed to the screen. The user can also preview the customized layout in full-screen. However, ...
0
votes
1answer
40 views
How to do information architecture of a UGC based website/app?
What's the best possible way to make a user-generated website classify its content into categories or topics or tags to make the content searchable and discoverable?
How does one start redesigning ...
0
votes
2answers
110 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 ...
0
votes
1answer
85 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
...
1
vote
2answers
369 views
Example Lateral, Forward & Reverse Navigation in Desktop Applications
I'm researching Material Design in how it's related to layer based navigation.
Navigational directions Based on your app’s information architecture,
a user can move in one of three navigational ...
1
vote
2answers
130 views
Should I show breadcrumbs on application form?
I would like to know if it is necessary to show breadcrumbs while users have converted action on the application form, and the reason.
i.e. wework detail page has breadcrumbs
wework application page ...
0
votes
1answer
92 views
Your progress VS Team progress [closed]
I'm in dilemma here. There is a big (can't do anything about it) survey a group of people should take, and when there are enough responses to make the data anonymous some reports are available.
I'm ...
0
votes
0answers
44 views
How to present two business models within single app navigation?
i need your help here. we have two business models in single app, the first model is car classifieds and the second one is buying car online, and most of our users cannot tell the difference between ...
