New answers tagged dropdown
There is a great solution designed specifically for Country Selection use case: http://baymard.com/labs/country-selector article that talks about problems with a traditional dropdown and how to avoid them: http://www.smashingmagazine.com/2011/11/redesigning-the-country-selector/
It depends on how many actions you want to display and how often those actions are used. If there are a lot of different actions, then placing them in organized menus would be better. If the frequency of use is high, don't place them in menus, as you are introducing another click that is not required. In your scenario of only three actions, I would opt to ...
You generally expect a button to show what action it will perform, not the current state of what it toggles. Consider the play/pause button of a media player. You press play-icon [ > ] and it changes to [ || ] to indicate the action performed when clicking again is now to pause.
Arrows pointing in our reading direction (right or down) point forwards. Buttons should indicate what happens when clicked. The arrow on a dropdown button should point right or down as it indicates new content will be visible once clicked. Once the dropdown has been opened, clicking the button again should close it. Therefore the arrow should point upwards ...
A button should show what will happen when it is next clicked - not point to something else. When the button above a closed menu is clicked, the content will drop down - so the should point down (to where the content will appear) When the button above an open menu is clicked, the content will move up into the button - so the arrow should point up.
Since you're asking about the direction of the arrow, you might like to check out the Microsoft standards for glyphs and arrows. Scroll down from here, to the table that lists the different types of arrows and glyphs. It says things such as this: Chevrons point in the direction where the action will occur, to show the future state. Arrows point in the ...
I would consider two things here: Visual connection to action Common standard implementation To the first point - visual connection: If you see an arrow that points up, you expect something to happen in that direction. You will automatically look up, not down. So every action that goes to a different direction will feel alien, detached. So this argument ...
You could add a tool tip on hover that will show the full text of the truncated text you had on your drop down
Does the above drop down - with icons and supporting message clearly demonstrates the priority levels? Actually you do not have icons and supporting message because icons are supporting text message: icons alone are not clear enough to live without text. In general icons need more active brain activity to be decodified than plain text unless it's a ...
As we all know that, User read from left to right, but in your example you are showing icon first, then text... I would recommend you to place an icon in right and text at left. I agree that the images are more attractive than text only but do not forget that text is more informative then image as it describe the purpose. Images are always used to support ...
The icons won't be clear without the words. The words depend on how you're using Priority in your development process. Priority is often calculated from other factors, such as: Severity: does the bug destroy customer data? Cost: What is the estimated effort, or cost, to fix the bug? Commonality: How many users are affected by this? Frequency: How often ...
Your screenshot makes it very clear that widget2 controls the grid that's located under it - both because the widget is above the grid and because it's following widget 1 (as opposed to preceding it). I had to read the question twice before I understood that it actually controls widget 1. So I'd argue that this is not a good solution. It would be easier for ...
I would add another consideration: the label length. If it's only one or two short words, it could be a select option. If it's a phrase or a sentence, I would definitely go with the radio buttons.
Not nine radio buttons… I recommend you either follow the guideline or use a different solution. For radio buttons, Microsoft has this guideline for radio buttons: Is the number of options between two and seven? Since the screen space used is proportional to the number of options, keep the number of options in a group between two and seven. For eight ...
Top 50 recent answers are included