Buttons perform an action or activity in a software solution. Use this tag for questions about how buttons should be placed, styled, aligned or used to express their purpose and facilitate their operation.

learn more… | top users | synonyms (1)

1
vote
1answer
278 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 ...
3
votes
2answers
191 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 ...
4
votes
4answers
512 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 ...
8
votes
3answers
417 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 ...
17
votes
6answers
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 ...
4
votes
2answers
1k 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 ...
8
votes
5answers
297 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 ...
6
votes
8answers
399 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 ...
2
votes
1answer
341 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 ...
6
votes
1answer
623 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 ...
3
votes
1answer
88 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 ...
5
votes
4answers
635 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 ...
6
votes
6answers
493 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 ...
1
vote
1answer
270 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 ...
11
votes
4answers
2k 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 ...
10
votes
6answers
4k 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 ...
4
votes
3answers
184 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
4answers
1k 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 ...
7
votes
4answers
208 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 ...
5
votes
1answer
392 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 ...
5
votes
9answers
326 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 ...
9
votes
5answers
787 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
2answers
345 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 ...
7
votes
7answers
471 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
7answers
854 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 ...
4
votes
1answer
233 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 ...
4
votes
3answers
1k 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 ...
5
votes
2answers
781 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 ...
3
votes
3answers
185 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 ...
43
votes
6answers
2k 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 Document" ...
6
votes
8answers
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
1answer
287 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 ...
12
votes
5answers
1k 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 ...
6
votes
1answer
1k 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
votes
5answers
430 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? ...
6
votes
5answers
205 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 ...
9
votes
3answers
2k 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 ...
16
votes
5answers
3k 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 ...
19
votes
7answers
1k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the ...
31
votes
4answers
3k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
1
vote
2answers
209 views

Button color for access and deny permissions buttons?

I need to create an email template which is auto generated when an user requests access permissions to a document .The email template is sent to the document owner and is in this format : Subject: ...
4
votes
3answers
392 views

Does a visual “Active” state on a button improve affordance?

I've noticed some web sites neglect adding an "active" state on certain buttons or links; the visual effect when the button is pressed, usually making the button look like it's being pushed in ...
0
votes
2answers
137 views

What is the optimal position for groupings of odd numbered buttons on a form?

I have 3 buttons on a form: submit, cancel, and exit. I used a larger size and topmost position for the submit and put the cancel and exit as smaller buttons below on the left and right respectively. ...
5
votes
3answers
312 views

A button with choices

I have list of buttons that can be pressed or unpressed individually (like checkbox functionality). Some of the buttons can also have some attributes (+ or -), but it's uncommon to select those ...
21
votes
4answers
2k views

When is red the right color for a button?

After reading this question about Big Bad Red buttons, where it was generally agreed upon that red buttons draw the user to click, I was left thinking: then when are they good affordance and ...
13
votes
2answers
612 views

Is there a 'science' to what colors to use on primary 'call-to-action' buttons?

I was wondering what research I can find on what colors to use for primary 'call-to-action' buttons. I know the size of the button and the contrast it has in relation to its background play a big ...
2
votes
2answers
201 views

What examples are there for grouping multiple site tools under one button or dropdown?

We're considering moving links to all our site tools under one button. Clicking the button would open a modal exposing links to these tools. The button would be in the header and be available on all ...
4
votes
3answers
552 views

Navigation Bar, mixing links and buttons

I am trying to create a navigation menu with 2 functions in it... the website 'page' navigation links and 'action' buttons... sort of like this image ...
5
votes
4answers
702 views

“Edit” button in a grid

I have an Intranet application that displays a grid. Every row of the grid is editable. Which option is more user intuitive: Having an "Edit" button at the end of each row. Have one "Edit" button ...
2
votes
4answers
180 views

Better label for this menu button

On this page, at the top, is a row of menu buttons. The leftmost of these buttons: carries the label "table config." Under the button, the user can (1) change the font size and spacing of rows and ...