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)

10
votes
7answers
695 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
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
6answers
541 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
1answer
268 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
4answers
596 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 ...
9
votes
7answers
687 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
6answers
477 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?
9
votes
3answers
771 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 ...
9
votes
6answers
2k 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 ...
9
votes
2answers
354 views

Color of “Download application” button

We have mobile applications both for iOS and Android. There also is the site, supporting the application. We have put 2 buttons on our site for downloading application. We did like it usually is done: ...
9
votes
5answers
647 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 ...
9
votes
2answers
758 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.
9
votes
5answers
748 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
685 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 ...
9
votes
5answers
224 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, ...
9
votes
5answers
318 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
3answers
1k 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 ...
9
votes
4answers
593 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
2answers
665 views

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

Is there any standard for accepting signatures inside an application? I wan't to write an android app for gathering clients and then having them sign contracts on the tablet device, but is just an i ...
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
5answers
939 views

Is there a button configuration that would imply 2 or more options to the user?

My datagrid displays both wagons and locomotives tracked on a network. I find that I am often filtering out one of those types to display just the other and I would like to supply a wagon and a ...
8
votes
5answers
1k 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 ...
8
votes
8answers
1k 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
4answers
493 views

Not known - Yes - No Buttons

Imagine a form with a list of items (facilities - toilets, showers, etc.) where for each of them user can select whether the item exists (Yes), doesn't exist (No) or it's not known whether it exists ...
8
votes
3answers
687 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
4answers
558 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
4answers
308 views

Actionable form element size

I am not a UI designer by any means. I have noticed in the last year or two that important buttons/links...etc on many websites now have very big click zones. I must say that I appreciate it, as ...
8
votes
4answers
366 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
2answers
952 views

Should all links on a website be the same color?

I'm not a web designer and would like to know about link and button colors. About links Should all links be the same color, knowing that sometimes the background has different color so the links are ...
8
votes
4answers
5k views

Why did Google opt-out of hardware buttons for Nexus devices?

Are there any real UX reasons to remove hardware buttons from Android Nexus devices? In above Nexus 4 the bottom part is wasted space - won't adding buttons like menu/back/home make it more ...
8
votes
3answers
1k 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
701 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
3answers
376 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 ...
8
votes
5answers
292 views

Is it a good idea to put the word “or” between buttons on a screen

If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
7
votes
5answers
1k views

Why are icons on mobile phone menu screens square or rectangular but not circular?

If you take a look at the app page of any mobile OS, for example iOS, Android, Ubuntu, Win8, BADA, etc., they all have square icons, either with rounded corner or sharp corners (shown in the first ...
7
votes
6answers
406 views

other wording for a Select button?

I have multiple Select buttons next to player's names in order for a user to choose which player they want in a game. A user can't just click on a player's name because that gives additional stats, ...
7
votes
6answers
203 views

Hiding information when a user has expressed a reason for visiting a website

In the process of implementing an registration page that will be seen by two types of users (those registering to buy from the site, and those registering to sell on the site). The current ...
7
votes
3answers
1k views

Toggle button for actions

In our web application, we have a list of items for which multiple actions can be scheduled. If an action is available but not selected, it is displayed as a gray button. When the user clicks on it, ...
7
votes
4answers
300 views

How can we clarify that our giant red button just opens the door and is safe to press?

Our office front doors use an electronic lock to enter and exit (but can also be opened using a key). To open the door from the inside, you need to press a giant unmarked red button to the right of ...
7
votes
4answers
247 views

Where to place controls on a tree/list

I have a chronological list of items. The user can operate on these items with three actions. So each row has three actions (or buttons for example). My dilemma is thus: Having three buttons on ...
7
votes
3answers
2k views

What is the ideal height of a button in regular desktop applications?

On most GUI creator (I just checked Qt Creator and Flex Builder), it seems the default button height is about 22 pixels. This is what I use for most desktop applications I create except those I make ...
7
votes
3answers
521 views

Two options, how to softly steer people in the preferred one

When you want to softly steer people into an option, do you place the preferred button left or right to the other one? More Details Specifically it is about registering with a Facebook account, or ...
7
votes
3answers
249 views

Similar buttons for very different actions in Gmail

I noticed that Gmail's conversation interface has a bent arrow icon for back-to-inbox and a very similar button for reply. Below is an image of the interface with the two buttons highlighted in ...
7
votes
4answers
555 views

Can a button be 'secondary' on one page but 'primary' on another?

For example, an "Edit" button. In most pages, it is a secondary button ("Submit" may be the primary one). But there can be a case where in "Edit" is primary action for the page. Is it good practice ...
7
votes
2answers
676 views

Max OS X Lion: Two Buttons “Highlighted” by Default—what?

I've noticed this in a lot of applications under Mac OS X Lion lately. For example: Pressing return is equivalent to pressing the button with the blue background, not the highlight. What's the ...
7
votes
5answers
361 views

Is it time to reevaluate what keys keyboards should have?

I just got my Google I/O Chromebook and one of the most interesting things about the keyboard layout is that certain keys have been replaced by Google with new ones that are more relevant for an ...
7
votes
3answers
920 views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
7
votes
3answers
237 views

When Back Button is Expected but Not Supported, The Least Invasive User Assistance?

Problem: I have a situation where in a browser-based web application the back button (and backspace key for that matter) cannot be supported or used. If it is used, the results can be unpredictable in ...
7
votes
3answers
511 views

When does a button hold “too many” words?

Background I came to ponder this question whilst mocking up a modal window for the application we're developing. I had trouble summarizing the semantic phrase: "Click here to get a list of all of the ...
7
votes
4answers
195 views

Is it a problem to have a link to 'View Your Basket' and 'Go To Checkout' that both go to the same place?

I have an eComm site i'm specing at the moment. When you add stuff to the basket the on-page basket at the top of the page will update to give you a running total with links to view the full basket as ...