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
499 votes
24 answers
99k 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 ...
user avatar
399 votes
23 answers
164k 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?
user avatar
  • 4,393
338 votes
14 answers
86k 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 ...
user avatar
  • 3,431
65 votes
5 answers
53k 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 ...
user avatar
  • 25.5k
55 votes
15 answers
25k views

What are the differences between buttons and links?

What are the differences between buttons and links?
user avatar
85 votes
12 answers
26k 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 ...
user avatar
  • 10.7k
65 votes
10 answers
24k 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 ...
806 votes
17 answers
150k 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 ...
user avatar
  • 5,189
490 votes
23 answers
45k 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 ...
user avatar
  • 5,737
57 votes
11 answers
47k 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 ...
user avatar
  • 9,197
72 votes
8 answers
21k 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 ...
user avatar
  • 8,656
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? ...
user avatar
  • 41.6k
47 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? ...
user avatar
82 votes
16 answers
18k 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.
user avatar
  • 2,277
46 votes
17 answers
15k 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 ...
user avatar
11 votes
4 answers
17k 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 ...
user avatar
  • 641
12 votes
1 answer
6k 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, ...
user avatar
27 votes
5 answers
9k 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 ...
user avatar
  • 1,024
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 ...
user avatar
  • 2,959
50 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 ...
user avatar
17 votes
8 answers
15k 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/...
user avatar
34 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. ...
user avatar
30 votes
10 answers
25k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
user avatar
15 votes
5 answers
16k 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 ...
user avatar
30 votes
11 answers
3k 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 ...
user avatar
  • 3,475
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 ...
user avatar
9 votes
3 answers
903 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 (...
user avatar
6 votes
9 answers
916 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 ...
user avatar
15 votes
2 answers
786 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 ...
user avatar
  • 913
109 votes
12 answers
33k 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 ...
user avatar
  • 36.9k
103 votes
11 answers
63k 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 ...
user avatar
  • 2,287
78 votes
7 answers
95k 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, ...
user avatar
  • 10.7k
46 votes
4 answers
32k 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 ...
user avatar
  • 36.9k
56 votes
6 answers
29k 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 ...
user avatar
34 votes
9 answers
10k 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 ...
user avatar
  • 4,188
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, ...
user avatar
17 votes
12 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 ...
user avatar
  • 273
24 votes
5 answers
8k 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 ...
user avatar
  • 3,475
14 votes
2 answers
9k 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 ...
user avatar
5 votes
4 answers
4k 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 ...
user avatar
17 votes
6 answers
9k 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 ...
user avatar
  • 273
16 votes
5 answers
8k 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 ...
user avatar
  • 706
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?
user avatar
  • 901
13 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 ...
user avatar
  • 133
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.
user avatar
  • 2,503
4 votes
1 answer
273 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 ?
user avatar
  • 389
91 votes
12 answers
16k 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?
user avatar
49 votes
10 answers
41k 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 ...
user avatar
105 votes
9 answers
21k 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 ...
user avatar
  • 2,994
67 votes
11 answers
16k 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 ?
user avatar
  • 2,994

1
2 3 4 5