Questions tagged [navigation]
For questions about the mechanisms you can use to help people find their way around your application or web site.
1,663
questions
2
votes
4
answers
2k
views
Should I use 'Load More' or Automatic Loading? [duplicate]
I am creating a website that I want to have an infinite loading system on the home page. This page contains a tiled list that will fill up the page from left to right, and also most likely from top to ...
2
votes
3
answers
521
views
How to show up heavy content on webpage
First I will introduce myself by saying that I am not a web designer and non native speaker of English, so I apologize in advance for my bad designing explanation and English.
Actually, I am ...
2
votes
2
answers
185
views
Grouping two audiences because they have some overlapping tasks
Designing the navigation for a corporate website. We have decided to go with audience segmented navigation. One solution is to group "investors & media" due to the fact they would perform similar ...
2
votes
3
answers
2k
views
What are your thoughts on using italics for primary navigation in a page header? [closed]
I'm working on a redesign for a large blue chip's website and the company brand uses a san serif italic font for the headings in it's marketing collateral. The brand/creative team would like to use ...
2
votes
2
answers
274
views
Side Panel/Top Nav Panels [closed]
Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case?
I have a project to work on next, where it is required to keep the progress indicator ...
2
votes
2
answers
266
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 ...
2
votes
1
answer
143
views
How to best handle many breadcrumbs
I have a site that allows users to dig arbitrarily deep into a graph, and the user can always use breadcrumbs to navigate back to where s/he first began.
Here's the ideal state:
However this quickly ...
2
votes
3
answers
202
views
Header that changes on scroll
Is there an official name for a header who's characteristics (e.g. background color, height, etc) or that of its content change as the user scrolls?
An example can be found on engadget.com where the ...
2
votes
2
answers
725
views
View icon or full row clickable on a grid
In a grid, that could contains several columns and some of the column contents are links that redirects to another pages. Do you thing that would be better to have a "view" icon that redirects to the ...
2
votes
2
answers
711
views
What is the best postion for left menu?
What are the implications of placing the left menu all the way to the left side of the screen vs placing it more towards the center of the screen?
Does anyone know of the pros and cons with these ...
2
votes
2
answers
779
views
How many navigation categories are ideal for a website?
I'm working on restructuring the navigation for an insurance company and was curious if there are best practices when it comes to the amount of second-level categories displayed. For instance, say you ...
2
votes
3
answers
198
views
Going back to a list of pages after reading a page
I'm prototyping a website which will display a list of services on a single page, in the following format.
When a user clicks on the Learn more > link on a service, they will be taken to a page ...
2
votes
3
answers
645
views
Web application & scalable left side navigation
Background
I am redesigning the navigation for a B2B web application, we are currently using a dropdown menu to help users navigate to different products. I would like to move towards left side ...
2
votes
3
answers
424
views
Difference between pervasive navigation and primary navigation
Quick question from reading Steve Krug's Don't make me think: A Common Sense Approach to Web Usability
What's the difference between pervasive navigation and primary navigation? Could someone give me ...
2
votes
3
answers
321
views
How to navigate through multi-select menu
We have to build a menu with multiple campaigns.
When the user selects 1 campaign, details should be shown for that campaign
When the user selects multiple campaigns, he should be able to compare ...
2
votes
3
answers
789
views
Tabs under tabs in Android
I am moving away from a hamburger menu style app to use tabs. (This article basically summarizes why I want to do it.) However, under one of the tabs I have newsfeed, which has to sections: Current ...
2
votes
2
answers
2k
views
Long web form, use multiple "pages" or one long scrollable form?
Do most users find filling out a form to be less frustrating when form chunks are separated into pages (essentially tab navigation), or do they find that annoying and prefer it to be one long ...
2
votes
2
answers
366
views
Importance of Lateral / Transverse Navigation in Hierarchy
Trying to resolve a navigation quandary for an e-commerce website. Current set up is like so:
download bmml source – Wireframes created with Balsamiq Mockups
Clicking either a link at the top ...
2
votes
3
answers
453
views
For usability testing - How do you handle external links in main navbar?
We are currently creating a new test homepage that we will divert part of the traffic from the main site to so that we can test conversion rates.
This site unfortunately will not have all the pages ...
2
votes
3
answers
298
views
Does displaying images on level 2 menu enhance UX?
Here is the context:
Type of website: Apparel e-commerce
Thoughts: I am wondering if displaying any images related to a product category on a level 2 side menu will improve my UX ?
Example:
Any ...
2
votes
2
answers
341
views
How to present 3 options: not selected, selected, locked
I'm working on consistent way to show 3 types of tests user can choose from.
One type of test is always active (user is doing this test).
Options are:
Flashcard Test (not selected)
Guessing Test (...
2
votes
3
answers
3k
views
Submenu or second nav bar?
I find myself in a bit of a pickle with a website I designed and coded myself.
Basically, I've gotten to a point where I need some sort of secondary menus on certain pages for example user profiles ...
2
votes
1
answer
90
views
Where to put element controls?
I have the following:
I think it's less than ideal because the edit/delete buttons are requiring me to waste a bunch of vertical whitespace within the element.
Options that I can think of:
...
2
votes
4
answers
2k
views
How I can make primary navigation links look more like buttons?
I've recently revamped the navigation bar on my website and I'm trying to explore simple changes that will make the links appear less like flat text, and more like clickable buttons. I've added icons ...
2
votes
2
answers
192
views
Mobile app UI state restoration in relation to the length of inactivity time
A common guideline for mobile apps is that they should be built to accommodate interruption, and that the app should be restored after interruption to the last state that the user was in. For example, ...
2
votes
1
answer
3k
views
Pros/cons: segmented control (tab) in the nav bar on iPhone?
I am considering having a segmented control in the navigation bar in the iPhone app. Are there any known drawback of having it in the navigation bar vs. body? Perhaps, less space for other controls in ...
2
votes
1
answer
106
views
Should ellipses be used in main/global navigation bar?
I was browsing the BBC website and I noticed they are using ellipsis to indicate there are more items in the main navigation than visible. I attached two screenshots, the first one is before clicking ...
2
votes
3
answers
257
views
Two hamburger Menu Bars
The issue is having two hamburger menu bars.
Would burger menu combined with tabs be better suited for this menu section.
Menu bar #1 appears when user logs in.
Menu bar #2 is for all customers (...
2
votes
3
answers
260
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 ...
2
votes
1
answer
159
views
Features of a complex interface: learnability or discoverability?
I am currently working on a new version of a Saas which clients can use to manage all of the content on their screens, which is going to be quite extended and complex.
To make sure it will be easy ...
2
votes
2
answers
321
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
3
answers
511
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 ...
2
votes
3
answers
240
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 ...
2
votes
2
answers
99
views
How can I guide users through my navigation metaphor (or replace it with a better one)?
My application is a large suite of educational games for children ages 6-13. There are about 100 games, organized into a kind of map showing top level categories as balls around a "hub":
(I'm ...
2
votes
4
answers
522
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 ...
2
votes
4
answers
4k
views
Plural or Singular Navigational Menu Options?
In our system we have what you would call a List Screen, where a user can view a list of objects. For example Phone Numbers. A user can add as many Phone Numbers as they want. Right now to get to ...
2
votes
2
answers
2k
views
Best practice for multi-level menu in iOS / iPad
I'm designing navigation for standard landscape/split view in iPad and the idea is to make the left side menu a multilevel one, so the user could compare data values on the right side between ...
2
votes
1
answer
44
views
Leaving private group before accepted
We are developing a social networking app. There are open and private groups in it. You can join and leave an open group whenever you want. If you want to join a private group, you have to request ...
2
votes
1
answer
533
views
Local navigation for long mobile web pages?
I have a long (possibly, around 2500-3000px) mobile page which content is divided into three sections. The page has a header for global navigation. I am now wondering should I have a subheader for ...
2
votes
1
answer
183
views
How to design a website for both customers and business?
Situation
We've designed a website for a client that caters to their own clients and to businesses. When you arrive on the website it's focussed on their clients but we have a quick link at the ...
2
votes
3
answers
723
views
Navigation Links and the CTA's section problem
Here is the look for the one of the company page inside the website and it has lot to add right now.
On the right side, there is a progress bar of the company which will contain the statistics and ...
2
votes
2
answers
139
views
How to tell a user about an option to move file out of a folder?
In my web app, I have a file/folder tree structure.
I want to give a user ability to move a file out of a folder into the 'root' of the file/folder tree. So the file won't be inside of a folder.
...
2
votes
3
answers
108
views
Mobile Navigation Location
I've been toying around with an idea lately. It seems to me that access to a mobile navigation positioned at the top of the screen (at least on a mobile device) might be bad UX.
With phone's ...
2
votes
1
answer
345
views
Non Clickable Navigation Menus
I am building a website in wordpress. My website navigation have few main menu's and 2 main menus have their submenu's. Each main menus and sub menus redirecting to their corresponding pages except ...
2
votes
3
answers
956
views
UI UX best practice in changing applications app bar color?
Hi I am designing an app for Android and IOS both will have appbars. I have a branding color of blue which is used in the app bars in the all of my activities. I am thinking of changing the app bar ...
2
votes
1
answer
809
views
Non-Linear Site/App Navigation
I'm looking for examples, or guidance otherwise on a good model to implement navigation for an application who's data is not linear or hierarchical.
A few examples ... hierarchical information ...
2
votes
2
answers
482
views
Navigation pattern between search/filter results on Single Page App
I have a Single Page App that runs in full screen without back/home/forward buttons and no URL bar. All navigation is done in a left column that updates a content area on the right. On one part of the ...
2
votes
3
answers
577
views
Applying a one-time gender select in fashion e-commerce navigation bar
I'm working on this e-commerce website where we have introduced a kids category and it seems that a lot of real estate on the navigation bar is wasted as users mostly browse only for one gender. So ...
2
votes
1
answer
1k
views
Urls for page state in a single page app
In a single page web application that uses hashes/pushstate to create urls is it considered a good idea to use urls to record page state?
An example would be adding a url to record the selection of a ...
2
votes
2
answers
226
views
Long list of Artists
I am in the process of learning AngularJS, and thought to myself let me build a really simple, very common website using Angular and ASP.NET Web API.
The website I want to build is a lyrics website, ...