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)

12
votes
2answers
618 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 ...
5
votes
9answers
359 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 ...
8
votes
5answers
843 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.
6
votes
3answers
824 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 ...
5
votes
3answers
246 views

Is perpetually animating a button an acceptable method for indicating that it has been activated?

I work alongside a client and another designer. We currently have menus that open via button taps. After tapping the buttons, the client and other designer have decided that said buttons should ...
5
votes
2answers
400 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 ...
3
votes
3answers
777 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 ?
124
votes
5answers
14k 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 ...
101
votes
20answers
16k 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 ...
37
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 ...
46
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 ...
21
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 ...
23
votes
6answers
2k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
82
votes
9answers
9k 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 ...
44
votes
11answers
8k 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 ...
41
votes
21answers
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 ...
29
votes
5answers
15k 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 ...
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 ...
23
votes
6answers
2k views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...
21
votes
4answers
2k views

When is red the right color for a button?

After reading this question about Big Bad Red buttons, where it was generally agreed upon that red buttons draw the user to click, I was left thinking: then when are they good affordance and ...
20
votes
5answers
2k 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
2k views

Is it a bad idea to use grey buttons?

Our design team is thinking of using grey secondary buttons on our site. I'm concerned they may appear to be disabled to our users (especially when used with the primary orange buttons). There is a ...
28
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?
11
votes
4answers
4k 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 ...
17
votes
7answers
4k views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
11
votes
8answers
1k 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 ...
22
votes
2answers
772 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 ...
18
votes
2answers
2k 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 ...
13
votes
8answers
4k views

What is the best way to show my users that buttons in the same line have different functionality?

I have four buttons on my interface that all look the same but don't all act the same. They are laid out like the example below. download bmml source – Wireframes created with Balsamiq ...
13
votes
5answers
2k 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 ...
12
votes
3answers
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 ...
11
votes
2answers
2k 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 ...
10
votes
3answers
2k 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 ...
10
votes
6answers
600 views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...
9
votes
6answers
3k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
2
votes
2answers
209 views

Social rating tool

I'm thinking of adding a like/favourite feature on my project but I'm currently finding it hard to choose a suitable social rating tool. I've spent days trying to think of an innovative rating tool, ...
18
votes
11answers
3k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
15
votes
7answers
2k views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
12
votes
4answers
1k 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. ...
10
votes
5answers
16k views

Which “Facebook Connect” or “Facebook Login” buttons are most effective? (Data wanted)

Many sites use Facebook Login, aka Facebook Connect, Connect with Facebook, Login with Facebook, and whole host of synonyms. Facebook gives an official button to use, yet I see many variations across ...
6
votes
2answers
2k views

Buttons placement convention in Android

Is there any convention of placing positive buttons on the right and negative on the left in Android. I know for dialog boxes this is preferred as opposed to this because its more intuitive But ...
6
votes
7answers
2k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
5
votes
5answers
577 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
5
votes
3answers
2k views

How to indicate this button/link opens a new tab

This isn't involving external links, but rather within a "single page app", we have some report buttons that should logically open their report in another tab (for printing, different layout, etc...) ...
2
votes
4answers
109 views

Support consistency or primary user journey?

Here's my question. Should a button with an important action such as "Preview" always have the same visual appearance and poisitioning or should it change according to the primary user journey? ...
14
votes
6answers
3k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
11
votes
4answers
407 views

Is it better to use a positive or a negative command for a button, checkbox, etc.?

I have some checkboxes that should include/exclude some content on some reports. But I am not sure if I should use: Include all items or Exclude unused items for the text of the checkbox. What ...
11
votes
8answers
393 views

A button with a link: understandable or confusing?

I'm working on a design of a touchscreen version of some web application. Since it's a touchscreen I would like all clickable elements to be rather big and easy to tap (it's a simple kiosk, so ...
11
votes
3answers
1k 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 ...
10
votes
3answers
945 views

Why did they use two-stage social media sharing buttons?

I recently visited a seemingly fairly reputable web site and was astonished to see their implementation of a two-stage trigger for their social media buttons: (The text appears when you hover over ...