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

13
votes
3answers
2k views

Drawer Navigation vs. Drop Down Menus

Are there any studies on drawer type navigation such as: http://www.ibm.com/us/en/ where the navigation pushes down content, compared to traditional drop down menus where navigation covers up content? ...
10
votes
6answers
558 views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...
7
votes
3answers
5k views

Elegant, simple and obvious sub-tabs?

I have a simple navigation setup that requires tabs and sub-tabs. I have the main tabs ready: But I don't know how to make the sub-tabs fit in and still be user-friendly. What's a good way to ...
29
votes
12answers
2k views

Do website visitors return to the homepage once they're inside the site?

I have been (unsuccessfully) looking for some research that supports / rejects (or even discusses) the hypothesis that: Once a user has entered a website a significant percentage of them do not ...
8
votes
2answers
3k views

Under what circumstances will vertical or horizontal navigation work better?

I have just started taking UX classes and am designing my first e-commerce webpage. I was wondering what type of navigation works better for users? Do users prefer eBay's vertical navigation ...
8
votes
3answers
638 views

Horizontal menus, do they scale?

I'm a user of a popular website that uses horizontal menus for navigation. As the site's functionality grows, the number of menu items also grow. As the horizontal space is limited, the design choice ...
7
votes
3answers
839 views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
6
votes
5answers
3k views

Dropdown navigation menus - should top menu option link to content?

