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
4answers
813 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
5answers
992 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
3k 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 ...
8
votes
5answers
1k views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
7
votes
2answers
903 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
2answers
223 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 ...
6
votes
7answers
6k views

The logic behind having an OK button and Apply button

Moving back to desktop land after being drunk with mobile interfaces, desktop dialogs almost always have these three buttons: OK Apply Cancel A close button. This pattern seems to occur on both ...
5
votes
2answers
526 views

Origin of “big green button”?

I found meme about big green button. When people visit download sites (like software directories, file hosting sites, torrents, etc) after completing reading page title and deciding to download they ...
5
votes
3answers
454 views

When to include an Apply button?

In a dialogue box, when do you use an Apply button? Is it correct to assume that the Apply button will only save the changes without closing the dialogue? Does it represent an advantage? Why is ...
5
votes
1answer
519 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
3
votes
3answers
656 views

Pricing page: single vs multiple call-to-action button with multiple plans (example inside)

What do you think about having single vs multiple call-to-action buttons? When we were brainstorming our pricing page, half of the room was for single and the other half was for multiple. I'm trying ...
3
votes
6answers
1k views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The three states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
0
votes
2answers
119 views

Appropriate label for a button that takes a user to an item?

I have a simple setup for this scenario... A page that lists all "playing seasons". Each season in the list has two buttons on the far right, an "Open" and a "Delete" button The "Open" button takes ...
12
votes
3answers
2k views

Should a “view more” button move down when the pane expands?

On a website I have a pane that can be expanded to show additional information. The "show more" button (red square 3) turns into a "show less" button when expanding it. What results in better UX? The ...
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?
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
6answers
586 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?
7
votes
2answers
617 views

Modal window action buttons, top or bottom

Scenario: File upload process for a website on desktop(not mobile) launches a modal window. Question: Would it be better to place action buttons at the top or at the bottom of the window. Pros & ...
7
votes
5answers
470 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
2k 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, ...
6
votes
4answers
374 views

Should a delete action's “undo” be underneath the “delete”?

Take for example this button: _________ / \ | Trash | \_________/ Which when clicked, becomes this: _________ ...
6
votes
3answers
327 views

Showing the status of an action on a button

I have an application that can synchronize content between a website and a social network. with a button you can turn on and off the synchronization. the user needs to see the status (sync on or off) ...
6
votes
5answers
228 views

Choosing between a default option and an occasional alternative action

I have an Outlook macro at work which pops up a panel every time you send an email, asking whether you'd like to file that email into various public folders. This is useful and we use it all the time ...
6
votes
6answers
2k views

Would putting a submit button at the top of a long form be usable?

I have a form with 3 long columns of checkboxes where the user needs to check whatever options she/he needs. Sortening the amount of checkboxes is not an option Im afraid. Our users are mostly in the ...
5
votes
2answers
311 views

One button or two?

I've got a web app where users can create two different kinds of similar things and I'm trying to decide whether to have two buttons, or one button and then present a choice as part of the resulting ...
4
votes
1answer
391 views

Mixing flip-flop/toggles and binary state buttons

I'm facing a rather curious predicament. I'm working on a page with two columns. The one column has a list of actions that are essentially just things that run when clicked (so they've been grouped ...
4
votes
4answers
639 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
4
votes
2answers
198 views

Symbol for long touch button?

Long touch has become a common input action on touch devices. Does anyone know of any sign or symbol that means "this only responds to long touch?" On all the long touch uses I've seen you have to ...
4
votes
3answers
294 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
4
votes
4answers
608 views

Is a cancel button really needed in a form in a page?

I have a form, which is on a page of its own - it's a huge one, and one of the internal reviewers recommended to add a cancel button to it. I am just trying to figure out if a cancel button is ...
4
votes
2answers
2k views

Form design and placement of action buttons

This question involves a data entry form in a web application. The form will be used in a desktop environment only; there's no need to account for mobile. A single user of this web app could be ...
3
votes
2answers
2k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
3
votes
2answers
830 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
2
votes
3answers
267 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
2
votes
2answers
820 views

Fixed/floating button on mobile app

We're developing a new mobile app for premium users. It is basically a content reading app. The content will be updated periodically; we have 3 fixed "topics". These topics are going to be updated ...
2
votes
2answers
212 views

Two buttons next to each other in a mobile navbar

I have a UX issue which would be simpler to solve if I had to buttons next to each other in the navbar for a mobile device. In the images below I'm referring to the buttons marked 1 and 2. 2 Will in ...
2
votes
0answers
223 views

Are “reset” buttons redundant? [duplicate]

Possible Duplicate: Is a cancel button necessary in a web form? Are form "reset" buttons redundant? If not, why not? Give me a case where they are completey accepted, useful and maybe even ...
1
vote
2answers
1k views

Radio buttons or Toggle switch for one out of two options?

I am a bit confused on what should be used when you have to select one option out of the two possible options. Working on a touch screen interface For ex 1- Selecting a Tax type in a retail store, ...
1
vote
3answers
185 views

Button labels on modals: consistency argument versus UX

I'm having an internal argument with product manager on something. We've a number of modals used in our product & designing more. Her argument: Name all buttons on modals the same e.g. 'OK' or ...
1
vote
4answers
2k views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
1
vote
1answer
645 views

What toggle button should represent - state or action? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I know there was similar question to mine already, but I have something new to ask. I ...
1
vote
2answers
2k views

Using the “X” as a close button vs a button labeled “close window” [duplicate]

Possible Duplicate: Closing modal dialogs I'm developing a flash application that has buttons that popup a window with more text, and information when they click it. This happens throughout ...
0
votes
2answers
58 views

Giving positive/negative connotation to two textual options/buttons

I'm developing an "photo editor'ish" mobile application. After the user has finished processing their photo (such as choosing filters, shape, etc), the user should save the outcome to their camera ...