Hot answers tagged

4

Both are traditionally known for displaying More Options You can think of them as Ellipsis that refer to un-finished menu and hence clicking on it shows you the entire menu, finishing it. On Android, it is referred to as Overflow Menu On Apple and iOS devices it is referred to as More Options Menu Technically these are used to display Secondary options ...


4

The common (almost too common) way to provide choices of many options is often via the dropdown, but a flat list of options can be made easier to digest by grouping the items and, at the very least, ordering the items alphabetically. Say 10 ordered groups each with 10 ordered items in might be manageable. A further refinement is to make the dropdown ...


4

Tab is for switching between elements, not selecting different items within the same element. I think this is why the problem arises. Your element is similar to a drop-down list. Typically tab would allow you to select that list, but not iterate through the items in the list. Using the same key for both selecting and iterating through a control results ...


3

I like the style you have going on. Try breaking up the two links into buttons like this? You don't have to underline text in a button on hover. Underlining is meant more for in-text links. Perhaps add a subtle drop shadow on hover for each button.


3

simply style them as buttons, this way there won't be any doubt at all and you'll eliminate any friction on the perceived affordance of these elements. It's as simple as that. Otherwise, underline them, just as you mention. But more important: use one color for links and a different one for text. Your perception probably comes from the fact nothing (...


3

No. This is because typically a customer does not continue shopping on the website after they place an order; they instead leave the website as there is nothing more to do (i.e, a 'continue shopping' button is not the expected workflow). If appropiate, a link to view/edit the order can be used instead.


3

Perhaps a searchable dropdown could fit your needs: On opening, the dropdown will show you all possible choices, which you can filter by typing in the desired term.


3

Whether it's the hamburger menu or the menu bar, navigation should be consistent throughout your system. This features throughout most accessibility guidelines, is good for SEO, and is just generally good practice.


2

Short answer Don't user hover. Long answer While I don't think it will make too much difference in 2016 as web users are much more familiar with these menus and quickly work it out on a site by site basis, there does appear to be a movement away from using hover menus full stop. How much of this is due to the growth of mobile devices is open to debate. ...


2

I don't think you are missing anything, the above site 'http://us.pg.com/ or http://www.wacom.com/' options are handled very well. My analysis on apple.com, country selection must be in new page because the country list is more than 140+. Its hard to handle such a big number selection on same page. My suggestion on providing the Country selection option ...


2

Utility Navigation definition from Nielsen: Summary: Utility navigation consists of secondary actions and tools, such as contact, subscribe, save, sign in, share, change view, print. These activities strongly affect website visitor satisfaction, user experience, and engagement. Put utilities where people expect and need them. Primary vs ...


2

Out of your options: 1st and 2nd option qualify to be an action. The third one suggests a destructive action which doesn't really suggest "moving". Now, depending on your users, if they know technical terms such as Root, you could go with Option 1: Move to Root. Another option can be: Move to Main Directory. This can be customizable according to the ...


1

The implementation of trees in either navigation or organisation purposes (or both) only works if there is some order (and hierarchy) through which the user can traverse to find what they are looking for. So there has to be some sort order by default anyway. If you are asking whether it should always be sorted in a particular way by default (e.g. ...


1

Both options seem valid for me, it all depends on the business rules behind it. You cannot compare a content website like youtube to a brand website like wacom of pg. A brand website usually create this kind of pages because they have different localised website across the regions. The websites might look really different in terms of look and feel and ...


1

From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature. drop-down navigation menus can be user-friendly. Recently Jacob Nielsen the results of his recent drop-down ...


1

In 99% of the cases you don't need to keep multiple parent items expanded at once. Moreover, it is advisable not to do so, as you don't want the user to get confused about her current location on your website and eventually get lost. And yes, there are scenarios in which you would want to have all the items expanding without collapsing their siblings. Such ...


1

"It doesn’t matter how good your website is if users can’t find their way around it." - By jerrycao Continuing with my answer posted just a day before. I stated that collapse menu's are better, and also gave some valid reasons. Note: Please read my previous answer(linked above), come back and continue here. Now talking about your case, I would ...


1

Provide them shortcuts for expand/collapse all, then let them organize it from there (unless there's some explicit reason for them not to be able to expand multiple siblings concurrently).


1

I've found that letting users choose when tabs open and closed is best, so I would leave it up to the user to collapse one menu, even when following a link in another menu. A scenario describing why would include users who might be navigating through different parts of the site multiple times. If I want to go to the pratius page, then artius, them to ...


1

Taking your options: "Move to root" If this is the only place where the file can be moved, then this would be correct, specially on a tree representation "Move to top" This is really unclear and has a lot of friction. Top of what? A positional attribute might be very confusing for something that can be represented in different views "Remove from folder" ...


1

You could split them into Categories with the use of Chips just like Google Play Store does. Take a look at the screenshot below. How this helps is, that it removes any element of horizontal swiping. Since your question consists of Tabs, it is possible the user is confused to swipe between tabs which are swipe-able and bottom navigation which is not. ...


1

If the sub-categories are not more than 2 in each category then show it upfront, by placing category as title. This way you will not confuse the user and also you are not hiding the information. But if you have more category with sub-categories then you have to find a work around on IA.


1

If there's no way to get around submenus, the key is to provide a clear visual difference between levels and making it clear which main menu the submenu corresponds to. There's probably a million different ways you could do that, but the most common tend to involve changes in: Indentation Color Font size, weight, or family Spacing/delimiters Casing In ...


1

This article outlines the most common mobile navigation patterns and should help you choose the right navigation approach for your scenario: https://www.nngroup.com/articles/mobile-navigation-patterns/


1

IMHO, your approach is way too convoluted and has a lot of friction. Having a modal with inner navigation (or a stepper) and then a submit button only after all steps were completed is asking for trouble. First of all, when you use a modal, you use to interrupt a flow and require an action based on the context. If you have multiple actions, you're losing ...


1

For the how, it is certainly possible and there are a number of templates and patterns for doing so available, such as this one. In that example you could use "Bug X" instead of "Step X" in your headers and you'd have a nice step-by step modal with a progress bar to show the SCRUM master his progress. As for the question of should you the primary ...


1

According to your comment, you have basically two different areas: the neutral lobby and all the process rooms. Well, that hotel/office metaphor came naturally. So you could make a "shiny" lobby looking very different from the office rooms where the work happens. Since it sounds like one person could have to work in more than one office, the differences ...


1

A dashboard is a very different UI than an application, so there is an argument that the navigation can be different. For example, the features are different, the purpose and goals are different, so what works for one might not work for the other. Consistency comes with advantages, so as a general rule of thumb the consistency argument should trump ...


1

Based on my understanding of how your sticky nav works, the amount of elements you have is fine for several reasons. It already meets the speedy needs of most of your visitors. After looking at Nielsen Norman Group's 5 Types of E-Commerce Shoppers, your site visitors are likely: Product Focused (going in already knowing what they want to purchase) ...



Only top voted, non community-wiki answers of a minimum length are eligible