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)

1
vote
2answers
35 views

How should multiple buttons wrap on different responsive breakpoints?

We are currently developing a Wordpress site that has a Shortcode button feature that allows the client to alter the text, URL link and colour of a button, also to add new buttons. The client is ...
3
votes
2answers
59 views

Matching Navigation Names to Page Titles?

Upon reading the "Navigation" chapter of Don't Make Me Think, I saw the point 'The name needs to match what I clicked.' Obviously, this is a book of guidelines and is not law, but I'm confused about ...
2
votes
1answer
623 views

combining cards UI and buttons

I am designing a application for android and have decided to go with the cards theme for the visual design. reasons being, that the information being presented fits the cards format: short bursts of ...
6
votes
6answers
178 views

What are some ways you can encourage people to read the Instructions?

We make educational software. Each Lesson has instructions. Sometimes the instructions are fairly obvious (Click the picture that matches the spoken word), sometimes they are more complicated : ...
18
votes
9answers
10k views

Submit Buttons on the Left or the Right?

We have been puzzling over where to put the submit button, on the left or the right. In researching, we noticed that many sites put buttons on the bottom right in dialogue boxes, and on the bottom ...
11
votes
4answers
1k views

Position of negative/positive buttons [duplicate]

Consider two buttons: - OK - Cancel Should the positive 'OK' button be placed on the right or left? Is there some rule or convention that needs to be followed in this case. Consider the following ...
1
vote
3answers
338 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
0
votes
2answers
94 views

Label for a button to kick work back to previous user

We have a process in which a piece of work needs to be submitted by one user, approved by a second user and finalised by a third. Either of the last two users can send the work back to the first for ...
2
votes
1answer
120 views

Show submit button only after the form has been validated?

I'm building a store-like site and users can publish their own ads and I was wondering if not showing the submit button until the form has been completeley validated is a good idea, for example if the ...
3
votes
1answer
116 views

Color/Shading Guidelines for Button States

Are there any rules of thumb or formulas for the different color shades when creating non-default buttons? Default buttons have 4 states, Enabled, Focused, Pressed, and Disabled. These all tend to ...
0
votes
2answers
32 views

Using only keyboard shortcuts (without button/menu counterparts)

I'm working on a webapp right now and the way I am designing the actions mainly utilizes keyboard and mouse combinations. Example, join two elements by [shift + click]ing them in order. Is this an ...
1
vote
1answer
39 views

Choose existing or creating new category

Our current implementation gives the user an option to select a category from a drop-down and to add new category. The problem is that this button under the drop-down does not work very well. 1) ...
-2
votes
3answers
85 views

Would you consider this button to represent that the device is currently on or off? [closed]

Would you consider this button to represent that the device is currently on or off? The opacity switches to the other button once it is tapped. I just want to make sure that the state is fairly clear. ...
25
votes
5answers
10k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
68
votes
12answers
5k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
6
votes
5answers
202 views

How should I handle buttons on larger screen mobile devices?

I am designing a responsive site that supports landscape orientation. My question is specific to button sizes. Usually on portrait mode, buttons stretch across the screen. For bigger smartphones ...
4
votes
5answers
300 views

How can users mark their lessons complete?

I have an internal LMS created and it is pretty open to any content type. More and more people are moving away from traditional SCORM/traditional e-learning and towards blended content. So now a ...
2
votes
2answers
893 views

Best place to put social sharing buttons

CONTEXT I'm designign the UX for the new website of a company that rents luxury venues for weddings. Primary target users are engaged women in Europe ad US, 30/40 years old, with higher education and ...
1
vote
1answer
437 views

Back button in Navigation Drawer on iOS?

Description: The Navigation Drawer pattern of Android fits my needs pretty good. The app includes several applications. Within applications there are several tabs and the user can open additional ...
7
votes
3answers
3k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no ...
9
votes
2answers
812 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
3answers
697 views

Browser extensions: page action or browser action?

I develop a Firefox and Chrome extension, and I'm adding a button. It seems like a page action (button in the address bar) is the "correct" choice, as opposed to a browser action (button on the ...
0
votes
1answer
24 views

What should be displayed when the user selects an overall category?

Background So I am working on a project for a client that has filters for different weather events. There are categories and sub categories (example below) Winter Snow Freezing Rain Sleet Slush ...
2
votes
3answers
63 views

Insurance company Call To Action “Buy online” vs “Get a free quote”

I'm currently working on the redesign of an insurance company website. So for the main call to action I use the copy "Get a free quote” With a link on the button to go to the online quote process with ...
3
votes
1answer
83 views

Indicate that a button doesn't take immediate action

