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)

17
votes
11answers
637 views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
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 ...
17
votes
5answers
2k 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 ...
17
votes
2answers
435 views

Social media sharing: Does simply showing icons stimulate action?

This is tangentially related to the question "Social Media Icons - show all visible, or group under 'share'?". In my organization, we've generally found that displaying the individual icons for ...
16
votes
7answers
893 views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
16
votes
12answers
857 views

How can you change a poor design without alienating experienced users?

I work for a company that produces a large, 13-year-old web application. Lately, I've taken on the task of trying to get some kind of User Experience guidelines going for the system - something that ...
16
votes
5answers
774 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
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
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 ...
14
votes
6answers
901 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
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 ...
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
560 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
3answers
826 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?
13
votes
6answers
633 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
326 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
771 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
7k 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
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
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 ...
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
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 ...
12
votes
7answers
1k 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
1k 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
4answers
317 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 ...
12
votes
2answers
713 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
726 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 ...
12
votes
2answers
555 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 ...
11
votes
4answers
790 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
343 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
297 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
771 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
673 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
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
552 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
811 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. ...
10
votes
7answers
812 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
898 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
8answers
631 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 ...
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
13k 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
4answers
1k 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
5answers
742 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
4answers
324 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
2answers
392 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 | ...