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)

7
votes
2answers
945 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
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 ...
7
votes
2answers
224 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 ...
5
votes
3answers
465 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
522 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 ...
5
votes
2answers
529 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 ...
3
votes
3answers
670 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
120 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
595 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
5answers
474 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, ...
7
votes
2answers
623 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 & ...
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 ...
6
votes
4answers
388 views

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

Take for example this button: _________ / \ | Trash | \_________/ Which when clicked, becomes this: _________ ...
6
votes
5answers
231 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
3answers
331 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) ...
5
votes
2answers
423 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
5
votes
2answers
312 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
4answers
647 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
1answer
408 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
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
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 ...
4
votes
4answers
642 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
3answers
295 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 ...
3
votes
2answers
3k 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
911 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 ...
3
votes
5answers
649 views

What is the Button's Unpressed and Unhovered State Called?

What is the proper name of the state for a button that is not hovered and not pressed? I need it to properly describe this state in the code comments, named constants, etc. I first used the word "...
2
votes
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, ...
2
votes
3answers
270 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
3answers
205 views

Focus state for Split Button?

What will be the action if the "Tab" key is focused on the split button? a. both the "A" & "B" gets focused. b. "A" gets focused first and "B" get focused on next "Tab". c. only the "A" get ...
2
votes
0answers
224 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 ...
2
votes
2answers
214 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
2answers
833 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 ...
1
vote
2answers
198 views

Button positioning for Negative, Neutral and Positive actions

I'm in the process of putting together a style guide for a web application, in particular, a section about buttons (it's visual weight, position and labelling). I'm almost there, I've done a lot of ...
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 ...
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
3answers
191 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
1answer
661 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 ...
0
votes
2answers
62 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 ...