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)

24
votes
2answers
2k 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
90 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
59 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 ...
391
votes
24answers
30k 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
226 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 ...
1
vote
1answer
77 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
138 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 ...
3
votes
3answers
500 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
318 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
514 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
125 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
927 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
340 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
90 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
119 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
134 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
319 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 ...
2
votes
2answers
130 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
243 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
280 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
1answer
96 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
106 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 ...
1
vote
0answers
91 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 ...
3
votes
2answers
178 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 ...
11
votes
3answers
1k 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 ...
2
votes
2answers
212 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
341 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 ...
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?
4
votes
3answers
174 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 ...
88
votes
8answers
9k views

What reason could Nintendo have had for putting the A and B buttons the wrong way round?

When Nintendo brought out it's first game system, the NES, it had a controller with four buttons: Select Start A B However, somewhere, a designer, in their infinite wisdom, decided that the A and ...
0
votes
2answers
174 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 ...
2
votes
3answers
142 views

Differing behaviours of the previous song button

I remembering discovering this functionality as a child when I operated a DVD player and I've never fully understood it. Recently I've been tasked with writing a short tutorial on the basic operations ...
12
votes
5answers
324 views

Should a music player's previous button go back sequentially or by history?

I develop a music player for a living and I just encountered an interesting scenario. The scenario is this: 500 songs queued up to play. Song #1 is active and playing. You double-click on song ...
17
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 ...
3
votes
2answers
147 views

Button group behaviour - defaults and toggling

Consider the application of hotel faceted search. At first the user provides the city and dates, and after that they filter, such as "star ratings". By default, there is no filtering based on stars, ...
2
votes
2answers
189 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 ...
1
vote
3answers
135 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 ...
1
vote
2answers
166 views

Are window interaction buttons on the right bad for cross-platform apps with a custom border deployed on a Mac?

I am developing a cross-platform application with a custom border. The window interactions buttons (minimize/maximize/close) are in the top right, like Windows. However, when the application is run on ...
46
votes
9answers
7k views

Is there a universally recognizable “Download” button?

I was trying to download software from a website below (I white-outed the software name, etc.): At first, I couldn't figure out which was the download button. The first button up top was painfully ...
0
votes
3answers
106 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
236 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? ...
0
votes
2answers
81 views

How do i display a button that is selected with two options?

Industry Experience has both a Target Value and an actual value (what the person scored) Attached is an example where the actual value is not the target value. How should it be displayed when the ...
5
votes
4answers
1k views

The meaning of the Home button in browsers

I'm not talking about the Home on the website or an app but the home on the browser itself. First of all, I saw no use for that button eversince I first touched a browser. Maybe it made no sense to ...
5
votes
3answers
163 views

Changing text on a button twice after action

Is it acceptable to change the text in a button straight after an action has been performed to show the action was successful and then change the text again after a short delay (as the button will ...
2
votes
4answers
242 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
0
votes
2answers
138 views

Button instead of Buy Now

I need to develop an android based user interface which lists items to purchase. But in this release I cannot integrate the payment gateway. I would like to integrate a button that indicates an ...
1
vote
2answers
150 views

How should the form control buttons be arranged?

Where is the best place to show form actions in a system (CRUD buttons*)? I have currently placed them in a sticky header that follows a user down the page so as to always show the controls, which is ...
4
votes
2answers
287 views

Are actions within buttons easy to use?

There are examples on the web with actions within a clickable area. Does this create an issue with users mistakenly clicking a delete or close button vs the actual area? Examples:
0
votes
1answer
95 views

Designing a prompt for saving changes [duplicate]

Background Imagine there's a UI that contains a list of "talks". Each talk has fields such as "title", "speaker", and "description". Users can edit talks but have to explicitly save their changes ...
1
vote
5answers
265 views

Microsoft Windows Dialog: No Close Button Scenario(s)

Windows Dev Center states: "Dialog boxes always have a Close button...Don't disable the Close button. Having a Close button helps users stay in control by allowing them to close windows they don't ...