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)

16
votes
5answers
737 views

Why do most dashboards use capital words?

Most car manufacturers seem to use ALL CAPS for the interiors's buttons and switches, at least when they are not using symbols. Example: They even use capitals for things that are not even ...
16
votes
3answers
3k views

What is the optimum button size of touch screen applications?

I read this blog post about the ideal button size of touch screen control sizes. It was based on the study form the MIT touch lab that gives some measures of the size and sensitivity of the finger. He ...
16
votes
5answers
1k views

What are the best practices of button alignment?

There are reasons to align buttons to the left, center, or right. What are the best practices of button alignment and what factors should we consider? Which buttons should be on the left, center, and ...
16
votes
4answers
2k views

Should “toggle buttons” show what they do or the system status? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I find inconsistency in "toggle buttons" (I just invented the name now. See ...
15
votes
3answers
1k views

What's the common name for this button?

I'm trying to find out what is the way to call this kind of button: To be precise, I'm talking about a button which acts like a regular one for most of its area, but has also a "more" area, ...
15
votes
4answers
964 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 ...
14
votes
6answers
835 views

With 'OK' button, 'Cancel' should appear as secondary button or link?

When I make web application designs, every time I style form or overlay boxes with OK and Cancel button. I think of making them different. But is it a good practice? Some people recommend primary and ...
14
votes
5answers
2k 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 ...
14
votes
6answers
2k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
13
votes
5answers
522 views

Is the “Three Toggle” button on Bothsider easy for users to understand?

Combining two separate toggle buttons (follow/unfollow + another for whether that "follow" is public/private) seems like an elegant solution to the spacing and aesthetic problems of having two ...
13
votes
6answers
561 views

Should words in buttons or titles start with a capital? [duplicate]

I am currently in the process of creating an iOS application, and I was wondering about capitalization of buttons and titles. For example, should a button say "Add Post" or "Add post". If I look at ...
13
votes
2answers
2k 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 ...
13
votes
2answers
310 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 ...
12
votes
6answers
744 views

Can I use “Prev” instead of “Previous” on a button?

We use Next/Previous buttons as controls in our image gallery. I'm in the process of implementing responsive design, so there is a limited amount of space that I can be used for these buttons. I'm ...
12
votes
9answers
6k views

Submit Buttons on the Left or the Right?

We have been puzzling over where to put the submit button, on the left or the right. In researching, we noticed that many sites put buttons on the bottom right in dialogue boxes, and on the bottom ...
12
votes
3answers
690 views

What is the reason for Concave round buttons in Elevators

What is the reason many elevators have concave shaped buttons. Like this: Any special reason behind this?
12
votes
8answers
2k views

Which is a good color for a pause button?

We have an application with a built-in stopwatch. If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
12
votes
5answers
2k views

Too many tabs - use buttons instead?

We have an admin page in our application that has toomanytab-itus (see the second set of tabs are stacking): I've been tasked with solving this issue. Reorganising/grouping the content to reduce ...
12
votes
7answers
880 views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
12
votes
8answers
702 views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...
12
votes
2answers
657 views

Which colors would best convey 3 difficulty levels?

I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz. Are there ...
12
votes
3answers
1k views

Why is the close button in the title bar red in Windows 7?

Perhaps to prevent users from closing the window or application inadvertently? But is it also a distraction because the color of red stands out? Any insights?
12
votes
3answers
2k views

Smallest button size and spacing for a touchscreen

For a touch screen, such as the iPhone, what is the smallest size for a button you could get away with? And how closely could they be shoved together? I've got an app thats going to have a lot of ...
12
votes
4answers
3k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
12
votes
7answers
667 views

Best Practice for a button that performs multiple actions

Consider this scenario: A "Connect" button, which changes to a "Cancel" button when clicked. When the connection succeeds, it changes to a "Disconnect" button. Should this be handled with 3 ...
11
votes
4answers
748 views

Why is the “dislike” button going into extinction?

I've noticed that Facebook and now Google+ only have a "Like" (or +1) button, in spite of users wanting a "Dislike" button. This seems to be a bit of trend. Disqus also dropped their dislike vote - ...
11
votes
5answers
340 views

Button placement while others ones are invisible/disabled

I have a tool bar of buttons. The state changes every time user interact with it (fig. 1). Fig. 1 Sometimes application allows user to refresh view only, so other buttons are invisible (fig. 2). ...
11
votes
8answers
284 views

A button with a link: understandable or confusing?

I'm working on a design of a touchscreen version of some web application. Since it's a touchscreen I would like all clickable elements to be rather big and easy to tap (it's a simple kiosk, so ...
11
votes
7answers
748 views

Why do modern smartphones featuring a touchscreen have several forward-facing buttons?

The iPhone has a touchscreen and one forward-facing button, which is sort of testament to Apple's design ethos of simplicity and aesthetics. But HTC devices tend to have several buttons, and my Nexus ...
11
votes
3answers
630 views

Original design choice of back and forward directions?

There are numerous of evidence around us where forward and backward directions are predetermined. As if they are a conscious choice we all know. At least this in true in left-to-right reading ...
11
votes
5answers
998 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 ...
11
votes
4answers
2k views

Which is better: Buy Now or Add To Cart as the label for a button in a shopping cart form?

I have a site that displays 3 major products and it all links to an external shopping cart which users will have to fill out a form to complete the order. Which label is better? "Add to Cart" or ...
11
votes
2answers
522 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
11
votes
4answers
282 views

What do you think is a better label “New” or “Add”

At the moment I am building a web application that stores a lot of data inside of tables. In each of the pages containing the tables the users have many actions; they can add, delete, or edit the ...
11
votes
4answers
759 views

“Shaking” button leading to increase in conversion rate?

I'm just running an experiment on the UX Pin homepage. One group got a "shaking" button (the big orange sign up starts to shake after few seconds) and the other group got traditional "static" button. ...
11
votes
2answers
528 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 ...
10
votes
7answers
793 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 ...
10
votes
8answers
856 views

Many buttons on the page, ways to improve?

I have many buttons on the page (see the image below). You can perform an action on every item using these buttons. Is there any ways to improve this? I was thinking a lot, but can't find a good way ...
10
votes
6answers
3k 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 ...
10
votes
5answers
12k views

Which “Facebook Connect” or “Facebook Login” buttons are most effective? (Data wanted)

Many sites use Facebook Login, aka Facebook Connect, Connect with Facebook, Login with Facebook, and whole host of synonyms. Facebook gives an official button to use, yet I see many variations across ...
10
votes
3answers
2k views

Why does the close (cross) button in Windows gets special attention?

In Windows's window even if you don't hover on the close (cross) button it always stays red. But the minimize or restore button is transparent, if you hover then it will become blue. So why does this ...
10
votes
4answers
311 views

Is it better to use a positive or a negative command for a button, checkbox, etc.?

I have some checkboxes that should include/exclude some content on some reports. But I am not sure if I should use: Include all items or Exclude unused items for the text of the checkbox. What ...
10
votes
5answers
678 views

Will removing the border & bevel on these buttons make them look un-buttonlike?

First: I'm not a designer by trade, but I do occasionally do design some things. A week ago I began writing an open-source, extremely small (960 bytes gzipped/minified!) CSS framework. Since then ...
10
votes
2answers
374 views

Proper term for conjoined choice buttons

I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this: _______________________________ ( ##EVERYONE##| FRIENDS | ...
10
votes
7answers
629 views

Ideal Donate Button Text for Nonprofit Website

What would be the ideal text for a donate button? My client would like to use "Give" as the button text, but should I urge for "Donate", as I feel this is more of the convention.
10
votes
3answers
1k views

Submit a Button and Cancel a Link… Too Confusing?

I have noticed in the last couple years a lot of web forms, if they have cancel at all, it is a link. I assume this is to drive the person to the UI element, a button in this case, that 99% of the ...
10
votes
6answers
532 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 ...
10
votes
1answer
265 views

Improve affordance of “mark as answer” on StackExchange

It seems like many new users to StackExchange don't know that they should mark a response as the answer. I often see pissed off veterans shouting "you're not going to get any help if your accept rate ...
10
votes
4answers
562 views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
9
votes
8answers
612 views

How can I distinguish two different types of buttons, without using labels everywhere?

I'm developing an application to count traffic at intersections. There will be two different types of buttons: one to count trucks ("lkw" is the german abbreviation for a truck) one to count cars ...