Questions tagged [buttons]

Buttons allow users to directly trigger an action or activity in a software solution, and is a concept borrowed from its physical counterpart in its digital design. 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
565 votes
24 answers
140k 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 ...
Michael Brown's user avatar
410 votes
24 answers
189k 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?
Art's user avatar
  • 4,503
345 votes
14 answers
91k 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 ...
laurent's user avatar
  • 3,502
68 votes
5 answers
55k 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 ...
Michael Lai's user avatar
  • 27.1k
57 votes
15 answers
26k views

What are the differences between buttons and links?

What are the differences between buttons and links?
user avatar
86 votes
12 answers
27k 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 ...
JoJo's user avatar
  • 10.9k
66 votes
10 answers
25k 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 ...
809 votes
17 answers
159k 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 it.. Context Before deleting an album, the user is asked ...
Diéssica's user avatar
  • 5,239
496 votes
23 answers
46k 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 ...
Mashhoor's user avatar
  • 5,797
79 votes
8 answers
23k 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: Manage my Account Delete my Account Sentence case: Manage my account ...
greenforest's user avatar
  • 8,786
61 votes
11 answers
53k 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 ...
Taj Moore's user avatar
  • 9,307
68 votes
29 answers
8k 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? ...
DA01's user avatar
  • 41.8k
48 votes
3 answers
19k 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? ...
Ivan Maeder's user avatar
84 votes
16 answers
20k 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.
googletorp's user avatar
  • 2,327
48 votes
17 answers
16k 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 consistent look across my ...
Jouke van der Maas's user avatar
12 votes
1 answer
7k views

Is the browser back button still the second most used navigation feature?

In 1999 Jakob Nielsen stated that "the Back button is the lifeline of the Web user and the second-most used navigation feature (after following hypertext links)". But the web has evolved since then, ...
Benny Skogberg's user avatar
11 votes
4 answers
19k 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 close ...
bigblind's user avatar
  • 683
28 votes
5 answers
11k 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 ...
anthonyryan1's user avatar
  • 1,034
16 votes
4 answers
5k 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 ...
Uwe Keim's user avatar
  • 2,979
51 votes
6 answers
5k 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 ...
Thomas Clayson's user avatar
36 votes
6 answers
3k 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. ...
Bennett McElwee's user avatar
30 votes
11 answers
4k 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 ...
Allan Caeg's user avatar
  • 3,485
18 votes
13 answers
3k 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 ...
Willbill's user avatar
  • 283
17 votes
8 answers
16k 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/...
gstern1994's user avatar
16 votes
6 answers
17k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no mention ...
Sebastian Negraszus's user avatar
12 votes
3 answers
2k 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 ...
Benny Skogberg's user avatar
9 votes
3 answers
966 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 (...
lamostreta's user avatar
6 votes
9 answers
1k 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 ...
rbwhitaker's user avatar
109 votes
12 answers
35k 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 to the ...
JonW's user avatar
  • 37.4k
108 votes
13 answers
36k 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?
Mohamad Jamal Ramadan's user avatar
107 votes
11 answers
72k 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 ...
Kevin Burke's user avatar
  • 2,377
83 votes
8 answers
99k 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, ...
JoJo's user avatar
  • 10.9k
58 votes
6 answers
30k 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 ...
Hayden Schiff's user avatar
48 votes
5 answers
40k views

Do disabled buttons still need to be contrast compliant for accessibility?

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
JonW's user avatar
  • 37.4k
41 votes
9 answers
53k 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 ...
eidsonator's user avatar
34 votes
9 answers
11k 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 [email protected] Desc 1 Edit Export ...
catandmouse's user avatar
  • 4,278
24 votes
5 answers
5k views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
General_Twyckenham's user avatar
24 votes
5 answers
10k 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 ...
Allan Caeg's user avatar
  • 3,485
17 votes
6 answers
11k 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 ...
abisson's user avatar
  • 273
16 votes
5 answers
9k 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 ...
benb's user avatar
  • 706
16 votes
2 answers
11k 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 ...
ubershmekel's user avatar
14 votes
4 answers
5k views

Whether to use pointer (hand) over a button or just the default cursor

Gmail uses the pointer on mouse over of a button, while many of other websites uses a hand So I am wondering which kind of cursor is more friendly to users (on web applications), or it just doesn't ...
Angus's user avatar
  • 143
12 votes
4 answers
1k views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
neoneye's user avatar
  • 921
9 votes
5 answers
2k 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.
igor's user avatar
  • 2,533
6 votes
5 answers
15k views

What is better for UX - hiding or disabling irrelevant buttons

This question follows on from my last question here. Is there a commonly accepted wisdom on how to deal with buttons that are not always relevant. The two possible routes and the issues I see with ...
DroidOS's user avatar
  • 485
6 votes
4 answers
7k views

Position of 'save' button in content management systems

What is the best position of a 'save'-button in a content management system form? I'm working on a project that's largely content-based. The users of my system will mainly be adding or editing ...
Nick Groeneveld's user avatar
4 votes
2 answers
2k views

Toggle Switch with Delayed State Change

As seen in the very popular answer:"Should a toggle button show its current state or the state to which it will change?", we have very good guidelines for implementing toggle buttons. Unfortunately, ...
Nicholas Miller's user avatar
4 votes
1 answer
289 views

How present only two buttons on a tablet screen [closed]

My application has need of only two button with around 15 characters for each, on the main screen. The problem is the screen is large on tablet. How can I present these two button ?
Anthony's user avatar
  • 389
107 votes
9 answers
23k views

What reason could Nintendo have had for putting the A and B buttons in a non-alphabetical order?

When Nintendo brought out its 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 B ...
Urbycoz's user avatar
  • 3,034
96 votes
12 answers
18k 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?
Yosef Waysman's user avatar

1
2 3 4 5