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)

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 ...
0
votes
3answers
60 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
34 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 ...
6
votes
2answers
553 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 ...
5
votes
3answers
153 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
202 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
889 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
53 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
87 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
106 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
136 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
122 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 ...
39
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
112 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
340 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
207 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
194 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). ...
2
votes
6answers
227 views

Volume controls and mute order

I'm designing a remote control that only have Volume Up, Volume Down and Mute. But I can't decide where to put the mute button, in the middle or on the bottom. And what should I have for the Mute ...
3
votes
3answers
167 views

When to use a tool based UX and when to use a button based UX for a spreadsheet app?

To explain what I mean by the terms: Tool based UX: select a tool from a tool bar, and use the tool on some part of the resource. Examples: Photoshop, Minecraft. Button based UX: select a resource, ...
0
votes
2answers
119 views

What kind of button should I use for toggle all state?

I have a series of small images in a scrollView and a way of controlling their opacity with a toggle switch. The toggle has two actions: Set all images to full opacity Set all images to low opacity ...
20
votes
5answers
3k views

Save buttons that don't save

Generally there are two kinds of windows I make: windows with Ok/Cancel buttons, and windows with just a Close button. The implied understanding is that Ok/Cancel windows don't save anything until you ...
2
votes
3answers
328 views

Is there a standard for the positioning of the elevator control buttons?

I've always wondered why elevator control buttons are found where they are. For example, the following image shows the elevator control buttons positioned on the right side. The way I see it, ...
8
votes
7answers
1k views

Should a button behave differently when pressed a second time?

I display a map in my Android app, and on that map I have an icon button that's used to fetch the current device's location. The button is in the top-right corner in the image below, and the current ...
1
vote
1answer
38 views

What is the best way to let the user select a distance for a layer?

So I am creating a layer list using d3 and I have a question about how best let the user select distances. To give some background, the user will be selecting a geographic layer and will then be ...
1
vote
3answers
155 views

Should I put a button below a growing list?

I'm trying to decide on a button location for an app I'm building. The app basically generates teams using lists of players for a given position. It feels most natural to me to have the button to ...
0
votes
1answer
64 views

Best way to give user information on a layer

The Idea I have a layer list that is being created like this d3 version here and I want to append some sort of information icon to the lowest level nodes. To give some background, the user will be ...
1
vote
4answers
135 views

What combo box button is preferable?

Of the two shown below, which is the preferred style--if any--for a combo control? (that allows you to type in it or click the button or arrow to show a drop-down with choices to select...in this ...
24
votes
2answers
1k views

What value does :focus CSS state add for buttons?

We all know that :hover is required if you want to create sophisticated user experience. It allows users to recognize a click option on an element. I wonder what value does :focus add for buttons? ...
1
vote
2answers
73 views

Can/Should primary actions change according to context?

I'm designing an internal system and I'm trying to achieve better consistency amongst the different types of pages that I have. For every functionality the main page is a "Search" page. And given ...
2
votes
1answer
52 views

Better options to show Open and Save option for each file in a list

A list of all input files is shown. User can click ‘Create Output Files’ to create output files for each input file. Now when all output files are created, ‘Create Output Files’ button becomes ...
384
votes
24answers
29k views

Why do people clear the screen multiple times when using a calculator?

I've noticed that most people when using a real or a virtual calculator, they hit the Clear button multiple times when clearing the screen (even though hitting it once is enough), so I started ...
0
votes
2answers
156 views

Where should I put an Add button in a Bootstrap Modal dialog?

I have a UI like this designed at the moment with Bootstrap modal: I was thinking the "Add Shift" button looks misplaced. Would there be any better placement for the button so it doesn't look so ...
174
votes
23answers
31k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
1
vote
1answer
69 views

What is a term users can understand when leaving Edit mode?

I feel kind of silly asking this but I'm having a real problem coming up a reasonable term for Read Only mode or Not Edit mode. Pictures to explain my problem... If the user wants to edit ...
1
vote
3answers
121 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 ...
2
votes
3answers
376 views

Edit button or tap to edit

What is the best way to indicate edit-in-place functionality on a list view in a responsive web application? This is an in-browser application designed for mobile (not a native mobile app), so ...
0
votes
2answers
250 views

Floating vs Hovering share buttons for listicles?

I have a blog that focuses on listicles that's very image heavy (eg. 10 Cats That Looks Like Madonna). And I'm trying to make it as "share friendly" as possible. So far, I have had floating share ...
7
votes
3answers
366 views

Is the Windows Title Bar off limits for customization?

With a recent Chrome update, I now have a switch person button next to the three standard Window Title Buttons that are used all the time: Minimize Window Restore Window Close Window When Chrome ...
3
votes
4answers
114 views

How to differentiate between dismiss and delete

Our system creates some records and have a review screen that lets the user see what was created. We would like to allow two actions in that screen: Delete - remove the records completely, with no ...
3
votes
6answers
828 views

What's the best button progressbar?

I've made a sketch of different button progressbars, but I need to know which is the best one and why based on a few key factors: Perceived speed (fastest). Noise/Distraction level (least ...
3
votes
5answers
321 views

[sign up] vs. [sign me up], what's the best way to name buttons?

I'm a bit confused as to what the best way to naming buttons is. And if it needs to be consistent with the instructions (voice of one person), for instance: Example A (one person): Are you new to the ...
0
votes
1answer
76 views

What are some design patterns for a cycle button?

I'd like to make use of a cycle button, i.e. a single button that will toggle between a number of states (three or four). Since these buttons are generally frowned upon, there are few examples of ...
2
votes
4answers
103 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...
0
votes
1answer
107 views

How can I make these buttons obviously clickable?

I am building an installer in VB.NET in Windows Forms, and am currently adding a final few things such as objects on the About and Preferences pages. I know the buttons are clickable, but the user ...
3
votes
3answers
285 views

Best practice for switch with interchangeable on/off position?

We're making a hardware device with a reset button that needs to be activated when the device is unpowered. As such, the button can not be a momentary press but needs to change position before being ...
1
vote
2answers
121 views

Using black for CTA

I've recently design a website for a client, and at some point he was talking about the Call to action color and he said "I really want to move away from colors. Can we use black please?". I've made ...
2
votes
3answers
234 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 ...
3
votes
5answers
217 views

Should unavailable buttons in a wizard be disabled or hidden?

On a wizard form I have the navigation, save, and cancel buttons. Currently I disable the buttons according to the context. The save button is enabled when the user actually can save (ie, last page). ...