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.
12
votes
5answers
1k views
Are Flat Buttons Unusable?
What is your experience with the usability of flat buttons? The common critique against those buttons is that people can't distinguish them, and they only look like headlines with a background. But ...
12
votes
2answers
443 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
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
6answers
777 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
663 views
Why is the “dislike” button going into extinction?
I've noticed that Facebook and now Google+ only have a "Like" (or +1) button, in spite of users wanting a "Dislike" button. This seems to be a bit of trend. Disqus also dropped their dislike vote - ...
11
votes
5answers
320 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
9answers
1k 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
8answers
233 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
5answers
669 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 ...
11
votes
2answers
233 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 ...
11
votes
3answers
255 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
4answers
1k views
Is there a recommended location for a submit button in relation to a cancel on the web?
On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
11
votes
4answers
650 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.
...
11
votes
6answers
440 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 different ...
10
votes
7answers
678 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
1k views
Which is a good color for a pause button?
We have an application with a built-in stopwatch.
If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
10
votes
5answers
7k 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
7answers
248 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. ...
10
votes
4answers
281 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 ...
10
votes
7answers
650 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 ...
10
votes
4answers
942 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 ...
10
votes
2answers
348 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
450 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
3answers
932 views
Should we use 'Title Case' or 'Sentence case' for headlines and buttons on the web?
I am wondering if we should use Title Case or Sentence case for buttons and headings and the web?
Title Case:
Sentence Case:
In Yahoo's UI guidelines I couldn't find ...
10
votes
3answers
938 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
6answers
486 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
2answers
437 views
Is there a 'science' to what colors to use on primary 'call-to-action' buttons?
I was wondering what research I can find on what colors to use for primary 'call-to-action' buttons. I know the size of the button and the contrast it has in relation to its background play a big ...
10
votes
1answer
247 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 ...
9
votes
6answers
2k 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 ...
9
votes
8answers
549 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 ...
9
votes
4answers
727 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 ...
9
votes
4answers
216 views
What do you think is a better label “New” or “Add”
At the moment I am building a web application that stores a lot of data inside of tables. In each of the pages containing the tables the users have many actions; they can add, delete, or edit the ...
9
votes
5answers
502 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 ...
9
votes
5answers
229 views
Is consistent button positioning more important than having large buttons?
In our kiosk app, the buttons to proceed are placed on the right of each screen.
In one of our input screens, the designer doesn't have enough space to place the button on the right while keeping the ...
9
votes
4answers
362 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 ...
9
votes
4answers
461 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 ...
8
votes
8answers
1k views
Why can't I use glass buttons?
I'm prototyping a new form, and it's got the 'glass' buttons on it. Several colleagues freaked out and went on rants about glass buttons being the ultimate evil.
Objectively speaking, what's wrong ...
8
votes
8answers
942 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 ...
8
votes
3answers
576 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 ...
8
votes
9answers
3k 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 ...
8
votes
4answers
441 views
What is the name of this combined button/popupbutton?
This button is in the new Firefox, but what is the name of it?
8
votes
6answers
395 views
Should I style my buttons?
Are there any major advantages / disadvantages in styling ones buttons like Facebook, Twitter and StackExchange - vs. not styling them like Craigslist and 4chan?
8
votes
3answers
487 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 ...
8
votes
6answers
1k 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 ...
8
votes
4answers
266 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
8
votes
3answers
695 views
The missing “Folder Up” button in Windows Explorer in Vista and Win7
Windows XP had a "Folder Up" button in Windows Explorer. Whenever you want to go to a directory higher in the hierarchy, you just press it.
Windows Vista and Windows 7 have a rather useful address ...
8
votes
5answers
578 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.
8
votes
4answers
331 views
How long should a press-and-hold-button action be?
How long should a button need to be pushed in order to indicate "this is a press and hold action rather than a simple press"?
E.g., to unlock the OSD of my Dell monitor, I have to
Press and hold ...
8
votes
5answers
197 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, ...
8
votes
3answers
275 views
App icons borderless or on a button?
In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
