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
1answer
58 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 ...
18
votes
2answers
911 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 ...
2
votes
1answer
65 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 ...
1
vote
2answers
107 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 ...
2
votes
2answers
94 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 ...
2
votes
3answers
118 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.
0
votes
2answers
57 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 ...
1
vote
3answers
177 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
4answers
160 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 ...
3
votes
3answers
160 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
105 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 ...
19
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 ...
1
vote
1answer
35 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 ...
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 ...
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
116 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 ...
23
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? ...
2
votes
1answer
48 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 ...
1
vote
1answer
68 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 ...
2
votes
6answers
214 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 ...
1
vote
3answers
107 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 ...
0
votes
2answers
217 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
331 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 ...
0
votes
2answers
113 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 ...
2
votes
4answers
105 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
780 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 ...
0
votes
1answer
65 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 ...
1
vote
4answers
89 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
96 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 ...
0
votes
1answer
86 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, ...
1
vote
2answers
116 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 ...
3
votes
5answers
194 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). ...
1
vote
2answers
66 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
2answers
99 views

Best position for 'Add Contact' button?

Any best practices for positioning the Add Contact button (1) in this screen? Left or Right? thanks
1
vote
0answers
90 views

collapse vs minimize [duplicate]

Is it right to use the word "Collapse" to describe what this button do or "Minimize" is more correct? What the difference in meanings of words "collapse" and "minimize" in context of computer ...
2
votes
2answers
157 views

one button, two functions?

We are designing an UI of a game like the following: Once you enter the Green button (Start) you start to fight. However, there's a limit of restarting the fight. When it come to the limit, the ...
2
votes
2answers
158 views

What's your method for choosing button colors?

I realized this has been discussed in different threads, but often what I've found is the topic is segmented into only a couple of actions; i.e. Save and Cancel, or Positive/Negative relationships. ...
1
vote
3answers
92 views

Should mobile slideout menu close icon indicate direction of view change or UI movement?

Building a responsive site for a big consumer brand, and we're using a hamburger slideout menu from the right. This slideout will move the content off screen to the left, rather than sliding out over ...
11
votes
3answers
643 views

Why not have the hamburger menu at the bottom?

Considering this : http://www.lukew.com/ff/entry.asp?1649 ... and considering that displays get bigger, I'm wondering why the hamburger menu isn't located at the bottom of the UI. Just like this ...
0
votes
2answers
132 views

Yes and No buttons are both positive. Is it okay for these to both be green, implying 'success'?

This is similar to Should "Yes, delete it" be red, or green?, but I feel it isn't quite a duplicate as my situation is different. I have a form which looks like this: When a user enters ...
4
votes
3answers
158 views

Is lack of redundancy or visual consistency more important?

I was checking out at a convenience store recently and the card reader asked if the the amount of money it was going to charge me matched my expectations. It looked something like this: I laughed ...
12
votes
5answers
3k views

Do material design's floating action buttons provide a bad UX?

Google's material design largely focuses on clean visuals and a good user experience, but there is one feature that I have questioned: floating action buttons. This is a large button that appears in ...
1
vote
3answers
138 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 ...
16
votes
3answers
2k views

Should a form's back button save the data entered before navigating backwards

I have a five page form: 3 data entry pages, a confirmation, and an submission success page. I am to insert a back button on the middle 3 pages, no problem. However, there is no specified behavior ...
1
vote
1answer
71 views

Positioning the same confirm button for 3 different panel displaying situations

I have two panels that are hidden/showed depending on the value of the "State to assign" dropdown. I've been doubting about placing the Confirm button: In a fixed position, for example: the bottom ...
0
votes
2answers
103 views

Is this a right position to place “See more” button on the top of particular section in “Google Store”?

Google placed the "See more" button on top of each section. I wrongly clicked the bottom button of "Apps" section to see all kind of similar app. But it showed me all book apps. Then I pressed back ...
2
votes
2answers
174 views

Is it ok to have two buttons with similar functionality?

I am currently working on a system that involves removing sections of an application and rows in a table. Do you think it acceptable to have one remove button and one cancel button (x icon) which do ...
0
votes
3answers
123 views

Button or link for new item form

I'm quite decided to use links to indicate that the user will be taken to page with content, and to use button, when the user takes some action. There is pretty clear distinction between those, so it ...
0
votes
3answers
103 views

Conceptually similar but actionably different choices in a modal

I have a modal in which users can choose between removing a user entirely withdrawing the user while leaving an archival entry in the list cancelling out of the modal without taking any action ...
2
votes
1answer
130 views

How to display context-sensitive help for buttons?

I have several buttons in my application that require some explanation (1-3 SHORT sentences). Something like context sensitive help. what is the best way to provide the user this explanation? ...