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 ...
12
votes
2answers
1k 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 ...
12
votes
3answers
2k views

Why is the close button in the title bar red in Windows 7?

Perhaps to prevent users from closing the window or application inadvertently? But is it also a distraction because the color of red stands out? Any insights?
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 ...
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. ...
12
votes
7answers
1k views

Best Practice for a button that performs multiple actions

Consider this scenario: A "Connect" button, which changes to a "Cancel" button when clicked. When the connection succeeds, it changes to a "Disconnect" button. Should this be handled with 3 ...
12
votes
5answers
385 views

Should a music player's previous button go back sequentially or by history?

I develop a music player for a living and I just encountered an interesting scenario. The scenario is this: 500 songs queued up to play. Song #1 is active and playing. You double-click on song ...
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 ...
11
votes
5answers
383 views

Button placement while others ones are invisible/disabled

I have a tool bar of buttons. The state changes every time user interact with it (fig. 1). Fig. 1 Sometimes application allows user to refresh view only, so other buttons are invisible (fig. 2). ...
11
votes
4answers
2k 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 ...
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
394 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
7answers
845 views

Why do modern smartphones featuring a touchscreen have several forward-facing buttons?

The iPhone has a touchscreen and one forward-facing button, which is sort of testament to Apple's design ethos of simplicity and aesthetics. But HTC devices tend to have several buttons, and my Nexus ...
11
votes
5answers
1k views

Volume controls: Why is left down and right up?

I see a lot of people discuss the order of buttons (e.g., should OK be on the left and cancel on the right? or submit button on the left or right?) but something that I wonder: Why do volume ...
11
votes
4answers
986 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 ...
11
votes
3answers
2k views

Inactive State of buttons, to hide or not to hide…that is the question

On a windows based LOB application for data capturing. Is it better to hide a button completely when it is inactive, or simply show a disabled state for the button.
11
votes
4answers
3k views

Which is better: Buy Now or Add To Cart as the label for a button in a shopping cart form?

I have a site that displays 3 major products and it all links to an external shopping cart which users will have to fill out a form to complete the order. Which label is better? "Add to Cart" or ...
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 ...
11
votes
4answers
2k views

Position of negative/positive buttons [duplicate]

Consider two buttons: - OK - Cancel Should the positive 'OK' button be placed on the right or left? Is there some rule or convention that needs to be followed in this case. Consider the following ...
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 ...
11
votes
3answers
2k views

Why not have the hamburger menu at the bottom?

Considering this : http://www.lukew.com/ff/entry.asp?1649 ... and considering that displays get bigger, I'm wondering why the hamburger menu isn't located at the bottom of the UI. Just like this ...
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 ...
11
votes
1answer
289 views

Improve affordance of “mark as answer” on StackExchange

It seems like many new users to StackExchange don't know that they should mark a response as the answer. I often see pissed off veterans shouting "you're not going to get any help if your accept rate ...
10
votes
12answers
3k views

Placement of “done” checkbox button

My team is having trouble deciding where to place a done checkbox. We have a website containing a collection of pages in a row from first page to last page. Each page can be a text or assignment. ...
10
votes
8answers
2k views

Where is the best position for CRUD button?

I was always confused position CRUD* buttons on my application. I see some applications, there are CRUD bottons on the right side, top or bottom. In your opinion, where is the suitable place for the ...
10
votes
7answers
927 views

How should I indicate an added row of buttons above the iPad's keyboard is scrollable?

In my iOS app, I have an extra toolbar that appears above the keyboard, using the same style of buttons as the keyboard. This toolbar is horizontally scrollable. Currently, in all devices and ...
10
votes
8answers
713 views

How can I distinguish two different types of buttons, without using labels everywhere?

I'm developing an application to count traffic at intersections. There will be two different types of buttons: one to count trucks ("lkw" is the german abbreviation for a truck) one to count cars ...
10
votes
6answers
6k 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 ...
10
votes
3answers
946 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 ...
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 ...
10
votes
5answers
1k views

Will removing the border & bevel on these buttons make them look un-buttonlike?

First: I'm not a designer by trade, but I do occasionally do design some things. A week ago I began writing an open-source, extremely small (960 bytes gzipped/minified!) CSS framework. Since then ...
10
votes
4answers
937 views

What's the best location for a Continue button on multi stage Mobile App?

My app has multiple pages, each page the user adds info and continues to the next page. Where is the best place for the Continue control? Bottom & Centered for hierarchy or top right for ...
10
votes
5answers
1k views

Replace radio-input with “buttons”? (web forms)

Is it good (or okay) UX to replace radio input fields with something that looks kinda different (please look at the image to see what I mean). I think most people will understand that they have to ...
10
votes
4answers
443 views

de-emphasizing cancel

Is it a good idea to de-emphasize the cancel button? download bmml source – Wireframes created with Balsamiq Mockups vs. download bmml source
10
votes
2answers
490 views

Proper term for conjoined choice buttons

I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this: _______________________________ ( ##EVERYONE##| FRIENDS | ...
10
votes
7answers
1k views

Ideal Donate Button Text for Nonprofit Website

What would be the ideal text for a donate button? My client would like to use "Give" as the button text, but should I urge for "Donate", as I feel this is more of the convention.
10
votes
5answers
235 views

Should we prioritize use or linguistic?

I've been working on a project, and I found an interesting dilemma. The application I'm working on has this filter, let's say something like this: By default, none of the "options" are selected, ...
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
3answers
586 views

Is the Floating Action Button going away

I am contemplating whether to use the material design Floating Action Button vs. Menu with different Action options and I noticed that Google in Google sheets, for example, has removed the button in ...
10
votes
1answer
2k 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, ...
10
votes
3answers
997 views

How to make “signing a contract” on a tablet feel serious and legally binding?

Is there any standard for accepting signatures inside an application? I want to write an android app for gathering clients and then having them sign contracts on the tablet device. Is just an "I ...
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 ...
10
votes
4answers
842 views

Best Place for a Back Button on a 7" Tablet Menu

I'm currently building the interface of an Android Tablet digital restaurant menu. The user is going to be able to navigate between categories and dishes lists and navigate back as well. I'm finding ...
10
votes
4answers
909 views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
10
votes
1answer
690 views

Has the ☰ (three horizontal bars) menu icon received much adoption outside of the western world?

A lot of web sites use to indicate a button that will trigger a navigation menu. It has, for example, been included in Twitter bootstrap (which is used at over a million sites). It is also used to ...
9
votes
5answers
1k views

Should I show the “Save” button before the required state is achieved

In our web application, to save a transaction (such as an invoice) the user must select the contact's name and add at least one item to the grid. Presently, the save button shows before these actions ...
9
votes
5answers
2k views

Upvote / Downvote Button order

I'm currently designing a website for my school, where you can rate images. Under each image, there is a comment button, a share button and the two up- / downvote button. Now I need to place these ...
9
votes
2answers
2k views

How to know what should be a button and what should be a link? [duplicate]

I implemented a webpage that in practice was a dead end and it just said "Your registration is complete. Please press the button to go back." and there was a button to go back to the page from where ...
9
votes
7answers
956 views

Is it wrong to have your primary actions in red?

We're using red as the colour for primary Actions. This can be in the form of a button. In terms of usability, what are the downsides. Are there any upsides at all? An example for using red coloured ...
9
votes
4answers
779 views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?