Using a social network as an example, say I have a button called connect that ultimately sends out a friend request to another user. Clicking on this button then opens up a modal that asks for ...
11
votes
4answers
862 views

Original design choice of back and forward directions?

There are numerous of evidence around us where forward and backward directions are predetermined. As if they are a conscious choice we all know. At least this in true in left-to-right reading ...
24
votes
11answers
5k views

Why don't mobile apps have a 'close' button?

I'm a fairly new user of Android and i'm annoyed by the fact that almost all apps lack a "close" button. Is there any reason why developers don't make such an option?
1
vote
2answers
154 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
7
votes
6answers
1k views

Why electric car windows can be automatic for driver's window and manual for others?

I'm European and I don't understand the logic behind electric car windows commands. In a lot of cars, a driver can fully open the electric window on his side with a single push. But if he wants to ...
2
votes
6answers
2k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
2
votes
2answers
284 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 ...
0
votes
3answers
52 views

Which side should I put the close button on a window? [duplicate]

Is there any known preference for users between putting the "Close button" on the top right or top left of a window? Does it simply matter? Mac users should be used to the top left and windows' ones ...
1
vote
1answer
33 views

How to handle both go to cart and stay on catalog when ordering on e-commerce site

I work on an e-commerce site. Products are listed. There is an add to cart button for each item. Our customers use our software to sell products to their buyers. Some customers want to offer a button ...
0
votes
1answer
119 views

Using Image as button in Windows Form

I am making an application using Windows Form and it will be used on a tablet that mainly use touch/tap for input. Is it okay if I am using Image for buttons? Like using image for add, save, delete, ...
6
votes
2answers
537 views

Save & Continue Button

In the app I am working on the user is presented with a list of item on the left and a panel contained with input fields on the right. The user will navigate the list and edit pricing criteria for ...
4
votes
3answers
149 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
3
votes
2answers
167 views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
10
votes
3answers
860 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 ...
23
votes
2answers
1k views

Auto-creating new Items vs. “Add New” button

I'm iterating on a mortgage CRM system, which involves the broker providing previous incomes of the future home owner. Currently, the system "invisibly" provides a mechanism for creating new ...
1
vote
2answers
49 views

How to add UI elements that have a button which need a description and inform the user that steps will follow after clicking the button.

I have a button which requires a description. I currently have it as following But it looks unbalanced. Also this is not the final step of the procedure. I want the user to know that further steps ...
2
votes
1answer
85 views

How prominent should the deactivate account function be?

Our app allows users to interact with multiple accounts. When any one account has outlived it's usefulness, it can be deactivated. Although users can still navigate to deactivated accounts, most ...
2
votes
1answer
87 views

Should the 'back to top' button be used when infinite scrolling is implemented?

Infinite scrolling is becoming a popular design choice for many types of websites that focuses on the browsing rather than search behaviour. Does the use of back to the top actually support that ...
2
votes
3answers
132 views

Where is the best way to put the buttons? Left or right?

I am creating a panel but im not sure where is the correct place to put my buttons, either in the left or right, been trying to put it on the left but seems okay to look at, but not really sure.
1
vote
2answers
119 views

“Standard” or “best” UI element for “turn offline” and “turn online”?

We have a series of buttons in our administrative interface, for turning systems online or offline (context-sensitive). Currently these buttons are simply either blue "Online" buttons to bring a ...
38
votes
11answers
6k views

Why don't most elevator panels let you unselect?

We've all seen it in the movies where a kid will push all the buttons in an elevator. We've all likely done it - accidentally hit the wrong floor. There's no unselect after you select a floor in an ...
2
votes
2answers
108 views

How to avoid that “Path to Completion” results in “Previous” becoming the next logical action?

Here's my current situation: download bmml source – Wireframes created with Balsamiq Mockups It's a typical wizard that follows this Path to Completion advice. However, regardless of how ...
23
votes
6answers
1k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
2
votes
5answers
337 views

Is it acceptable to paste text automatically?

I have a mobile app with a new-data-object form where you enter an URL and some other (non-textual) settings. The most common way to enter the URL is to paste it from the address bar of the browser. ...
2
votes
4answers
182 views

Alternatives for preventing Accidental Touch Issues

Most of the mobile devices that are based on Android OS have buttons on the bottom edge of the device. These touch buttons have terrible UX issues. They are prone to accidental touch, thus resulting ...
1
vote
3answers
191 views

Is it okay to have two “primary” buttons?

I have a dialog that allows the user to enter text to be processed. Initially, there are two buttons: "Cancel" and "Assemble." The latter button is the primary action (in Bootstrap, .btn-primary). ...