Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,464
questions
1
vote
1answer
52 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
220 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
41 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
90 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
18 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
115 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
55 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
78 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
56 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
117 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
70 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
78 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
164 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
77 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
137 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
25 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
52 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
198 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
93 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
102 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
87 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
94 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
50 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
117 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
551 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
148 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
82 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
223 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
76 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
133 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
177 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
38 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
109 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
76 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
345 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
127 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
89 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
41 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 ...
1
vote
1answer
93 views
Website with different coloured navigation per product page
I have a client asking me to change the navigation colour scheme on a website design im doing to match the individual products.
Personally I think its:
a bad idea
it wont work with their ...
1
vote
1answer
94 views
Mobile Navigation - Endless loop issue with two mutually referencing screens
One part of my app is a collection of tasks that the user has to do. For each task, he will be able to create so called "reports", where he describes certain steps that he took to accomplish the task ...
1
vote
0answers
27 views
Links in content (ie box and cards) vs Navigation
I see a lot of discussion in UX circles about search VS browse. What I don't see a lot is any kind of testing or research on how soon people reach for the menu of a site, and whether different people ...
1
vote
0answers
79 views
Nested navigation approaches
I'm looking for a good way to have primary and secondary navigation. The idea is to have 2-3 big categories and 5-6 small categories for every big category.
I don't want to use nested navigation.
I'...
1
vote
1answer
73 views
Are minimized sidebars useful in web apps?
When vertical navigation side bars are used in web apps they often have the ability to minimize them which reduces the width to just the icons rather than the icons and text.
Is this better than just ...
