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

learn more… | top users | synonyms

1
vote
1answer
57 views

Pros/cons of placing Login/Account in line with the main nav bar?

Currently our navigational header is mostly left side and central of page, account is on upper right. A proposed design shows the account moved down, into the main nav bar. There's some space in ...
0
votes
2answers
155 views

What are the benefits of a white navbar over a colored one?

I am creating a thin fixed navbar and am debating between having it be primarily colored (our color is a type of turquoise) with white accents or primarily white with the turquoise color accenting it. ...
57
votes
5answers
7k views

Why is it standard for a website logo to navigate to the home page?

Why has it become an industry standard for logos to redirect a user to a website's homepage? Where was this first seen?
2
votes
2answers
128 views

What is the best way of displaying nested categories with very long names?

I'm creating a website that is going to contain a lot of structured information (material for passing the final high school exams in Israel) The information has already been structured into ...
6
votes
1answer
228 views

How do I indicate that clicking a button will remove their search results?

This is about a complicated application that holds 50 years of archived data. Some things are illogical and we can't change it because it's stuck in 50 years of rusted customs. But slowly I'll try and ...
5
votes
2answers
177 views

Criteria for a valid sticky top bar

I see lot of websites that has design responsive for all devices, with css styling that as a user [, designer, and developer] can say that put effort upon. They use a banner/header/menubar on the ...
0
votes
1answer
47 views

Other layout strategy for table of content as navigation

Our website has many nested pages (more than 200) and we are asked to create a navigation that is not menu bar since it's so many. So I have designed an iframe, fixed on the left side of the screen, ...
1
vote
2answers
72 views

Breadcrumbs - problem

We have tabbed navigation: PRODUCTS, PAYMENTS, TOOLS. This tabs do not have any landing page. When user clicks on tab second level navigation opens with different links. PRODUCTS tab have 4 different ...
0
votes
1answer
82 views

File Picker vs. Drag and Drop for Tablets

Imagine that you're creating a presentation on an iPad. You want to create a presentation, add content to it, and rearrange it as needed. You have a catalog of content to choose from, sorted by ...
1
vote
1answer
116 views

Are expandable/collapsable accordions in iOS an anti-pattern?

I'm trying to find examples of expandable/collapsable accordions in iOS but I cannot seem to find any. I haven't seen any official statements from Apple but it seems as if all native apps prefer menu ...
2
votes
1answer
111 views

What are the accessibility concerns of a checkbox based navigation?

This is an old css-tricks article demonstrating some of the cool things you can do without javascript using checkboxes. I want to use an updated version of this pattern on my site, but I am worried ...
0
votes
1answer
60 views

Which is the best navigation pattern for the Apple Watch?

I'm having a bit of an internal debate over which navigation pattern is more suitable for use on the Apple Watch. The Apple Watch enables you to use a) Hierarchical navigation - a list of items ...
113
votes
16answers
17k views

Is the folder structure dying?

In our digital world we have previously been forced to know the location of digital content. The obvious one being the local hard drive or a shared file server where sometimes extreme structures have ...
3
votes
2answers
185 views

Sub-menu dropdown vs tabs on mobile

I am trying to figure out what a better UX is on a mobile phone. Either having the sub-navigation as tabs, or have it be a dropdown. Method 1 - Dropdown on mobile In the following images, the ...
0
votes
0answers
23 views

mixing and matching on-page and separate-page nav links

My personal website has a navigation bar where the first three links take the user to different sections of the front page, while the next three links take them to various other pages. I don't make ...
8
votes
7answers
1k views

Why don't we use Left navigation for website?

Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others. More valid reason to move Left navigation, like screen ...
0
votes
1answer
81 views

What's a good mobile navigation strategy for hierarchies with few children?

Say your IA hierarchy is like this: Main section A Feature 1 Feature 2 Feature 3 Main Section B (List/tableview) Item Detail 1 Detail 2 Detail 3 Main Section C The traditional iOS-style ...
0
votes
2answers
121 views

top navigation vs bottom navigation which is better?

We are thinking of developing a site with navigation after the main image and not the top of the page is that ok? Is there a best practice on this? Is top nav important or better
4
votes
4answers
380 views

Alternative to dashboard/portal page menu pattern?

Right now our application's opening page is a bunch of buttons vaguely grouped into categories which link to assorted areas of the application. Some of these links bring you to deeper application ...
2
votes
1answer
62 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
2answers
88 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
2answers
91 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 ...
0
votes
2answers
65 views

How do I display a lot of account information in the Navigation bar?

My client wants to display several numbers: How much cash you have How much cash you saved How much cash you gave to charity My proposition was along the following lines. Just display your ...
0
votes
3answers
59 views

What approach the IOS user of my app would prefer?

We started the redesign of the app following Android guidelines. We are now trying to port the design to IOS, however I am not so sure what to push. Either a "Navigation Drawer" similar to the ...
0
votes
4answers
147 views

Why the material controls are displayed on top?

I'm working on a new web application specifically designed for android devices and consequently it needs to be based on the Material principles though this question is about IA in general not only the ...
2
votes
1answer
42 views

What to do when a page belongs under two primary navigation sections

More of an information architecture question, but here goes... I have a page the belongs under two different primary navigation nodes equally. At least that's what the user feedback pointed to. But ...
0
votes
3answers
198 views

