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)

669
votes
16answers
108k 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 ...
426
votes
24answers
33k 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 ...
295
votes
20answers
40k 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 ...
287
votes
13answers
59k 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 ...
225
votes
19answers
51k 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?
129
votes
5answers
15k views

Are you sure you want to answer this question?

We've all seen these types of warnings: "Are you sure you want to shut down Windows?" I hear a lot of people frustratingly reply: "Yes, of course, otherwise I wouldn't have clicked it!" These ...
124
votes
14answers
11k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
103
votes
20answers
17k views

Toilet flush buttons

This question has been bugging me ever since I've started learning usability. I am talking about the two buttons for the flush : Full and half container. On one hand, the button shape has to ...
91
votes
8answers
10k 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 ...
83
votes
9answers
10k views

Why is the “Record” icon always round and usually red?

I've been wondering why the symbol for 'record' is universally (AFAIK - has anyone seen exceptions?) a circle and usually red. Cameras, VCRs, voice recorders, smartphones, web apps... I've seen cases ...
79
votes
12answers
11k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
72
votes
10answers
12k 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 ...
71
votes
10answers
8k views

“New” vs. “Create”

For buttons that initiate some content creation interaction, which label is better: "New X" or "Create X"? Are there specific uses that in which one is better than the other?
69
votes
16answers
11k 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.
68
votes
29answers
5k views

Examples of placebos in UI design?

This is purely a curiosity question but one I thought would be a bit interesting. Is anyone aware of placebos in use on popular web sites or applications? Either intentionally or unintentionally? ...
59
votes
9answers
18k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
58
votes
11answers
7k 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 ?
57
votes
10answers
14k 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 ...
56
votes
12answers
17k views

Why did early telephones use a rotary dial instead of 10 individual buttons?

I was watching a video of little kids trying to figure out how to use a rotary phone, and it was not immediately clear to any of them how the rotary mechanism was supposed to work. That got me ...
53
votes
11answers
6k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
50
votes
6answers
64k 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, ...
48
votes
9answers
5k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
47
votes
9answers
7k views

Is there a universally recognizable “Download” button?

I was trying to download software from a website below (I white-outed the software name, etc.): At first, I couldn't figure out which was the download button. The first button up top was painfully ...
45
votes
6answers
3k 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" ...
45
votes
11answers
9k 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 ...
43
votes
21answers
4k 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 ...
42
votes
2answers
3k views

Why don't ATMs show blank arrows for unused buttons? [closed]

Have you ever had trouble lining the arrows up with the correct button on ATM consoles and other similar interfaces? Height of user can affect perceived alignment, as well as poor installation or ...
41
votes
12answers
11k views

What are the differences between buttons and links?

What are the differences between buttons and links?
41
votes
3answers
13k 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? ...
41
votes
7answers
9k 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 ...
39
votes
2answers
3k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
37
votes
11answers
4k views

Can an OK button do nothing?

I guess the answer is probably "just be consistent" but if not I could use some fodder for arguments for and against. Here's the scenario A dialog box with a list of things to choose Something ...
37
votes
20answers
6k views

Button for “Play, but from beginning” for a scrubber UX

I have a typical video-editing like timeline, there's the usual Play and Pause buttons: right arrow, and two-bars. -----------------|----------- > || However, I want to have a "Play, but from ...
37
votes
5answers
3k views

why are circular buttons in software/websites so rarely used?

Why are circular buttons in software/websites so rarely used? Is it purely convention or are there usability reasons behind this?
36
votes
15answers
8k 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 ...
36
votes
6answers
23k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
35
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. ...
35
votes
10answers
22k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
35
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 ...
34
votes
7answers
6k views

How to make irregularly shaped objects / elements look clickable?

On our homepage, we have these irregularly shaped elements that are clickable above the fold (actual images are not cats, just for demo): http://codepen.io/aguerrero/pen/pgvJoa And this is how it's ...
33
votes
10answers
6k views

Should I avoid using “abort” in favor of its synonyms?

I've heard that the term "abort" could have a negative meaning in some contexts (i.e. due to abortion-related issues), and for that reason it was avoided in some interfaces of the 80's/90's, probably ...
31
votes
6answers
2k 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. ...
30
votes
7answers
10k views

Do I really need a button?

I have a slider - it's actually 2 jquery slider bars where the user can select 2 values, then press a button to go to the next page. The question is do I really need a button or is it just taking up ...
30
votes
5answers
16k views

Do material design's floating action buttons provide a bad UX?

Google's material design largely focuses on clean visuals and a good user experience, but there is one feature that I have questioned: floating action buttons. This is a large button that appears in ...
29
votes
12answers
7k views

Why don't mobile apps have a 'close' button?

I'm a fairly new user of Android and i'm annoyed by the fact that almost all apps lack a "close" button. Is there any reason why developers don't make such an option?
28
votes
9answers
15k views

Documentation - do we “Click”, “Push”, “Press” or “Select” a button on a touch-screen interface

I'm writing some documentation for a web-based application that will run on Android tablets at the factory at which I am employed. I am having trouble wording the steps where the users must interact ...
28
votes
3answers
2k views

More clicks while using “Noun” or “Verb” for actions?

“Sign up” or “Membership”? “Donate Now” or “Donations”? You can create an action button with verb or a noun. Is there any recommendation for increasing the click-rates? Which one is better than the ...
27
votes
7answers
1k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the ...
27
votes
6answers
3k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
25
votes
10answers
17k 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 ...