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)

9
votes
8answers
613 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
6answers
466 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
718 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
4answers
1k 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
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
346 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
650 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
562 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
222 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
307 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
539 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
610 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
923 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
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
478 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
662 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
5answers
505 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 ...
8
votes
4answers
534 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
288 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
342 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
583 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.
8
votes
5answers
551 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 ...
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
678 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
349 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
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 ...
8
votes
5answers
290 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
926 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
403 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
200 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
241 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
496 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
239 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
523 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
654 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
320 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
4answers
4k 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 ...
7
votes
3answers
860 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
211 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
4answers
187 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 ...
7
votes
7answers
435 views

How would you handle two separate “save” buttons for different sections on the same page?

I notice on this particular page in Basecamp that they have two different buttons that are meant to save changes to two different sections. One section is above the fold and clearly has a "save ...
7
votes
2answers
375 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
485 views

How do you show non-affordance?

There is a tendency to use badges or status images to show information, but very often these badges look like other items which you interact with, such as buttons. There is a lot of information on ...
7
votes
3answers
190 views

Fit buttons next to textbox on a widget

I'm designing a widget to select names, and move them to two different fields. The left list will display all available names. On the right we'll have two fields: a textbox and another list. User can ...
7
votes
4answers
446 views

Should I add a floating, fixed feedback button on the pages of my website?

I would like to add a Feedback feature to my website. Should I add it as a floating,fixed button on the side? Is that considered something users are annoyed by? If I shouldn't, which method is ...
7
votes
1answer
149 views

Saving: Global save vs Sectional save vs Item save vs Instant save

I have been modifying my Facebook and Gmail account settings when I come across several types of saving strategies. Take for example, at the time of this writing, Facebook: Instant save - saves upon ...
7
votes
2answers
184 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...