Back button look bootstrap which one to use?

I have a multi page web app where the user first selects some information and uploads a file to import, then the file will be sent to the back end for processing. After that the results will be ...
1
vote
3answers
162 views

Use labels/text under icons in the iOS tab bar?

An example of Tab bar is shown below: I'm designing a new iOS app with tab bar as shown above. The tab bar has five icons of which three are generic and easily understood. The other two are relevant ...
0
votes
1answer
82 views

Subnavigation on iPad or Other Tablet

I have a navigation and subnavigation bar that runs in parallel across the horizontal width of the page. It works fine on desktop computers. As you hover over the main navigation items, its ...
3
votes
2answers
315 views

When to use the folder-metaphor?

For a top-level navigation I am currently working on, I was wondering if it would be a good idea to use folder icons to communicate that an item in the list is actually a container (a folder) of ...
0
votes
1answer
66 views

What is the better way to create navigation for 2 pages application? [closed]

I am working on wireframes for small application, which has 2 screens. One of them is primary, the other one is secondary. Now I am thinking of what is the best way to create navigation for this kind ...
0
votes
2answers
98 views

Navigation in your android app via Up and Back button

I needed some clarity on navigation via device back button and up button. The android app has a NewsFeed view, a Chats list view and a Chat window view. The app is minimized and user clicks on a chat ...
1
vote
1answer
85 views

Displaying lots of blog articles

We have a blog on our Shopify store which we are pulling into our marketing site via RSS. It will display the articles' titles, date, and full content. We're using a Bootstrap 3.x template and are ...
4
votes
1answer
168 views

How to bring the detail view into a sidebar

I have an sidebar similar to this example Home Objects Management* Foo Bar Baz Objects > Management is basically a list of all objects. Each object has a detail view. Workflow: Navigate to ...
1
vote
3answers
141 views

Home page content for a data aggregator website?

We're creating a data aggregator site for different activities one can do in our city. We're not sure of what to include and what not to on our front page. Right now we have a big search function on ...
1
vote
1answer
57 views

Should navigation mirror side nav VS side nav being filtering only?

Should the top navigation of an e-commerce site be duplicated in the side nav or should that area be reserved for filters only? For example
1
vote
1answer
95 views

What is the best way to paginate a large number of products, three at a time?

Some background: I have a large number of products that need to be presented like example below (3UP) and shifting by 3 each time (the layout and three at a time functionality is require). I am ...
0
votes
1answer
209 views

Which type of navigation is more suitable?

I am working on a user interface design for an application on Android. Currently, I am struggling to choose a suitable form of navigation as it is my first time creating such a design. The design is ...
8
votes
6answers
375 views

Animated scroll vs jump for a “back to top” button

I am looking at implementing a back to top button for documentation pages that tend to get very long. The button will be shown in a fixed position at the bottom right of the screen. My question is: ...
1
vote
2answers
236 views

The best pattern/solution for a detail page

I have a system where we have a hierarchical structure of items (x nr of child items) where data from the parent is displayed as a "header" and the child items (and data associated with them) are ...
2
votes
2answers
288 views

Horizontal Scrolling Menu or Tab Bar?

I am developing a mobile application supporting iOS, Android and Windows platforms. The app comprise of "sectional navigation". By sectional navigation I mean it has various sections such as: 1. Maps ...
6
votes
2answers
175 views

What is the way to display and navigate 40+ products at a time?

I've attached an image of the current implementation (custom control and arrows), but to me it feels too clunky and awkward because of the custom slide control. Our client seems to like the "3-Up" ...
3
votes
2answers
254 views

Responsive design - 3-level navigation

I'm currently working on a site with a quite complex information architecture. The IA has 3 levels and each level can have up to 12 items. Level 1: 4 items Level 2: up to 12 items Level 3: up to 9 ...
2
votes
1answer
85 views

Persona based navigation vs regular navigation?

In our redesign, our agency chose a persona based navigation where we had links to our top 4 personas in the primary nav (only items and no sub-menus). Each persona page provided content that are most ...
1
vote
2answers
76 views

Should mobile navigation maintain state between pages?

I'm creating a typical mobile website, with top navigation revealed by the "hamburger" button. My questions: Should this menu maintain state between pages (you open it, click an item, and a new ...
4
votes
2answers
151 views

Sidebars - How useful are they?

We're considering putting information in sidebars and are wondering how useful they are or do users simply ignore them? The project in question is for a heavy content news site.
4
votes
6answers
191 views

Differences of UX opinion for primary nav - which is best for my website?

I'm part of a team designing a new website - I'm by no means the UX expert on the team but there are two clashes of 'philosophy' around how the user will access the content. It is primarily a resource ...
3
votes
2answers
126 views

Help with chat feature

I'm building the chat feature for a web project. We have a couple of specifications: Support for general messages that will be broadcasted to all users subscribed to the room chat, and for that I ...
3
votes
1answer
142 views

UI to quickly build a tree

Our users need to build trees with unlimited hierarchy containing several types of nodes, and they need to control the order of the nodes. A user will start with a root node, and add child nodes to ...
6
votes
1answer
993 views

Are there alternatives to hamburger + drawer menus?

On the internet there is a lot of bashing on the Hamburger Icon & the matching Nav Drawer. I realize it sometimes might be a pattern which should be avoided when simpler, more explicit options ...