I have a client with a group of users which seem to have constant troubles using a menu like these two examples: Pages (links to a list of pages in a grid from where the user has access to ...
4
votes
5answers
2k views

Slide out teasers near the bottom of the page?

On more and more sites now I'm seeing what I'm calling "slide out teasers" appearing at the bottom of pages. What happens is I'm scrolling down the page and nearing the bottom, and then a small box ...
2
votes
1answer
2k views

iOS multi-step form and user input validation

I need to design a form that may consist of 3 or 4 steps, all of them requesting both mandatory and optional data. The overall form contains a lot of data inputs, so I thought it would be better to ...
7
votes
7answers
470 views

Best Practice for Tab Placement on Widget?

Recently I have been working on restyling tabs on a widget. Some problems I have encountered during the restyle is our 960 grid system which with a side navigation included allows me a space of 12 ...
5
votes
9answers
922 views

Should web mega-menus that open OnClick close OnClick or Mouseout?

I have been doing some research on this site regarding whether a mega menu on a web site should activate/deactivate via hover or click. I found a question with good answers regarding actuating the ...
4
votes
2answers
439 views

Best practice for displaying no of records on datagrid

I am designing a banking application where i have a record count of over 1000 rows. I wanted to understand the ideal design patterns for pagination and displaying rows on a data grid. I am ...
4
votes
3answers
444 views

Where should a 404 page link back to?

This might be a no-brainer but I can't decide whether the 404 error page should link back to the page, from which the user has come, or should it direct to the main page where the user can navigate to ...
3
votes
2answers
591 views

Best approach to designing a long multi-level side menu

I'm currently facing a problem with designing an effective and user-friendly multi-level side menu for a client's ancient website developed in year 2000. This side menu is referred as a table of ...
2
votes
2answers
282 views

responsive menu logo

often times a menu bar on a responsive website turns into this three line logo: ☰ i'm curious as to why this symbol has been thoroughly adopted. why aren't words such as "Menu" or "Navigation" ...
2
votes
3answers
813 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 ...
11
votes
4answers
362 views

Should you optimize mobile experiences based on individual handedness?

In abbood's question "How to implement a stack exchange style voting for mobile?" he answers his own question with the following mock-up: My immediate thought was that the up-vote control was on ...
11
votes
6answers
2k views

Should breadcrumb menus ever be two lines?

Should a long breadcrumb menu ever spill into a second line? If so, what are some good examples of this done right so that it looks decent? If not, what are other solutions that can solve the length ...
10
votes
2answers
619 views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
9
votes
3answers
260 views

Why do menu labels behave differently in desktop applications and websites?

In a desktop application when you click a menu, you see all the options which reside within it, in a drop-down/pop-up list. In many websites with a navigation menu which has sub-categories, I have ...
7
votes
1answer
376 views

Easiest cursor move?

In relation to making a pie-menu. I've tried finding research on this, but to no avail. My reasoning is this: Put the most used features at the easiest places (although putting opposites.. opposite ...
6
votes
3answers
216 views

How to resolve lengthy hyperlinks?

When you’re editing content and have links to organizations or frameworks that has many words, the link might exceed an entire row or break a row. These lengthy links look ridiculous and could ...
5
votes
3answers
2k views

Mobile App Back Button Placement

I am building a mobile application that uses a button to launch the navigation menu (much like the Path or Facebook interface). I also want to add a back button. The standard seems to be to place ...
5
votes
1answer
857 views

Global navigation - best practices

What are some of the best practices when designing global navigation menus that tie together multiple websites that have no common layouts, color schemes or typography? I've looked at examples such ...
5
votes
4answers
569 views

On Android, how do you design a very shallow navigation?

I need to create a simple account section in my mobile app with 1-level deep navigation: ___ Register / Account -- \___ Login On iPhone, I'm using a grouped table ...
5
votes
2answers
256 views

Drop down consistency needed on navigation on site header?

I am building a website which has a horizontal navigation in the header. Only some of the top level menu items sub-pages, so there are only drop downs on a few of the navigation options. I didn't ...
4
votes
3answers
801 views

Are Drop-Down Menus Outdated and Poor Practice? [closed]

I have read sentiments online about the demerits of the trusty drop-down menu. EDIT: By 'drop-down menu' I refer to the navigation bar on a home page, not a drop down list on a form. Is it really ...
4
votes
3answers
478 views

Does the 'mile high menu bar' still apply to web apps?

In This Article from Joel on Software, Joel talks about how the easiest parts of the screen to click are the edges, and how putting menu bars at the absolute top of the screen increases usability. Can ...
3
votes
2answers
265 views

UX Patterns for Multi-Monitor Thick Client Apps

I am building an application (Thick Client/WPF) that will run on systems that vary in specifications from a single monitor to multiple monitors. I am trying to think through the navigation and screen ...
3
votes
1answer
567 views

Navbars that hide when scrolldown and show when scrolling up

I've noticed this trend on several popular websites (linkedin, Google+) and personally really dislike it. I'm wondering what other people's experiences are. Basically, there's a navbar on the top of ...
3
votes
4answers
705 views

Is it a bad practice to put the main web navigation on the upper right of the webpage?

My non UI savy client provides me with the webpage layout he wants via powerpoint. There's a header row on top. On the left is a logo image and then a line of text that is the company name. These are ...
3
votes
4answers
263 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
3
votes
3answers
357 views

If all pages are linked in a menu, should a back button be provided?

If full navigation is provided for every page of a simple site, should there be a back button among its options? Example Scenario: A mobile website has 4 child pages, all accessible via navigation on ...
2
votes
1answer
193 views

Is iOS navigation bar placement at the top of screen a design flaw?

I always was wondered why the iOS navigation bar is placed at the top of the screen. Navigation is a crucial of using an application, and some studies: ...
2
votes
1answer
161 views

Double click to edit, but how to navigate?

We are working on a online dictionary tool, e.g. you have different dictionaries that you can browse. Now we would like the possibility to in-place-edit the settings by double-clicking on the text. ...
2
votes
1answer
557 views

In Android application, when to use View control instead of Tab

I develop a shopping application for one company. First time I design to use Tab to categorize product in shop. But I am not sure Ishould use "View control" instead of "Tab" or not. Tab and View ...
2
votes
2answers
209 views

Different look and feel between administration and end user experience?

Lets say we have an app that performs something like surveys. There are two primary types of users, administrative users who set up and build the surveys, (who are actually the customers), and the ...
2
votes
1answer
607 views

Changing the behavior of the arrow keys with JavaScript

In the context of a widget on a website, what is the preferred way of changing the behavior of the arrow keys with JavaScript? The user can't scroll with the arrow keys and can use the arrow keys in ...
1
vote
1answer
91 views

How to style jump links to a named anchor in the same page?

I have a long page with a list of anchors underneath a hero image. Currently I have Seciton 1 Section 2 Section 3 Section 4 ------------------------------------------ | ...
1
vote
1answer
125 views

Site navigation based on roles

We have an internal line of business app with a navigation menu at the top. Some users need access to the invoicing sections, others need access to forecasting sections, and admin users need access to ...
1
vote
3answers
637 views

Should Slide in/out navigation be restricted to tablet/mobile?

I am in the early phase of a project, brainstorming the overall design and it involves putting together a collection of different web based applications under the umbrella of one application ...
1
vote
2answers
551 views

When do you apply a persistent navigation - is there a minimum page length?

We have pages where it is a very long list of products (often using infinite scrolling), which a persistent navigation would be a very useful device. However, what about shorter pages that are long ...
0
votes
1answer
195 views

Menu with a lot of menu items for iPad

I'm working on the iPad app, and I need to show a menu with about 15 menu items. For the website I would simply create a menu with sub-menus, but for the mobile app it seems it is not the commonly ...
0
votes
1answer
196 views

Primary Navigation with Hover Dropdown clickable or not

We've got a design with a primary navigation menu that uses dropdowns when hovering over the links. We have two options: Disable the primary links and mirror them in the dropdown so the user ...
0
votes
2answers
810 views

Navigation above site header?

I am creating a site where I have decided to place the navigation bar above the site header (below). I was just wondering if anyone has experience using this technique in a website, and had any ...