Questions tagged [buttons]

Buttons let users 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.

Filter by
Sorted by
Tagged with
17
votes
12answers
2k 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
5answers
2k views

How to show a very important notification on the button itself which opens it?

I have 3 cases about the messages: No messages by Mr. X Some previous messages by Mr. X A new Message by Mr. X I wanted to show these notifications on the button itself something like: Case 1: No ...
17
votes
3answers
1k views

Multi shapes buttons damage User Experience / User Interface?

This is a question I have been thinking about in the past few days. I'm making a social app(Similar to Facebook or Instagram etc). As I started working on the design and I though of a question. The ...
17
votes
8answers
6k 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 ...
17
votes
6answers
7k 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 ...
17
votes
4answers
12k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group and ...
17
votes
6answers
6k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
16
votes
6answers
2k 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 buttons. I think of making them different. But is it a good practice? Some people recommend primary ...
16
votes
5answers
1k 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 - ...
16
votes
8answers
12k 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/...
16
votes
3answers
6k views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
16
votes
4answers
4k 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 ...
16
votes
2answers
2k views

Are material flat buttons distinguishable?

Blue colored texts are known to be links everywhere and users know they can click on them. How about Google Material Flat Buttons? In material design, colored text with enough padding is known as a ...
16
votes
2answers
4k views

Should all the buttons throughout a website be same size?

I'm designing a web application in which I'm having different button sizes for different functionalities. For example, the login page has a full width button: Small edit button for editing city ...
16
votes
3answers
3k 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?
16
votes
4answers
4k 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 screenshot to ...
16
votes
4answers
2k 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. ...
16
votes
2answers
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-...
16
votes
4answers
3k views

Save vs Save & Exit

We're designing an application for creating personalized photo books through a Flash-based interface. When the application first opens, we display a dialog encouraging the user to give their project a ...
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, usually ...
15
votes
4answers
5k views

Inactive State of buttons, to hide or not to hide…that is the question

On a windows based LOB application for data capturing. Is it better to hide a button completely when it is inactive, or simply show a disabled state for the button.
15
votes
5answers
6k 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 the ...
15
votes
3answers
820 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 data....
15
votes
5answers
4k 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 ...
15
votes
2answers
745 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 ...
15
votes
4answers
6k 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 ...
15
votes
4answers
2k 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-...
15
votes
7answers
955 views

In a survey, will the size of buttons for choices bias the responses?

I'm working on a survey platform, and I am wondering, with a design such as would the differing button size for different answers introduce a bias into the responses? Note that the survey platform ...
14
votes
3answers
2k views

Are redundant close buttons on an auto-closing popup necessary?

Take a popup that closes automatically, either by losing focus, by other elements being brought into focus or clicked, or upon expiration of a set display time. Is providing a redundant close button ...
14
votes
6answers
1k 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 ...
14
votes
3answers
2k 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?
14
votes
3answers
2k views

Should a “view more” button move down when the pane expands?

On a website I have a pane that can be expanded to show additional information. The "show more" button (red square 3) turns into a "show less" button when expanding it. What results in better UX? The ...
14
votes
4answers
7k 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 "...
14
votes
2answers
5k 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 ...
14
votes
4answers
6k views

Position of negative/positive buttons [duplicate]

Consider two buttons: - OK - Cancel Should the positive 'OK' button be placed on the right or left? Is there some rule or convention that needs to be followed in this case. Consider the following ...
14
votes
2answers
1k 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 part....
13
votes
5answers
10k views

What colour should Register and Login buttons be? [closed]

My current login page looks like this: I chose green and grey basically at random, and am wondering how to to represent them properly. The login button is the main action, since this screen will only ...
13
votes
5answers
2k 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 buttons....
13
votes
8answers
2k 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 ...
13
votes
3answers
3k 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 ...
13
votes
5answers
3k 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 ...
13
votes
4answers
14k views

What is the ideal height of a button in regular desktop applications?

On most GUI creator (I just checked Qt Creator and Flex Builder), it seems the default button height is about 22 pixels. This is what I use for most desktop applications I create except those I make ...
13
votes
3answers
2k 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 ...
13
votes
2answers
428 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
7answers
4k views

What should the sequence be for Download and Delete buttons?

I have two icons for each row in a table: Delete and Download. But I feel the Download button should be before the Delete button. Please help me to understand what the sequence should be as per ...
12
votes
2answers
2k views

CTA Button - Button too short to contain verbs

In one of my iOS mobile apps I’m showing a screen with 2 options: The first option, on the left side, is an outlined button that performs a free action. The second option, on the right, is a solid ...
12
votes
7answers
2k views

Should I use “Search” or "Find” on my buttons?

Working on a travel website UI. When I referred to some websites they use “Find Flights” on buttons used to lookup flights. In general, would you recommend I use "Search Flights" or "Find Flights” ...
12
votes
6answers
6k views

Should text in button be capitalized in English? [duplicate]

As far as I know, in English titles each word should be capitalized. Should each word of the text in buttons be capitalized if it is a title (e.g. "Add Job Offer"), or should the button text be ...
12
votes
5answers
2k views

Volume controls: Why is left down and right up?

I see a lot of people discuss the order of buttons (e.g., should OK be on the left and cancel on the right? or submit button on the left or right?) but something that I wonder: Why do volume ...
12
votes
4answers
7k views

What is the best location for the “Add New Button”?

I have a list of records. A new record will be added on a regular basis, but only one record at a time. Having trouble deciding on the best location for the "Add New Button". Clicking on the button ...