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)

138
votes
16answers
8k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
143
votes
22answers
19k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
244
votes
12answers
44k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
31
votes
12answers
4k views

What are the differences between buttons and links?

What are the differences between buttons and links?
40
votes
9answers
7k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
57
votes
16answers
6k views

Do you need a search button with a search box?

On websites with a search box, should you add a button they can click on, or will users understand a search box like on this site? The target group is not very technical, such as women aged 40-60.
28
votes
3answers
6k views

Do users understand the browser back button?

You hear a lot about not breaking the back button on websites, but can you assume that most users know and use the back button? Is it redundant to add a JavaScript or HTML back button/link on a page? ...
28
votes
14answers
4k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
26
votes
7answers
3k views

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I am wondering if we should use Title Case or Sentence case for buttons and headings in websites and web/mobile apps? Title Case:     Sentence Case:     In Yahoo's UI ...
331
votes
20answers
18k views

Why do people clear the screen multiple times when using a calculator?

I've noticed that most people when using a real or a virtual calculator, they hit the Clear button multiple times when clearing the screen (even though hitting it once is enough), so I started ...
30
votes
1answer
5k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
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 ...
57
votes
10answers
6k views

How do rounded corners affect usability?

How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm ...
22
votes
12answers
1k views

Are 'share this' buttons really effective?

On a lot of websites (especially blogs), we find 'share it' buttons like this --> . Personally, I never used one. If I want to share something online, I copy the link and manually share it through ...
19
votes
5answers
1k views

Toggle Buttons “Turn On” vs “Enable” [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
8
votes
3answers
659 views

Design recommendation for a button

I have a form in which the user requests a report to the system by clicking the Send Report Request button. The system then produces scheduled reports according to the interval the user selected ...
9
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 ...
6
votes
4answers
3k views

close button on the left or right side? [duplicate]

Possible Duplicate: What is the important aspect to consider when deciding where windows interaction buttons should be placed? From a ux point of view, does it make a difference if the ...
535
votes
15answers
84k views

Should “Yes, delete it” be red, or green?

Designing an interface for a CMS (Content Management System), I stumbled upon a paradox and I'm a bit confused about what to do and why to do. Context Before deleting an album, the user is asked to ...
41
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" ...
81
votes
7answers
7k views

What reason could Nintendo have had for putting the A and B buttons the wrong way round?

When Nintendo brought out it's first game system, the NES, it had a controller with four buttons: Select Start A B However, somewhere, a designer, in their infinite wisdom, decided that the A and ...
34
votes
10answers
2k views

What's the point in electronic devices beeping on keypress?

Many electronic devices, mostly cell phones, by default beep on keypress. What's the point in that? Once a key is pressed their state is changed and that's reflected in the graphic interface anyway. ...
27
votes
6answers
1k views

Should “dangerous” buttons be big and red or small and inconspicuous?

In a web app, some people think a "Delete" button should be obvious and bright red, signifying danger. The trouble is that this draws the eye to the button and may make accidental clicks more likely. ...
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 ...
3
votes
5answers
1k views

Button order Save | Save and next | Cancel | Previous

In an application, the user is able to edit the information of several objects. The user is able to save and go to the next object. What is a good order for this buttons?
30
votes
4answers
2k 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 ...
4
votes
5answers
2k views

social share buttons best position

If you go to any site with content you will have social share buttons. I was wondering where would you consider the best position for social buttons. I saw 3 approaches: bottom of the content page ...
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 ...
17
votes
11answers
615 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 ...
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 ...
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 ...
5
votes
1answer
465 views

Is a 'back' button needed on a web form?

I am re-designing a multi-page web form that currently contains 'back' and 'continue' buttons. I am wondering -- is the 'back' button necessary? If the user wants to go back, they will know to use ...
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 ...
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 ...
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 ...
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 ...
8
votes
5answers
678 views

“Clear all” button history

Has anybody ever used "Clear All" button on the page? Maybe someone know the history of this "magic" UI component. I opened my eyes after this answer.
5
votes
2answers
252 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
4
votes
9answers
275 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 ...
3
votes
3answers
586 views

Should I use customized social buttons

I am facing a cornelian choice. Should I use custom social sharing buttons for UI consistency or should I keep them original for better recognition ?
46
votes
11answers
3k views

Submit and Reset button, what's the best order?

In a form with a Submit and a Reset button and the end, what's the best order for the user experience ? Submit first ? Or Reset first ?
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 ...
39
votes
20answers
3k views

Do I really need a login button?

We've been having a discussion in the office surrounding a login page we're developing for a new web application. The web application is in intranet-based application, and is mainly used by users who ...
35
votes
6answers
32k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
32
votes
9answers
3k 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 ...
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 ...
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 ...
18
votes
5answers
1k views

What should be the difference between enabled and disabled buttons? (especially if they are grey)

What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color) For example what do you feel about the following button? Is it enabled or disabled? How could it ...
19
votes
7answers
1k views

Should all button text start with a verb?

I'm reading The Grammar of Interactivity on UXBooth and finds it quite interesting. However, the article quotes David Hamill who said (or wrote): Buttons are for actions, like “Get a quote,” ...
17
votes
2answers
388 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 ...