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

7
votes
3answers
3k views

Is there any research or data on horizontal vs. vertical navigational menus?

I've seen many sites using both horizontal (top) navigation, vertical (left) navigation, and both across web sites for a long time. My understanding is that they're both conventions, but I would ...
18
votes
2answers
1k views

Senior Usability and Navigation

Does anyone have any current resources for senior usability? I'm specifically researching navigation: tabs and accordions. The Jacob Nielsen site has a report that's over a decade old. I'm looking for ...
17
votes
3answers
2k views

Horizontal and vertical menus in web applications

It is now very common to find top horizontal menus in websites. Some reason of that might be habits and Jakob's law. In web applications you might find a menu on top or on the left side equally. Most ...
15
votes
4answers
1k views

What reasons are there for “go to bottom/top” links no longer being used much? [duplicate]

Possible Duplicate: Do people use back to top links? Some websites have links like Go To Bottom or Go To Top. It seems like this technique has fallen out of style. Are there good reasons ...
11
votes
3answers
2k views

Best practice for Navigation usability? [closed]

I'm currently working on a social network type system, and was wondering about the best practice for navigation. Would it be better to use Icons or Text? I was thinking a mixture, icons for some ...
8
votes
3answers
7k 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 ...
7
votes
4answers
4k views

iPhone App: Tab Bar vs. Dashboard (aka Grid Navigation). Or both?

I'm working on an iPhone app (early stage) and we had some discussions on the best navigation system: Dashboard style (examples) This would be the home screen. What I like: Good feature overview; a ...
6
votes
2answers
719 views

Multilevel navigation menus for mobile devices

We have a 5 level navigation menu that needs to be incorporated in Mobile devices with a good & best usability approach.. which does not cost multi click for the user to view the 5th level menu. ...
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
2answers
4k 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 ...
10
votes
3answers
4k views

What is the purpose of a website's homepage?

The title says it all really. While I realize the answer to this question is somewhat dependent on the visitors you're targeting, I'm wondering if there are any specific guidelines to follow. It's ...
10
votes
6answers
587 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 ...
9
votes
3answers
1k 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 ...
8
votes
1answer
2k 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 ...
6
votes
5answers
4k 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 ...
6
votes
2answers
1k views

How to help users navigate a very long list on mobile

I recently came across SXSW's native apps on iPhone and Android. Both apps revolve around the conference's schedule. On the home-screen of both apps, you get the day's schedule, which is actually a ...
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 ...
9
votes
3answers
1k views

Should I reduce the number of menu items when showing on smaller devices, or use a 'hamburger' responsive menu?

So I was thinking about how I could make a responsive menu a better experience rather than just firing it into a drop down on mobile that has a hamburger as an icon. Would it perhaps be a better user ...
8
votes
3answers
743 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 ...
6
votes
9answers
1k 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
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 ...
12
votes
3answers
792 views

When to use static (i.e., sticky) navigation bars?

As an amateur web designer I've been paying close attention to websites' designs to improve my grasp on this field, I noticed that some websites are using sticky navigation bars while others are using ...
7
votes
7answers
531 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 ...
6
votes
2answers
426 views

Infinite scrolling + back button

Sometimes whilst bored I read old xkcd's annd although I know all the comics, I do from time to time discover a title text I hadn't seen before. This time I came across Which had the title text: ...
4
votes
2answers
557 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
529 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
845 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
395 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
926 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
526 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
798 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
290 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 ...
8
votes
3answers
472 views

How to best deal with many thumbnails in a product image gallery

We have an image gallery with thumbnails that can be clicked to reveal a larger version of them in a viewport. Here are some conditions that the layout needs to meet: The Gallery has to cater to ...
7
votes
3answers
2k 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 ...
7
votes
1answer
396 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
234 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 ...
6
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
1k 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
606 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
275 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 ...
5
votes
3answers
610 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 ...
4
votes
2answers
317 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 ...
4
votes
4answers
286 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 ...
4
votes
2answers
3k views

Alternative to the tab bar (in iPhone app)

I have a project that has 8 different areas, e.g, travel, weather, etc. The front page is going to have 8 different icons; they will navigate to each section. I will then need something like a tab bar ...
3
votes
1answer
434 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: ...
3
votes
1answer
960 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
1answer
795 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 ...
3
votes
2answers
242 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 ...