Questions tagged [buttons]
Buttons allow users to directly trigger an action or activity in a software solution, and is a concept borrowed from its physical counterpart in its digital design. Use this tag for questions about how buttons should be placed, styled, aligned or used to express their purpose and facilitate their operation.
1,489
questions
54
votes
12
answers
18k
views
Why don't most elevator panels let you unselect?
We've all seen it in the movies where a kid will push all the buttons in an elevator. We've all likely done it - accidentally hit the wrong floor.
There's no unselect after you select a floor in an ...
4
votes
2
answers
511
views
Why does the Google +1 button not change to a -1 once clicked?
When you +1 something on Google or Google+, the +1 button becomes red and clicking this red button will remove your +1 in the post.
Why was it designed like this? Changing the button color to red ...
4
votes
3
answers
384
views
Best way to organize interface
I have an application where users can select some items from a catalogue and add into their reports.
Some users prefer to add positions one by one, first opening the catalogue, adding a new position, ...
2
votes
1
answer
488
views
Width For Group Of Buttons
We are implementing browser based client, and we are having a little debate reg. setting width of buttons which are grouped together (either just layout wise or both layout and functionality wise). I ...
2
votes
1
answer
293
views
Best placement for "ultimate" page actions
I'm designing an interface for a financial company and am not crazy about the placement of our buttons in some of our wireframes.
Essentially, the links in the left sidebar are for "smaller" actions: ...
10
votes
3
answers
3k
views
When does a button hold "too many" words?
Background
I came to ponder this question whilst mocking up a modal window for the application we're developing. I had trouble summarizing the semantic phrase: "Click here to get a list of all of the ...
5
votes
4
answers
438
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 ...
7
votes
3
answers
237
views
Fit buttons next to textbox on a widget
I'm designing a widget to select names, and move them to two different fields.
The left list will display all available names. On the right we'll have two fields: a textbox and another list. User can ...
6
votes
2
answers
1k
views
Shading buttons darker than the normal state vs. highlighting
While coding up pieces of a website, I was puzzled as to why the designer chose a hover state that is a shade darker than its normal state. It seems logical to me that a rollover state should be a ...
17
votes
2
answers
6k
views
Button Placement
I'm currently developing a website and we have come across a few things on the placement with buttons that we are unsure about.
The website has a booking process and on this process we have right-...
2
votes
1
answer
490
views
Button Names 'Click here' vs 'something else'
We're having internal arguments about how to label buttons with actions. Other folks in the internet teams, who aren't necessarily User-Focused, demanding that 'Action' buttons to simply read "click ...
4
votes
2
answers
833
views
How little is too little padding between button text and its button border?
jQuery has a default amount of padding within their buttons, as seen here: jQuery UI - Button Demo.
I think it looks nice, but my boss keeps telling me to kill the padding. Specifically, he said to ...
5
votes
5
answers
2k
views
Is a cancel button really needed in a form in a page?
I have a form, which is on a page of its own - it's a huge one, and one of the internal reviewers recommended to add a cancel button to it. I am just trying to figure out if a cancel button is ...
10
votes
3
answers
860
views
App icons borderless or on a button?
In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
19
votes
6
answers
1k
views
If input text length is known, do I really need a submit button?
Use case
On a mobile device a user is improving her math skills using a native app (Windows Phone). There are many expressions being calculated in a series and the user is trying to get 10 correct ...
7
votes
2
answers
4k
views
Form design and placement of action buttons
This question involves a data entry form in a web application. The form will be
used in a desktop environment only; there's no need to account for mobile.
A single user of this web app could be ...
10
votes
5
answers
425
views
Is it a good idea to put the word "or" between buttons on a screen
If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
9
votes
8
answers
735
views
Order of physical controls: volume down, volume up, mute
My speaker has 3 physical buttons in this order:
volume down
volume up
mute
I find the order quite illogical, I would expect:
volume up
volume down
mute
Is there any convention on the order of ...
2
votes
1
answer
618
views
Where should a UIButton be to add cells to a tableView?
I have a limited amount of space in a new options menu I designed (much like a combination of twitter's scrollViewTexturedBackGround colored table, with notification center's custom headers, and ...
7
votes
1
answer
856
views
Share Buttons on Landing Page -- Where to place them?
I've been reading up on share buttons in terms of placement, effectiveness, use, etc. However, the vast majority of resources are directed at blogs and other content oriented sites -- in fact, I haven'...
4
votes
1
answer
132
views
Toolbar of digital signatures
Where I work, we have one of our systems in a web viewer for PDF files signed with the extension ". P7s."
We are doing a toolbar similar to the adobe reader (picture below). The panel is also of ...
6
votes
4
answers
1k
views
Do pull down buttons confuse users about the actions they perform?
Pull down buttons (if that's their official name) are starting to pop up here and there. For example, if you look at Eclipse it seems that almost everything is a pull down button. Personally I find ...
7
votes
6
answers
810
views
Combine load and save button into one button?
I'm having a configuration GUI, and want to enable the user to export the settings into a file and load that file later (or on a different computer).
My dialog has several options, and is rather small:...
2
votes
1
answer
356
views
Facebook Like button too intruding? [closed]
Does anybody feel the Facebook Like button is too intruding in ones UI? Like it doesn't fit in, like it's some cheap plastic thing?
Have anybody ever used JS or something to make any alternatives ...
16
votes
4
answers
5k
views
Is a cancel button necessary in a windows form?
After reading the question "Is a cancel button necessary for a web form?", I still ask myself, whether the same applies to a Windows form/dialog box.
Consider the following dialog box:
Compared to ...
17
votes
8
answers
16k
views
Save/Cancel/Close button behavior question
The attached image shows a dialog with a save/cancel button bank and a "x" icon to close the dialog. The question I have is this. Should the cancel button even be on the modal if it does not clear/...
5
votes
3
answers
215
views
When is it okay to hide actions until triggered by a rollover event?
I'm having a hard time articulating to my team what doesn't sit right with me on this design. Here is one of our prototypes:
http://50.56.241.135/prototype/pin/feed_unsubscribe.html
For one thing, ...
16
votes
4
answers
3k
views
Can you see a good reason to remove the plus sign in Google Chrome's create tab button?
I am talking about this button:
The plus sign that used to be on that button has been removed in recent versions.
I am very intrigued as to why they might have found it convenient.
I'm a google-...
7
votes
4
answers
271
views
Is it a problem to have a link to 'View Your Basket' and 'Go To Checkout' that both go to the same place?
I have an eComm site i'm specing at the moment. When you add stuff to the basket the on-page basket at the top of the page will update to give you a running total with links to view the full basket as ...
7
votes
1
answer
953
views
Price plan table with multiple payment options
I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
6
votes
9
answers
1k
views
Should the results of a calculation happen automatically, or require a button push?
This is a problem I've ran into several times, and I imagine that others have ran across it too.
Basically, I have a complicated equation, and I want the user to type in the values needed to ...
13
votes
5
answers
5k
views
How long should a press-and-hold-button action be?
How long should a button need to be pushed in order to indicate "this is a press and hold action rather than a simple press"?
E.g., to unlock the OSD of my Dell monitor, I have to
Press and hold ...
13
votes
2
answers
464
views
How to avoid "hover and cover" on buttons at the end of a form?
I'm working on an apparently simple interface: 2 input fields right above a series of action buttons. Each button represents a different way to perform the same task (for example wizard, upload a ...
9
votes
7
answers
2k
views
How would you handle two separate "save" buttons for different sections on the same page?
I notice on this particular page in Basecamp that they have two different buttons that are meant to save changes to two different sections. One section is above the fold and clearly has a "save ...
10
votes
7
answers
1k
views
How should I indicate an added row of buttons above the iPad's keyboard is scrollable?
In my iOS app, I have an extra toolbar that appears above the keyboard, using the same style of buttons as the keyboard. This toolbar is horizontally scrollable.
Currently, in all devices and ...
5
votes
1
answer
270
views
How does a 3d shading impact circular button use?
I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table.
Here it is:
Clicking the icon toggled an on/...
5
votes
3
answers
2k
views
Ideal location for a donate button?
I am working on a website for a non profit and they anticipate the need to have a donate button in the near future.In that context,I was revisiting the site architecture and I was wondering about ...
13
votes
2
answers
11k
views
Correct terminology for that circle/bubble with number of notifications in it?
Some applications will overlay some colored bubble/circle with a number to show how many unread messages/notifications or "things to do" are currently available. For instance, it's on Skype to show ...
4
votes
3
answers
218
views
How Can Buttons Be Used Even When Lightboxes Are Activated?
We have a Help button in the header of our product, directly next to the Log Out button.
We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
51
votes
6
answers
5k
views
Should I provide feedback from a save button?
I'm currently in the process of developing a Windows Application which produces Word Documents.
In the program there is the ability to save your progress (different to the "Save as a Word ...
7
votes
8
answers
2k
views
Do android users press the menu button?
I want to add a new function to my android application, but am a little bit confused in deciding where exactly to display the functionality.
I can either show it as a button in the application or add ...
1
vote
1
answer
555
views
funnel or checklist icon [closed]
I am looking for an icon to act as filter button (which on click will show a box with the filter options)
So I've seen a couple of results on google for filter icon and I've only seen by now funnels ...
16
votes
5
answers
6k
views
Which color for a "Pay now" button?
I know there is no such thing as one good color that can be universally accepted, but I've been told orange is the "right color" for the payment button, and it is notable to see how both Paypal and ...
7
votes
1
answer
2k
views
Right call to action buttons vs left call to action buttons?
I read this interesting article which talks about the Gutenberg principle of a terminal area as being the most appropriate location to place a call to action button to enhance conversions.Simply put
...
1
vote
5
answers
903
views
Appropriate Icon for "Load" Button? [closed]
I'm tasked with redoing part of the UI in one of our desktop applications. I've specifically been asked to replace a "Load" button with an icon. Are there any conventions for this style of icon? ...
12
votes
5
answers
7k
views
On mobile phones why is the green (call) button at the left and red (hang) button at the right side?
Some old mobile phones have switched position of green/red buttons.
Currently the green button is at the left and red button is at the right side on mobile phones.
Why? That is rationale? Which ...
6
votes
5
answers
293
views
Choosing between a default option and an occasional alternative action
I have an Outlook macro at work which pops up a panel every time you send an email, asking whether you'd like to file that email into various public folders. This is useful and we use it all the time ...
17
votes
4
answers
8k
views
What's the Best Placement for Save/Cancel Buttons on Very Long Forms?
I have a big project creation form having atleast having 30-40 fields where i have already grouped the relevant fields as a set(splitting into 3 columns) with proper headers, but still i have a long ...
20
votes
5
answers
5k
views
Are Flat Buttons Unusable?
What is your experience with the usability of flat buttons? The common critique against those buttons is that people can't distinguish them, and they only look like headlines with a background. But ...