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
2answers
878 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.
10
votes
2answers
398 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
721 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
549 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
270 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
633 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
723 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
481 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
789 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
358 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
707 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
5answers
819 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
741 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
226 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
326 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
628 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
694 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
944 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
501 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
692 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
578 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
311 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
376 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
985 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
717 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
7answers
443 views

Must the buttons of a touch interface be round because of the shape of a finger?

On a touch device (tablet or smartphone for example), is it valid to say that the buttons must be round, because the end of my finger is round? More specifically, will the user understand more easily ...
8
votes
3answers
393 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 ...
8
votes
1answer
381 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 ...
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
411 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
206 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
344 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
251 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
526 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
2answers
1k 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 ...
7
votes
3answers
1k views

Do users notice “don't show this again” checkboxes?

In a shopping cart, items can have a discount, but if a users asks for an express delivery on a specific item, the discount will change. I need to make them aware of that. 1 item = 1 line. The ...
7
votes
3answers
254 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
2answers
412 views

What is the name of the button that lead to a login and register page (one page)?

I have a page that serve both login and register. I put the two form side by side (login form to the left, register form to the right). In menu header, there would normally be button that lead to ...
7
votes
5answers
370 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 ...